*{box-sizing:border-box;padding:0;margin:0}body{background-color:rgb(231,251,253);font-family:sans-serif}.wrapper{width:100%;height:100%;cursor:pointer}.penguin_wrapper,.wrapper{position:absolute;overflow:hidden}.penguin_wrapper{width:96px;height:96px;transition:.5s;z-index:2}svg{display:block}.penguin_wrapper svg{fill:navy}.penguin_inner_wrapper{height:100%;width:100%;transition:transform .1s ease-out}.facing_downleft,.facing_left,.facing_upleft{transform:scaleX(-1)}.facing_down,.facing_downright,.facing_right,.facing_up,.facing_upright{transform:scale(1)}.penguin_sprite{position:absolute;height:calc(6 * 96px);width:calc(8 * 96px);pointer-events:none}.penguin_sprite img{height:100%;width:100%;display:block}.hit_wrapper{height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.hit_area{height:50px;width:40px;display:flex;flex-wrap:wrap}.sign{position:fixed;font-family:Arial,Helvetica,sans-serif;bottom:10px;right:10px;font-size:10px}.sign,a{color:navy}a{text-decoration:none}a:hover{text-decoration:underline}.foot_print{height:30px;width:30px;position:absolute;z-index:-10;image-rendering:pixelated;background-size:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAHlJREFUSEtjZBggwDhA9jKMWky3kB8N6oEP6tkv//0HuSJVnIkm0YHTULpbDLMQPcyp7XMMHw86i2EhQC2fE+1jmlsMs4DWQU4wVdMqkRHMo+g+p1kco/twwCymVRlKMKhHLaZWCIwGNbVCkqA5o0FNMIiopWDkBTUAjfAoH+hhPScAAAAASUVORK5CYII=);animation:fade 10s forwards}@keyframes fade{0%{opacity:.4}50%{opacity:.4}to{opacity:0}}@keyframes fade_lighter{0%{opacity:.1}50%{opacity:.1}to{opacity:0}}.jump_print{height:32px;width:36px;position:absolute;z-index:-10;image-rendering:pixelated;background-size:36px 32px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAAAXNSR0IArs4c6QAAAK1JREFUWEftl8ENgCAMRWEKJ3QqJ3QKiAc81NTWT4AfU6+KvL4WCjmRPZmMJ8FAx1nKWzD7lqF/Q4MukOVAFoCVeq8xt6HlQL0AqDHVEA3QaBBpTtbWw1AAif2K19DsVGm1dBsKIKGorbYwpO3gYcjb23hrqEUwe/lHL/PWTvuOt5fJSEbXknbG5j8xajnvNfa/W4e1OixjXiNyHve97GvRTweyDKLvYUPohNa4Cm6ZcCHJb/u+AAAAAElFTkSuQmCC);animation:fade_lighter 10s forwards}.star{position:absolute;width:16px;height:16px;overflow:hidden;z-index:20}.star_sprite{position:absolute;height:100%;width:calc(4 * 16px);pointer-events:none}.star svg{fill:rgb(148,234,255)}.star.twinkle{animation:twinkle 1s infinite}@keyframes twinkle{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}:root{--navy-primary:#1e293b;--navy-light:#334155;--ice-blue:#e7fbfd;--ice-blue-light:#f0fdff;--penguin-accent:#94eaff;--shadow-soft:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-medium:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}body{background:linear-gradient(135deg,var(--ice-blue) 0,var(--ice-blue-light) 100%);min-height:100vh;overflow-x:hidden}.text-navy{color:var(--navy-primary)}.text-navy\/70{color:rgba(30,41,59,.7)}.text-navy\/60{color:rgba(30,41,59,.6)}.bg-navy{background-color:var(--navy-primary)}.bg-navy\/80{background-color:rgba(30,41,59,.8)}.border-navy\/10{border-color:rgba(30,41,59,.1)}.center-content-container{flex-direction:column;text-align:center;max-width:600px;margin:0 auto;padding:0 20px}.center-content-container,.marker-container{display:flex;align-items:center;justify-content:center;width:100%}.marker-container{margin-bottom:2rem}.ping-marker-image{animation:bounce-slow 3s ease-in-out infinite;filter:drop-shadow(0 25px 25px rgba(0,0,0,.15));transform-origin:center center}.main-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;color:var(--navy-primary);margin:0 0 1rem;letter-spacing:.02em;line-height:1.1;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:rgba(30,41,59,.7);font-weight:500;margin:0 0 2.5rem;text-align:center;letter-spacing:.01em}.cta-container{pointer-events:auto;position:relative;z-index:15}.beta-button{position:relative;background:linear-gradient(135deg,var(--navy-primary) 0,#1e40af 50%,var(--navy-primary) 100%);color:white;padding:1rem 2rem;border-radius:16px;font-weight:600;font-size:clamp(.9rem,2.5vw,1.1rem);border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);box-shadow:0 20px 25px -5px rgba(30,41,59,.1),0 10px 10px -5px rgba(30,41,59,.04),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden;min-width:160px}.beta-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 25px 35px -5px rgba(30,41,59,.2),0 15px 15px -5px rgba(30,41,59,.08),inset 0 1px 0 rgba(255,255,255,.2);background:linear-gradient(135deg,#1e40af 0,var(--navy-primary) 50%,#1e40af 100%)}.beta-button:active{transform:translateY(-1px) scale(1.01)}.beta-button-text{position:relative;z-index:2;display:block}.beta-button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:1}.beta-button:hover .beta-button-glow{left:100%}@media (max-width:640px){.center-content-container{padding:0 16px}.marker-container{margin-bottom:1.5rem}.ping-marker-image{width:120px;height:120px}.main-title{margin-bottom:.75rem}.subtitle{margin-bottom:2rem}.beta-button{padding:.875rem 1.75rem;min-width:140px}}@media (max-width:480px){.ping-marker-image{width:100px;height:100px}.beta-button{padding:.75rem 1.5rem;min-width:120px}}.feature-card{backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-medium);transition:all .3s ease;transform:translateY(10px);opacity:0;animation:slideInFromBottom .6s ease forwards}.feature-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@keyframes slideInFromBottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cta-button{background:linear-gradient(135deg,var(--navy-primary) 0,var(--navy-light) 100%);box-shadow:var(--shadow-medium);transition:all .3s ease;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px rgba(30,41,59,.3)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(30,41,59,.1);border-left:4px solid var(--navy-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.floating-ice{position:absolute;width:60px;height:60px;background:rgba(255,255,255,.1);border-radius:50%;animation:float 6s ease-in-out infinite;z-index:1}.floating-ice:first-child{top:20%;left:10%;animation-delay:0s}.floating-ice:nth-child(2){top:60%;right:15%;animation-delay:2s;width:40px;height:40px}.floating-ice:nth-child(3){top:80%;left:70%;animation-delay:4s;width:80px;height:80px}@keyframes float{0%,to{transform:translateY(0) translateX(0);opacity:.3}25%{transform:translateY(-20px) translateX(10px);opacity:.5}50%{transform:translateY(-10px) translateX(-5px);opacity:.7}75%{transform:translateY(-30px) translateX(15px);opacity:.4}}.logo-bounce{animation:logo-bounce 2s ease-in-out infinite}@keyframes logo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.instruction-pulse{animation:instruction-pulse 3s ease-in-out infinite}@keyframes instruction-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.pulse-hint{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}@media (max-width:640px){.text-5xl{font-size:2.5rem;line-height:1.1}}@media (min-width:641px) and (max-width:768px){.text-7xl{font-size:4rem;line-height:1.1}}@media (min-width:769px){.text-8xl{font-size:5.5rem;line-height:1.1}}@media (max-width:768px){.text-6xl{font-size:2.5rem}.text-8xl{font-size:3.5rem}.header-mobile{flex-direction:column;gap:.5rem;text-align:center}.cta-mobile{position:static;margin:1rem;width:calc(100% - 2rem)}.instructions-mobile{position:static;text-align:center;padding:1rem;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border-radius:.5rem;margin:1rem}.feature-card{max-width:280px;font-size:.875rem}.feature-card h3{font-size:.75rem}.feature-card p{font-size:.6875rem}}.foot_print{filter:drop-shadow(0 2px 4px rgba(30,41,59,.2))}.jump_print{filter:drop-shadow(0 2px 4px rgba(30,41,59,.15))}.star.twinkle{animation:enhanced-twinkle 1.5s ease-in-out infinite}@keyframes enhanced-twinkle{0%,to{transform:scale(1) rotate(0deg);filter:brightness(1)}25%{transform:scale(1.2) rotate(90deg);filter:brightness(1.3)}50%{transform:scale(1.5) rotate(180deg);filter:brightness(1.5)}75%{transform:scale(1.2) rotate(270deg);filter:brightness(1.3)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ice-blue)}::-webkit-scrollbar-thumb{background:var(--navy-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--navy-primary)}@media (prefers-reduced-motion:reduce){.floating-ice,.instruction-pulse,.logo-bounce{animation:none}.cta-button,.feature-card{transition:none}}@media (prefers-contrast:high){:root{--navy-primary:#000000;--navy-light:#333333;--ice-blue:#ffffff;--ice-blue-light:#ffffff}}button:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.drop-shadow-2xl{filter:drop-shadow(0 25px 25px rgba(0,0,0,.15))}