:root{--ink:#071a2d;--muted:#536778;--cream:#f5fbff;--aqua:#4fe0c2;--blue:#1679c5;--deep:#031b37;--night:#020e21}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--night);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #ffd166}.landing-page,.complete-page{background:radial-gradient(circle at 18% 12%,#4fe0c257,#0000 28%),radial-gradient(circle at 88% 18%,#2e96dc66,#0000 34%),linear-gradient(155deg,#083f67 0%,#05284a 42%,#020e21 100%);place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.landing-page:after,.complete-page:after{content:"";background:linear-gradient(160deg,#123d43,#04182f 65%);border-radius:50%;width:68vw;height:48vh;position:absolute;bottom:-26vh;right:-14vw;box-shadow:-28vw 6vh #082b3d}.landing-bubbles span{--size:calc(8px + (var(--bubble-index) % 4) * 6px);z-index:1;left:calc(4% + var(--bubble-index) * 7.8%);bottom:calc(-5% - (var(--bubble-index) % 3) * 8%);width:var(--size);height:var(--size);animation:bubble-rise calc(7s + (var(--bubble-index) % 5) * 1.2s) linear infinite;animation-delay:calc(var(--bubble-index) * -.75s);border:2px solid #a6edff94;border-radius:50%;position:absolute}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)scale(.65)}12%{opacity:.75}to{opacity:0;transform:translateY(-115vh)translate(35px)scale(1.08)}}.landing-card{z-index:2;background:#f4fbfff5;border:1px solid #b5ebff38;border-radius:36px;grid-template-columns:1.08fr .92fr;width:min(1180px,96vw);min-height:min(720px,88vh);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 100px #00071670}.landing-copy{flex-direction:column;justify-content:center;padding:clamp(38px,6vw,78px);display:flex}.eyebrow,.panel-kicker{color:#077d86;letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px;font-size:.78rem;font-weight:850}.landing-copy h1,.complete-copy h1{color:#05213a;letter-spacing:-.075em;max-width:680px;margin:0;font-size:clamp(3.6rem,7vw,6.9rem);font-weight:900;line-height:.88}.landing-lead{color:#405969;max-width:610px;margin:28px 0 0;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.65}.mission-strip{color:#406073;flex-wrap:wrap;align-items:center;gap:10px;margin:34px 0;font-size:.78rem;font-weight:750;display:flex}.mission-strip span{background:#fff;border:1px solid #cbdde7;border-radius:999px;padding:8px 11px}.mission-strip b{color:#1c9eb0}.launch-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.sound-button,.hint-button{cursor:pointer;border-radius:14px;min-height:50px;font-weight:820}.primary-button{color:#04202c;background:linear-gradient(135deg,#5ce8c9,#65d4ed);border:0;padding:14px 24px;box-shadow:0 10px 28px #169dae40}.primary-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.sound-button,.hint-button{color:#21485f;background:#fff;border:1px solid #bfd2df;padding:13px 18px}.control-note{color:#627786;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;font-size:.82rem;display:flex}.control-note span{background:#c2d2dd;width:1px;height:15px;margin:0 8px}.landing-art{background:radial-gradient(circle at 52% 22%,#b1f7ff8a,#0000 25%),linear-gradient(#56d7df 0%,#1683bd 44%,#07517d 100%);min-height:640px;position:relative;overflow:hidden}.landing-art:after{content:"";background:linear-gradient(175deg,#197f73,#073e4c 65%);border-radius:55% 45% 0 0;width:125%;height:35%;position:absolute;bottom:-8%;right:-15%;box-shadow:-140px 42px #0d5361}.hero-dolphin{z-index:3;filter:drop-shadow(0 26px 20px #00294a47);width:92%;height:auto;animation:4.4s ease-in-out infinite hero-swim;position:absolute;top:17%;left:4%}@keyframes hero-swim{0%,to{transform:translateY(5px)rotate(-2deg)}50%{transform:translateY(-18px)rotate(2deg)}}.hero-ring{z-index:1;border:7px solid #efffff8f;border-radius:50%;position:absolute;box-shadow:0 0 28px #a3f7ff8c}.ring-one{width:160px;height:160px;top:17%;left:14%}.ring-two{width:105px;height:105px;bottom:19%;right:5%}.sun-ray{filter:blur(3px);background:linear-gradient(#ffffff52,#0000);width:72px;height:66%;position:absolute;top:-12%;transform:rotate(15deg)}.ray-one{left:20%}.ray-two{opacity:.48;width:110px;left:55%}.lesson-badge{z-index:4;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03233fa8;border:1px solid #ffffff73;border-radius:14px;flex-direction:column;padding:12px 16px;display:flex;position:absolute;bottom:25px;right:24px}.lesson-badge span{letter-spacing:.13em;font-size:.64rem;font-weight:800}.game-page{color:#eafaff;background:radial-gradient(circle at 80% 5%,#36abd738,#0000 26%),linear-gradient(155deg,#052b4c,#03172f 57%,#010b1d);min-height:100vh;padding-bottom:96px}.game-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#021023d4;border-bottom:1px solid #99def529;grid-template-columns:minmax(190px,.75fr) minmax(300px,1.5fr) minmax(260px,1fr);align-items:center;gap:26px;min-height:78px;padding:13px clamp(18px,3vw,42px);display:grid}.brand-block p,.brand-block strong,.progress-label span,.progress-label b{display:block}.brand-block p{color:#66e2d0;letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;font-size:.66rem;font-weight:850}.brand-block strong{letter-spacing:-.02em;font-size:1.05rem}.progress-label{color:#c9dfeb;justify-content:space-between;margin-bottom:8px;font-size:.75rem;font-weight:750;display:flex}.progress-track{background:#b5e0ef26;border-radius:99px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#4fe0c2,#4abbe5);height:100%;transition:width .55s;display:block;box-shadow:0 0 15px #4fe0c2a6}.header-tools{justify-content:flex-end;align-items:center;gap:10px;display:flex}.question-clock,.pearl-counter{background:#ffffff0d;border:1px solid #b7e1f033;border-radius:11px;align-items:center;min-height:43px;padding:6px 10px;display:flex}.question-clock{flex-direction:column;justify-content:center;min-width:82px;padding:4px 10px}.question-clock span{color:#fff0b3;font-family:var(--font-geist-mono), monospace;font-size:.9rem;font-weight:850;line-height:1}.question-clock small{color:#91b7c7;letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:.55rem;font-weight:750}.pearl-counter{gap:6px}.pearl-counter i,.reward-card i{background:radial-gradient(circle at 32% 27%,#fff 0 10%,#0000 13%),linear-gradient(145deg,#fff9dd,#95dded 57%,#ad8fe8);border:2px solid #fffc;border-radius:50%;flex:none;width:19px;height:19px;display:inline-block;box-shadow:0 0 11px #abefff73}.pearl-counter strong{color:#fff;font-size:.9rem}.pearl-counter span{color:#9fc4d1;text-transform:uppercase;font-size:.58rem;font-weight:750}.header-tools button{cursor:pointer;color:#cbe7f1;background:#ffffff0d;border:1px solid #b7e1f033;border-radius:9px;padding:8px 10px;font-size:.7rem;font-weight:720}.energy-meter{gap:5px;margin-right:4px;display:flex}.energy-meter span{border:2px solid #7adcee99;border-radius:50%;width:13px;height:13px}.energy-meter span.full{background:#55e6c7;box-shadow:0 0 9px #55e6c7a6}.game-layout{grid-template-columns:minmax(300px,.75fr) minmax(650px,1.85fr);width:min(1500px,100%);min-height:calc(100vh - 174px);margin:0 auto;display:grid}.mission-panel{z-index:3;background:linear-gradient(#0a2d47eb,#03172ef5),radial-gradient(circle at 15% 20%,#4fe0c22b,#0000 35%);border-right:1px solid #a4dcf029;padding:clamp(30px,4vw,58px);position:relative}.mission-panel h1{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(2rem,3.1vw,3.35rem);font-weight:880;line-height:1.02}.mission-panel>p:not(.panel-kicker){color:#b8d0dd;line-height:1.62}.context-copy{border-left:3px solid #4fe0c2;margin-top:22px;padding-left:14px}.expression-card{color:#f7fdff;text-align:center;background:#030c1c8c;border:1px solid #aae7f93d;border-radius:17px;margin:24px 0 18px;padding:22px 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,3vw,2.65rem);font-weight:700;box-shadow:inset 0 1px #ffffff0d}.movement-instruction{margin:0 0 20px;font-size:.82rem;font-weight:680;color:#8fb5c6!important}.hint-button{color:#bce8f4;background:#3f9ab417;border-color:#8dd7eb3d;width:100%;min-height:44px;font-size:.78rem}.support-card,.worked-model{color:#cde6ee;background:#2a9d9917;border:1px solid #5fe8cc38;border-radius:15px;gap:9px;margin-top:14px;padding:15px;font-size:.77rem;display:grid}.support-card>strong,.worked-model>strong{color:#66e2d0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.68rem}.support-card span,.worked-model span{align-items:center;gap:9px;display:flex}.support-card span b,.worked-model span b{color:#062537;background:#66e2d0;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:.65rem;display:grid}.reward-card{color:#dceff5;background:#7e5cbe14;border:1px solid #c4a4ff38;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:15px;padding:12px 14px;display:flex}.reward-card div{align-items:center;gap:8px;display:flex}.reward-card strong{white-space:nowrap;font-size:.75rem}.reward-card span{color:#9fc0ce;text-align:right;font-size:.65rem;line-height:1.35}.training-steps{gap:12px;margin-top:30px;display:grid}.training-steps span{color:#c8e0e9;align-items:center;gap:12px;font-size:.86rem;display:flex}.training-steps b{color:#062537;background:#59e5c8;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.ocean-arena{background:linear-gradient(90deg,#03132833,#0000 20%),radial-gradient(circle at 70% 10%,#5cdcf233,#0000 30%),linear-gradient(#0878a5 0%,#075681 25%,#06375f 55%,#031832 100%);min-height:680px;position:relative;overflow:hidden}.surface-line{z-index:1;opacity:.78;background:radial-gradient(at 50% 100%,#dffdffb3 0 18%,#0000 20%) 0 0/60px 18px repeat-x,linear-gradient(#c1f8ff8c,#0000);height:18px;position:absolute;top:0;left:0;right:0}.depth-lines{z-index:0;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:8% 20px 11%}.depth-lines span{color:#beebf86e;font-family:var(--font-geist-mono), monospace;align-items:center;gap:10px;font-size:.65rem;display:flex}.depth-lines span:after{content:"";background:linear-gradient(90deg,#b4e7f529,#0000);flex:1;height:1px}.arena-bubbles span{--size:calc(5px + (var(--i) % 5) * 3px);z-index:1;left:calc(9% + (var(--i) * 13%) % 88%);bottom:calc(-8% - (var(--i) % 5) * 3%);width:var(--size);height:var(--size);animation:arena-bubble calc(5s + (var(--i) % 4) * 1.4s) linear infinite;animation-delay:calc(var(--i) * -.52s);border:1.5px solid #c0f4ff87;border-radius:50%;position:absolute}@keyframes arena-bubble{to{opacity:0;transform:translateY(-760px)translate(28px)}}.seafloor{z-index:2;background:linear-gradient(175deg,#0b4c52,#062b3c 65%);border-radius:50% 55% 0 0;height:15%;position:absolute;bottom:-20px;left:0;right:0;box-shadow:280px -18px #0a3d48b8,-310px 15px #072b38cc}.kelp{transform-origin:bottom;background:linear-gradient(90deg,#0c8f7b,#26bd94);border-radius:60% 40% 20% 20%;width:16px;height:88px;animation:3.6s ease-in-out infinite kelp-sway;display:block;position:absolute;bottom:65%}.kelp:after{content:"";background:#20ac86;border-radius:90% 0;width:28px;height:12px;position:absolute;top:24px;left:9px;transform:rotate(-22deg)}.kelp-a{left:12%}.kelp-b{height:115px;animation-delay:-1.3s;left:68%}.kelp-c{height:74px;animation-delay:-2.1s;right:8%}@keyframes kelp-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(8deg)}}.rock{background:#123d4d;border-radius:50% 55% 20% 20%;display:block;position:absolute;bottom:62%}.rock-a{width:85px;height:40px;left:31%}.rock-b{width:58px;height:28px;right:24%}.answer-current{z-index:4;cursor:pointer;color:#073044;background:0 0;border:0;width:55%;height:72px;padding:0;position:absolute;left:3%;transform:translateY(-50%)}.current-stream{background:linear-gradient(90deg, var(--zone-color), #a3effb2e);opacity:.45;border-radius:99px;width:calc(100% - 62px);height:5px;transition:opacity .2s,box-shadow .2s;position:absolute;top:50%;left:62px;overflow:hidden}.current-stream:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 18px,#ffffffe6 20px 26px,#0000 28px 42px);animation:1.1s linear infinite current-flow;position:absolute;inset:0}@keyframes current-flow{to{transform:translate(-42px)}}.answer-bubble{background:#e8fcffe0;border:3px solid #d2f9ffa6;border-radius:50%;place-items:center;min-width:112px;min-height:58px;padding:10px 18px;font-size:clamp(.86rem,1.25vw,1.05rem);font-weight:860;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:inset 0 -8px 14px #339dba29,0 7px 24px #00182d33}.answer-current.active .answer-bubble{border-color:var(--zone-color);box-shadow:inset 0 -8px 14px #339dba1f, 0 0 0 7px #ffffff1f, 0 0 28px var(--zone-color);transform:translateY(-50%)scale(1.08)}.answer-current.active .current-stream{opacity:.95;box-shadow:0 0 18px var(--zone-color)}.dolphin-player{z-index:6;pointer-events:none;width:clamp(110px,16vw,215px);height:clamp(110px,16vw,215px);transition:top 80ms linear;position:absolute;right:8%;transform:translateY(-50%)}.dolphin-player img{object-fit:contain;filter:drop-shadow(0 14px 10px #00122866);width:100%;height:100%}.dolphin-player .reward-trail{z-index:-1;opacity:0;border-radius:99px;width:0;height:10px;transition:width .25s,opacity .25s;position:absolute;top:44%;right:74%}.dolphin-player.reward-tier-1 .reward-trail,.dolphin-player.reward-tier-2 .reward-trail,.dolphin-player.reward-tier-3 .reward-trail{opacity:.9;background:radial-gradient(circle,#ddfbfff2 0 28%,#0000 32%) 0/18px 18px repeat-x;width:78px}.dolphin-player.reward-tier-2 img{filter:drop-shadow(0 14px 10px #00122866)drop-shadow(0 0 16px #ff8572b8)}.dolphin-player.reward-tier-3 img{filter:drop-shadow(0 14px 10px #00122866)drop-shadow(0 0 22px #ffdc66f2)}.dolphin-player.reward-tier-3 .reward-trail{filter:drop-shadow(0 0 7px #ffd65a);background:radial-gradient(circle,#fff7bd 0 25%,#0000 30%) 0/16px 16px repeat-x;width:112px}.dolphin-player.boosting:not(.motion-dash){filter:drop-shadow(24px 0 10px #4fe0c26b)}.dolphin-player.boosting:not(.motion-dash) img{transform:scale(1.05)rotate(-2deg)}.dolphin-player.motion-up img{transform:rotate(-4deg)}.dolphin-player.motion-down img{transform:rotate(4deg)}.dolphin-player.motion-dash{animation:.78s ease-in-out forwards dolphin-dash}@keyframes dolphin-dash{0%{right:8%;transform:translateY(-50%)scale(1)}48%{right:42%;transform:translateY(-50%)scale(.92)rotate(-4deg)}to{opacity:0;right:88%;transform:translateY(-50%)scale(.7)rotate(-10deg)}}.sonar-line{border-top:1px dashed #cff9ff8f;width:70px;position:absolute;top:50%;right:92%}.correct-flash{z-index:9;color:#dffff5;text-align:center;background:#04333ae6;border:1px solid #91f6db8c;border-radius:18px;flex-direction:column;min-width:260px;padding:17px 22px;animation:.82s both correct-pop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000d1966,0 0 45px #4fe0c240}.correct-flash span{color:#9de8db;margin-top:3px;font-size:.78rem}@keyframes correct-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.75)}18%,72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)}}.arena-toast{z-index:10;color:#fff5ca;background:#312606e6;border:1px solid #ffd16673;border-radius:12px;padding:11px 16px;font-size:.78rem;font-weight:720;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.control-dock{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020e1ff0;border-top:1px solid #97dbef2e;justify-content:center;gap:9px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.control-dock button{cursor:pointer;color:#d7f1f7;-webkit-user-select:none;user-select:none;touch-action:none;background:#092940;border:1px solid #a3e0f03b;border-radius:13px;min-width:132px;min-height:54px;font-size:.78rem;font-weight:800}.control-dock button span{color:#062233;background:#82e7da;border-radius:7px;place-items:center;width:25px;height:25px;margin-right:7px;font-size:1rem;display:inline-grid}.control-dock .enter-button{color:#dffdf5;background:linear-gradient(135deg,#0b615f,#0a4a66);border-color:#54e7c96b;min-width:205px}.control-dock .boost-button{color:#fff3bf;background:linear-gradient(135deg,#4e4215,#26394b);border-color:#ffd16652}.control-dock .boost-button span{color:#352707;background:#ffd166}.control-dock .boost-button.active{background:linear-gradient(135deg,#876d11,#0b5967);border-color:#ffe39a;box-shadow:0 0 20px #ffd16647}.overlay{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#010a18b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.zone-card,.feedback-card{color:#dff5fb;background:radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--zone-color,#4fe0c2) 25%, transparent), transparent 30%), linear-gradient(155deg, #0b3854, #041a34 70%);border:1px solid #b3e7f63d;border-radius:26px;width:min(590px,94vw);padding:clamp(30px,5vw,50px);box-shadow:0 32px 100px #00071399}.zone-number{color:var(--zone-color);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:850}.zone-card h2,.feedback-card h2{color:#fff;letter-spacing:-.065em;margin:8px 0 13px;font-size:clamp(2.35rem,6vw,4.6rem);font-weight:900;line-height:.98}.zone-card p,.feedback-card p{color:#b8d5df;line-height:1.62}.zone-rule{border-left:3px solid var(--zone-color);color:#e7faff;font-family:var(--font-geist-mono), monospace;background:#ffffff0b;margin:24px 0;padding:12px 15px;font-size:.84rem}.zone-badge{color:#a9c9d5;margin:-10px 0 24px;font-size:.75rem}.zone-badge strong{color:var(--zone-color)}.feedback-card{--zone-color:#ffcf66}.feedback-card h2{font-size:clamp(2rem,5vw,3.6rem)}.feedback-heading{color:#ffda83;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:.68rem;font-weight:800;display:flex}.feedback-heading b{color:#9fc4d1;letter-spacing:0;text-align:right;text-transform:none}.feedback-hint{color:#eaf7fa;background:#ffc95312;border:1px solid #ffd3703d;border-radius:15px;flex-direction:column;gap:4px;margin:22px 0;padding:15px;font-size:.82rem;display:flex}.feedback-hint strong{color:#ffda83;letter-spacing:.09em;text-transform:uppercase;font-size:.68rem}.feedback-card .worked-model{margin:22px 0}.complete-page{background:radial-gradient(circle at 50% -10%,#cafcffb8,#0000 27%),linear-gradient(#50d4dd,#147aaf 44%,#06345e 100%)}.complete-card{z-index:2;background:#f4fcfff5;border:1px solid #ffffff52;border-radius:32px;grid-template-columns:.9fr 1.1fr;width:min(1100px,96vw);min-height:650px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 100px #00193659}.complete-dolphin{filter:drop-shadow(0 20px 18px #002a4640);align-self:center;width:110%;height:auto;margin-left:-8%}.complete-copy{z-index:2;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,72px);display:flex}.complete-copy h1{font-size:clamp(3rem,6vw,5.8rem)}.complete-copy>p:not(.eyebrow){color:#516b79;line-height:1.58}.results-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0;display:grid}.results-grid div{background:#fff;border:1px solid #cfe1e9;border-radius:15px;flex-direction:column;justify-content:center;min-height:105px;padding:13px;display:flex}.results-grid strong{color:#067f91;letter-spacing:-.05em;font-size:1.8rem}.results-grid span{color:#718794;margin-top:4px;font-size:.67rem;font-weight:720}.result-message{border-left:3px solid #4fd6ba;padding-left:13px;font-size:.84rem}.complete-copy .primary-button{align-self:flex-start;margin-top:6px}@media (width<=1040px){.landing-card,.complete-card{grid-template-columns:1fr}.landing-art{min-height:390px}.hero-dolphin{width:60%;top:0;left:20%}.game-header{grid-template-columns:1fr 1.7fr}.header-tools{display:none}.game-layout{grid-template-columns:1fr;min-height:auto}.mission-panel{border-bottom:1px solid #a4dcf029;border-right:0;padding:24px}.mission-panel h1{font-size:2.2rem}.expression-card{margin:14px 0;padding:15px}.support-card{grid-template-columns:repeat(3,1fr)}.support-card>strong{grid-column:1/-1}.ocean-arena{min-height:600px}.complete-dolphin{width:min(520px,90%);margin:-55px auto -90px}}@media (width<=680px){.landing-page,.complete-page{padding:12px}.landing-card{border-radius:24px;min-height:auto}.landing-copy{padding:34px 25px}.landing-copy h1{font-size:3.55rem}.mission-strip b{display:none}.landing-art{min-height:310px}.hero-dolphin{width:80%;top:-1%;left:10%}.game-header{grid-template-columns:1fr;gap:14px;padding:11px 16px}.brand-block{display:none}.mission-panel{padding:20px 18px}.mission-panel h1{font-size:1.8rem}.context-copy{font-size:.82rem}.support-card{grid-template-columns:1fr}.support-card>strong{grid-column:auto}.ocean-arena{min-height:540px}.answer-current{width:65%;left:3%}.answer-bubble{min-width:88px;min-height:50px;padding:8px 12px;font-size:.78rem}.current-stream{width:calc(100% - 50px);left:50px}.dolphin-player{width:125px;height:125px;right:2%}.control-dock{gap:6px;padding:8px}.control-dock button,.control-dock .enter-button{flex:1;min-width:0;padding:7px;font-size:.68rem}.control-dock button span{margin:0 auto 3px;display:grid}.zone-card,.feedback-card{padding:28px 24px}.feedback-heading{flex-direction:column;gap:5px}.feedback-heading b{text-align:left}.complete-card{border-radius:23px}.complete-copy{padding:32px 24px}.results-grid{grid-template-columns:1fr}.results-grid div{min-height:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hub-page{color:#effcff;isolation:isolate;background:radial-gradient(circle at 12% 7%,#5ce8cc4d,#0000 25%),radial-gradient(circle at 91% 12%,#52a8ff4d,#0000 30%),linear-gradient(145deg,#073f65 0%,#052a4e 43%,#021429 100%);min-height:100vh;padding:clamp(28px,5vw,72px) clamp(18px,5vw,76px) 30px;position:relative;overflow:hidden}.hub-page:before,.hub-page:after{z-index:-1;content:"";background:linear-gradient(170deg,#13746cc7,#042f42f5);border-radius:52% 48% 0 0;width:68%;height:300px;position:absolute;bottom:-180px;right:-14%;transform:rotate(-4deg)}.hub-page:after{opacity:.8;width:62%;height:330px;bottom:-220px;left:-18%;right:auto;transform:rotate(7deg)}.hub-water,.hub-water i{pointer-events:none;position:absolute}.hub-water{z-index:-1;inset:0;overflow:hidden}.hub-water i{--size:calc(8px + (var(--bubble) % 4) * 5px);bottom:-30px;left:calc(2% + var(--bubble) * 5.4%);width:var(--size);height:var(--size);animation:hubBubble calc(7s + var(--bubble) * .22s) linear infinite;animation-delay:calc(var(--bubble) * -.62s);border:2px solid #bff6ff75;border-radius:50%}@keyframes hubBubble{0%{opacity:0;transform:translate(0)scale(.65)}12%{opacity:.78}to{opacity:0;transform:translate(38px,-115vh)scale(1.15)}}.hub-hero,.game-grid,.hub-footer{z-index:1;width:min(1320px,100%);margin-inline:auto;position:relative}.hub-hero{grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);align-items:end;gap:26px 70px;margin-bottom:clamp(28px,4vw,48px);display:grid}.hub-kicker{color:#91eee0;letter-spacing:.16em;text-transform:uppercase;grid-column:1/-1;align-items:center;gap:10px;font-size:.7rem;font-weight:900;display:flex}.hub-kicker span{background:#5ce8c9;border-radius:99px;width:34px;height:3px;box-shadow:0 0 12px #5ce8c9b3}.hub-hero h1{color:#fff;letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(4.1rem,8.6vw,8.4rem);font-weight:950;line-height:.75}.hub-hero h1 em{color:#6ee8d2;font-style:normal}.hub-hero>p{color:#c7e1e9;margin:0 0 12px;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:650;line-height:1.55}.hub-status{color:#90b4c3;letter-spacing:.05em;text-transform:uppercase;grid-column:2;font-size:.7rem;font-weight:850}.hub-status b{color:#ffe484;font-size:1rem}.hub-status span{color:#4fcfbf;margin-inline:5px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.game-card{--card-accent:#5ce8c9;color:#eefcff;background:radial-gradient(circle at 90% 8%, color-mix(in srgb, var(--card-accent) 23%, transparent), transparent 34%), linear-gradient(150deg, #0a3f58f0, #041e39f5);min-height:272px;animation:.5s both cardDock;animation-delay:calc(var(--card-order) * 55ms);border:1px solid #b2e6f233;border-radius:20px;flex-direction:column;padding:21px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #0008173d}.game-card:after{background:var(--card-accent);content:"";height:5px;box-shadow:0 0 18px color-mix(in srgb, var(--card-accent) 60%, transparent);position:absolute;bottom:0;left:0;right:0}@keyframes cardDock{0%{opacity:0;transform:translateY(16px)}}.game-card:hover,.game-card:focus-visible{border-color:color-mix(in srgb, var(--card-accent) 70%, white);box-shadow:0 26px 55px #0008175c, 0 0 30px color-mix(in srgb, var(--card-accent) 14%, transparent);transform:translateY(-7px)}.game-card:focus-visible{outline-offset:4px;outline:4px solid #fff2a4}.game-card-top,.game-card-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-badge{color:#05283c;background:var(--card-accent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:.62rem;font-weight:950}.game-icon{background:#ffffff14;border:1px solid #ffffff1f;border-radius:15px;place-items:center;width:49px;height:49px;font-size:1.9rem;display:grid}.game-card h2{color:#fff;letter-spacing:-.045em;margin:20px 0 8px;font-size:clamp(1.4rem,2vw,2rem);font-weight:920;line-height:1}.game-card p{color:#b8d2dc;margin:0;font-size:.88rem;font-weight:620;line-height:1.5}.game-card-bottom{margin-top:auto;padding-top:22px}.game-card-bottom small{color:#8fb5c3;font-size:.65rem;font-weight:820}.game-card-bottom b{color:var(--card-accent);letter-spacing:.1em;font-size:.76rem}.game-card-bottom b span{margin-left:5px;transition:transform .16s;display:inline-block}.game-card:hover .game-card-bottom b span{transform:translate(5px)}.hub-footer{color:#88aab8;text-align:center;padding:22px 4px 0;font-size:.7rem;font-weight:700}.hub-footer b{color:#dffcff}.game-host,.native-game-host{background:#03172d;width:100%;min-height:100vh;position:relative}.game-host{height:100dvh;overflow:hidden}.game-frame{background:#03172d;border:0;width:100%;height:100%;display:block}.game-home-pill{z-index:1000;color:#efffff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.03em;background:#021528e6;border:1px solid #99e8eb61;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:7px 11px;font-size:.72rem;font-weight:900;text-decoration:none;transition:transform .15s,background .15s;display:flex;position:fixed;top:12px;left:12px;box-shadow:0 8px 24px #00081852}.game-home-pill:hover,.game-home-pill:focus-visible{color:#042536;background:#76e6d6;transform:translateY(-1px)}.game-home-pill small{color:#88c7cf;text-transform:uppercase;border-left:1px solid #fff3;padding-left:8px;font-size:.56rem}.game-home-pill:hover small,.game-home-pill:focus-visible small{color:#0a5b64;border-left-color:#0425363d}@media (width<=920px){.hub-hero{grid-template-columns:1fr;gap:18px}.hub-status{grid-column:1}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.hub-page{padding:28px 13px 22px}.hub-hero h1{font-size:clamp(3.65rem,20vw,5.4rem)}.game-grid{grid-template-columns:1fr}.game-card{min-height:235px}.game-home-pill{min-height:34px;padding:6px 9px;top:7px;left:7px}.game-home-pill small{display:none}}@media (prefers-reduced-motion:reduce){.hub-water i,.game-card{animation:none}.game-card,.game-home-pill{transition:none}}.nl-intro,.nl-complete{color:#082138;background:radial-gradient(circle at 14% 12%,#50e5cc4d,#0000 26%),radial-gradient(circle at 88% 14%,#42b3e757,#0000 32%),linear-gradient(155deg,#07587d,#032d52 48%,#010f27);place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.nl-bubbles span{--size:calc(7px + (var(--i) % 5) * 4px);left:calc(4% + var(--i) * 6.2%);width:var(--size);height:var(--size);animation:bubble-rise calc(7s + (var(--i) % 4) * 1.4s) linear infinite;animation-delay:calc(var(--i) * -.6s);border:2px solid #c3f7ff85;border-radius:50%;position:absolute;bottom:-4%}.nl-intro-card,.nl-complete-card{z-index:2;background:#f6fcfff7;border:1px solid #d4f8ff47;border-radius:34px;grid-template-columns:1.05fr .95fr;width:min(1200px,96vw);min-height:min(730px,90vh);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 100px #00081b73}.nl-intro-copy{flex-direction:column;justify-content:center;padding:clamp(38px,6vw,76px);display:flex}.nl-eyebrow{color:#07838b;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem;font-weight:880}.nl-intro-copy h1,.nl-complete-card h1{color:#06233c;letter-spacing:-.075em;max-width:720px;margin:0;font-size:clamp(3.4rem,7vw,6.7rem);font-weight:920;line-height:.9}.nl-intro-copy>p:not(.nl-eyebrow),.nl-complete-card p:not(.nl-eyebrow){color:#4b6473;max-width:640px;margin:26px 0 0;font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.62}.nl-route{flex-wrap:wrap;align-items:center;gap:9px;margin:30px 0;display:flex}.nl-route span{color:#426174;background:#fff;border:1px solid #c7dae5;border-radius:999px;padding:7px 10px;font-size:.7rem;font-weight:780}.nl-route b{color:#24a8b2}.nl-primary{cursor:pointer;color:#052834;background:linear-gradient(135deg,#5ce8c9,#66d7ee);border:0;border-radius:14px;align-self:flex-start;min-height:51px;padding:14px 23px;font-weight:860;box-shadow:0 12px 30px #1ea0b140}.nl-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.nl-intro-copy>small{color:#708693;margin-top:20px;font-size:.7rem}.nl-intro-art{background:radial-gradient(circle at 50% 11%,#eeffff85,#0000 23%),linear-gradient(#70e3e5,#1685b5 43%,#06436d 100%);min-height:680px;position:relative;overflow:hidden}.nl-intro-art:after{content:"";background:linear-gradient(175deg,#147a6e,#053a4a 65%);border-radius:50% 50% 0 0;height:31%;position:absolute;bottom:-8%;left:-8%;right:-12%}.nl-hero-dolphin{z-index:3;filter:drop-shadow(0 25px 19px #0025464d);width:76%;height:auto;animation:4.3s ease-in-out infinite hero-swim;position:absolute;top:17%;left:12%}.nl-horizontal-preview{z-index:4;color:#dffbff;font-family:var(--font-geist-mono), monospace;align-items:center;gap:7px;font-size:.66rem;font-weight:800;display:flex;position:absolute;bottom:21%;left:8%;right:8%}.nl-horizontal-preview i{background:#dbfbffb3;flex:1;height:2px}.nl-vertical-preview{z-index:4;color:#efffff;height:51%;font-family:var(--font-geist-mono), monospace;flex-direction:column;align-items:center;gap:6px;font-size:.59rem;font-weight:800;display:flex;position:absolute;top:8%;left:6%}.nl-vertical-preview i{background:#e5fdffb8;flex:1;width:2px}.nl-teks{z-index:4;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#032642a3;border:1px solid #ffffff6b;border-radius:13px;flex-direction:column;padding:11px 14px;display:flex;position:absolute;bottom:23px;right:24px}.nl-teks span{letter-spacing:.12em;font-size:.6rem;font-weight:850}.nl-teks strong{margin-top:3px;font-size:.86rem}.nl-game{color:#ecfbff;background:#020f24;min-height:100vh;padding-bottom:78px}.nl-header{z-index:20;background:#021126ed;border-bottom:1px solid #a6e1f429;grid-template-columns:minmax(190px,.72fr) minmax(320px,1.4fr) minmax(220px,.8fr);align-items:center;gap:26px;min-height:76px;padding:12px clamp(18px,3vw,42px);display:grid;position:relative}.nl-header>div:first-child{flex-direction:column;display:flex}.nl-header small{color:#55dfcc;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:850}.nl-header strong{margin-top:2px;font-size:1rem}.nl-progress>span{color:#c8e0ea;margin-bottom:8px;font-size:.7rem;font-weight:760;display:block}.nl-progress>div{background:#b9e2f026;border-radius:99px;height:7px;overflow:hidden}.nl-progress i{border-radius:inherit;background:linear-gradient(90deg,#4fe0c2,#55c5eb);height:100%;transition:width .45s;display:block}.nl-stats{justify-content:flex-end;gap:8px;display:flex}.nl-stats>span{color:#8fb1c0;text-align:center;text-transform:uppercase;background:#ffffff0b;border:1px solid #b1e0f02e;border-radius:11px;flex-direction:column;justify-content:center;min-width:82px;min-height:46px;padding:5px 10px;font-size:.55rem;font-weight:720;display:flex}.nl-stats>span strong{color:#fff2ad;font-family:var(--font-geist-mono), monospace;font-size:.9rem}.nl-stats>span.support strong{color:#7ae5d4;font-size:.7rem}.nl-layout{grid-template-columns:minmax(320px,.72fr) minmax(680px,1.8fr);width:min(1500px,100%);min-height:calc(100vh - 154px);margin:0 auto;display:grid}.nl-mission{z-index:8;background:radial-gradient(circle at 12% 13%,#4ee0c221,#0000 31%),linear-gradient(#0a3652,#031a35 72%);border-right:1px solid #9fdaef29;padding:clamp(28px,4vw,55px);position:relative}.nl-mission h1{color:#fff;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,3.4vw,3.65rem);font-weight:900;line-height:1}.nl-mission>p:not(.nl-eyebrow){color:#b6d0db;line-height:1.58}.nl-expression{color:#fff;text-align:center;background:#020c1d80;border:1px solid #aee5f738;border-radius:16px;margin:21px 0 15px;padding:19px 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.65rem,3vw,2.55rem);font-weight:700}.nl-readout{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.nl-readout span{color:#8eb1c1;text-align:center;text-transform:uppercase;background:#ffffff09;border:1px solid #a9def029;border-radius:12px;flex-direction:column;justify-content:center;min-height:62px;padding:9px;font-size:.59rem;font-weight:760;display:flex}.nl-readout strong{color:#67e4d1;font-family:var(--font-geist-mono), monospace;margin-top:4px;font-size:1rem}.nl-hint{cursor:pointer;color:#bdeaf1;background:#40abb414;border:1px solid #73dae73b;border-radius:12px;width:100%;min-height:43px;margin-top:13px;font-size:.72rem;font-weight:780}.nl-support{background:#3bad9b12;border:1px solid #5ae5c930;border-radius:13px;gap:8px;margin-top:12px;padding:13px;display:grid}.nl-support span{color:#c9e5ec;align-items:center;gap:8px;font-size:.7rem;display:flex}.nl-support b,.nl-feedback-card small b{color:#06263a;background:#61e1cb;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:.6rem;display:grid}.nl-distance-note{color:#bcd4dd;background:#ff9f6e0f;border-left:3px solid #ff9f6e;margin-top:12px;padding:9px 12px;font-size:.69rem;line-height:1.45}.nl-distance-note strong{color:#ffd1b9}.nl-arena{background:#075c87;min-height:690px;position:relative;overflow:hidden}.nl-sky,.nl-water{position:absolute;left:0;right:0}.nl-sky{background:radial-gradient(circle at 83% 16%,#fff6b1 0 6%,#fff6b138 7% 14%,#0000 15%),linear-gradient(#6cdbe8,#b7edf1);height:50%;top:0}.nl-water{background:radial-gradient(circle at 70% 8%,#96ecf933,#0000 28%),linear-gradient(#0d89b4,#075479 47%,#032d52);height:50%;bottom:0}.nl-axis-horizontal .nl-sky,.nl-axis-horizontal .nl-surface{display:none}.nl-axis-horizontal .nl-water{background:radial-gradient(circle at 75% 9%,#9aeffa3b,#0000 27%),linear-gradient(#168eb7,#07587e 45%,#032b4e);height:100%;top:0}.nl-surface{z-index:2;background:radial-gradient(at 50% 100%,#f5ffffd9 0 22%,#0000 24%) 0 0/52px 9px repeat-x,linear-gradient(90deg,#d8fbff,#65d2e0);height:7px;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 20px #ddfcffa6}.nl-surface span{color:#086c85;letter-spacing:.1em;font-size:.6rem;font-weight:900;position:absolute;top:-25px;right:20px}.nl-number-line{z-index:5;position:absolute}.nl-number-line.horizontal{background:#e0fbff;border-radius:99px;height:5px;top:54%;left:8%;right:8%;box-shadow:0 0 15px #c7f6ff85}.nl-number-line.vertical{background:#e8fcff;border-radius:99px;width:5px;top:7%;bottom:7%;left:42%;box-shadow:0 0 16px #c9f7ff99}.nl-tick{background:#e6fcffe0;display:block;position:absolute}.nl-number-line.horizontal .nl-tick{width:2px;height:16px;top:50%;transform:translate(-50%,-50%)}.nl-number-line.horizontal .nl-tick.major{height:26px}.nl-number-line.vertical .nl-tick{width:17px;height:2px;left:50%;transform:translate(-50%,-50%)}.nl-number-line.vertical .nl-tick.major{width:27px}.nl-tick.zero{background:#ffd166;box-shadow:0 0 9px #ffd166c7}.nl-tick b{color:#eafcff;font-family:var(--font-geist-mono), monospace;text-shadow:0 2px 3px #002339a6;white-space:nowrap;font-size:.65rem;font-weight:820;position:absolute}.nl-number-line.horizontal .nl-tick b{top:23px;left:50%;transform:translate(-50%)}.nl-number-line.vertical .nl-tick b{top:50%;right:21px;transform:translateY(-50%)}.nl-trace{z-index:2;background:linear-gradient(90deg,#ffd166,#ff9f6e);border-radius:99px;transition:all .28s;position:absolute;box-shadow:0 0 12px #ffbe59c7}.nl-number-line.horizontal .nl-trace{height:100%;top:0}.nl-number-line.vertical .nl-trace{background:linear-gradient(#ffd166,#ff9f6e);width:100%;left:0}.nl-start-marker,.nl-target-marker{z-index:7;color:#e9fbff;white-space:nowrap;font-size:.6rem;font-weight:800;position:absolute}.nl-number-line.horizontal .nl-start-marker,.nl-number-line.horizontal .nl-target-marker{top:-47px;transform:translate(-50%)}.nl-number-line.vertical .nl-start-marker,.nl-number-line.vertical .nl-target-marker{left:25px;transform:translateY(-50%)}.nl-start-marker i,.nl-target-marker i{background:#4fe0c2;border:2px solid #fff;border-radius:50%;width:11px;height:11px;margin:0 auto 4px;display:block;box-shadow:0 0 9px #4fe0c2b3}.nl-target-marker i{background:#ff9f6e;box-shadow:0 0 10px #ff9f6ecc}.nl-player{z-index:9;pointer-events:none;width:clamp(105px,15vw,190px);height:clamp(105px,15vw,190px);transition:top .28s cubic-bezier(.2,.8,.2,1),left .28s cubic-bezier(.2,.8,.2,1);position:absolute}.nl-player.horizontal{top:39%;transform:translate(-50%,-50%)}.nl-player.vertical{left:59%;transform:translate(-50%,-50%)}.nl-player img{object-fit:contain;filter:drop-shadow(0 13px 10px #00193061);width:100%;height:100%;transition:transform .25s,filter .25s}.nl-player.horizontal.dir-1 img{transform:scaleX(-1)}.nl-player.boosted img{filter:drop-shadow(0 13px 10px #00193061)drop-shadow(0 0 17px #ffd661d9)}.nl-player.celebrating{z-index:18}.nl-player.celebrating img{filter:drop-shadow(0 13px 10px #00193061)drop-shadow(0 0 24px #ffe26ff2);animation:1.65s cubic-bezier(.2,.72,.22,1) both nl-dolphin-victory-flip}.nl-celebration-splash{pointer-events:none;width:1px;height:1px;position:absolute;inset:50%}.nl-celebration-splash i{background:linear-gradient(135deg,#fff7ae,#62d7ff);border-radius:50% 50% 50% 8%;width:12px;height:12px;animation:1.15s ease-out both nl-celebration-drop;position:absolute;box-shadow:0 0 12px #78e6ffe6}.nl-celebration-splash i:first-child{--x:-76px;--y:-62px;animation-delay:80ms}.nl-celebration-splash i:nth-child(2){--x:-48px;--y:52px;animation-delay:.18s}.nl-celebration-splash i:nth-child(3){--x:4px;--y:-84px;animation-delay:30ms}.nl-celebration-splash i:nth-child(4){--x:48px;--y:59px;animation-delay:.2s}.nl-celebration-splash i:nth-child(5){--x:82px;--y:-46px;animation-delay:.12s}.nl-celebration-splash i:nth-child(6){--x:90px;--y:18px;animation-delay:.26s}@keyframes nl-dolphin-victory-flip{0%{transform:translateY(0)rotate(0)scale(1)}28%{transform:translateY(-54px)rotate(115deg)scale(1.08)}58%{transform:translateY(-72px)rotate(260deg)scale(1.14)}82%{transform:translateY(-24px)rotate(350deg)scale(1.06)}to{transform:translateY(0)rotate(360deg)scale(1)}}@keyframes nl-celebration-drop{0%{opacity:0;transform:translate(0)scale(.35)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) scale(1.1) rotate(220deg)}}.nl-player>span{color:#062b42;font-family:var(--font-geist-mono), monospace;background:#f5feffeb;border:1px solid #ffffff80;border-radius:999px;padding:5px 8px;font-size:.65rem;font-weight:900;position:absolute;bottom:7%;right:18%}.nl-kelp{z-index:3;background:linear-gradient(175deg,#0c625e,#043a4c 67%);border-radius:50% 50% 0 0;height:14%;position:absolute;bottom:0;left:0;right:0;box-shadow:230px -18px #084b4c99,-280px 8px #053544b8}.nl-kelp i{transform-origin:bottom;background:#19a882;border-radius:60% 40% 0 0;width:14px;height:72px;animation:3.6s ease-in-out infinite kelp-sway;position:absolute;bottom:72%}.nl-kelp i:first-child{left:13%}.nl-kelp i:nth-child(2){height:94px;animation-delay:-1.2s;left:69%}.nl-kelp i:nth-child(3){height:60px;animation-delay:-2.1s;right:7%}.nl-toast,.nl-correct{z-index:15;border-radius:13px;position:absolute;left:50%;transform:translate(-50%)}.nl-toast{color:#fff5cd;background:#392a04e6;border:1px solid #ffdc7766;padding:10px 15px;font-size:.72rem;font-weight:760;bottom:22px}.nl-correct{color:#e4fff7;text-align:center;background:#053f42ed;border:1px solid #78efd475;flex-direction:column;min-width:300px;padding:17px 22px;animation:.9s both correct-pop;display:flex;top:48%;box-shadow:0 20px 60px #00142859}.nl-correct span{color:#a8e8dc;margin-top:4px;font-size:.73rem}.nl-controls{z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020e1ff5;border-top:1px solid #a1def12b;justify-content:center;gap:8px;padding:9px 14px;display:flex;position:fixed;bottom:0;left:0;right:0}.nl-controls button{cursor:pointer;color:#d9f2f8;background:#092a42;border:1px solid #a2e0f138;border-radius:13px;min-width:132px;min-height:55px;font-size:.72rem;font-weight:820}.nl-controls button b{color:#06253a;background:#77e3d3;border-radius:7px;place-items:center;min-width:28px;height:28px;margin-right:6px;font-size:.9rem;display:inline-grid}.nl-controls button.active{color:#fff0b6;background:linear-gradient(135deg,#69550d,#0a5160);border-color:#ffe29a}.nl-controls button.active b{background:#ffd166}.nl-controls .check{background:linear-gradient(135deg,#0a655f,#084d6a);border-color:#50e6c666;min-width:200px}.nl-overlay{z-index:40;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#010a19c2;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.nl-stage-card,.nl-feedback-card{color:#dff6fb;background:radial-gradient(circle at 86% 10%, color-mix(in srgb, var(--stage,#4fe0c2) 24%, transparent), transparent 31%), linear-gradient(155deg, #0b3b58, #041a35 70%);border:1px solid #b9e7f63d;border-radius:27px;width:min(600px,94vw);padding:clamp(30px,5vw,50px);box-shadow:0 33px 100px #0008169e}.nl-stage-card>p,.nl-feedback-card>p{color:var(--stage,#ffcf66);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:850}.nl-stage-card h2,.nl-feedback-card h2{color:#fff;letter-spacing:-.07em;margin:8px 0 14px;font-size:clamp(2.5rem,6vw,4.7rem);font-weight:920;line-height:.95}.nl-stage-card>span,.nl-feedback-card>span{color:#bad4de;line-height:1.62;display:block}.nl-stage-card>div{border-left:3px solid var(--stage);color:#e8fbff;font-family:var(--font-geist-mono), monospace;background:#ffffff0b;margin:23px 0 13px;padding:12px 14px;font-size:.8rem}.nl-stage-card>small{color:#9ebfcb;margin-bottom:24px;display:block}.nl-stage-card>small strong{color:var(--stage)}.nl-feedback-card{--stage:#ffd166}.nl-feedback-card h2{font-size:clamp(2.4rem,5vw,4rem)}.nl-feedback-card>div{gap:9px;margin:22px 0;display:grid}.nl-feedback-card small{color:#c9e3ea;align-items:center;gap:9px;display:flex}.nl-complete-card{align-items:center}.nl-complete-card>img{filter:drop-shadow(0 21px 18px #002a4945);width:108%;height:auto;margin-left:-10%}.nl-complete-card>div{padding:clamp(34px,6vw,70px)}.nl-complete-card h1{font-size:clamp(3rem,6vw,5.7rem)}.nl-results{grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0;display:grid}.nl-results span{color:#728895;background:#fff;border:1px solid #cfe1e9;border-radius:14px;flex-direction:column;justify-content:center;min-height:96px;padding:12px;font-size:.66rem;font-weight:730;display:flex}.nl-results strong{color:#078798;letter-spacing:-.04em;font-size:1.75rem}@media (width<=1050px){.nl-intro-card,.nl-complete-card{grid-template-columns:1fr}.nl-intro-art{min-height:390px}.nl-hero-dolphin{width:48%;top:-7%;left:27%}.nl-header{grid-template-columns:1fr 1.6fr}.nl-stats{display:none}.nl-layout{grid-template-columns:1fr}.nl-mission{border-bottom:1px solid #9fdaef29;border-right:0;padding:23px}.nl-arena{min-height:620px}.nl-support{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.nl-intro,.nl-complete{padding:12px}.nl-intro-card,.nl-complete-card{border-radius:23px;min-height:auto}.nl-intro-copy{padding:32px 24px}.nl-intro-copy h1{font-size:3.4rem}.nl-route b{display:none}.nl-intro-art{min-height:310px}.nl-hero-dolphin{width:70%;top:-8%;left:15%}.nl-header{grid-template-columns:1fr;gap:9px;padding:10px 15px}.nl-header>div:first-child{display:none}.nl-mission h1{font-size:1.85rem}.nl-readout{grid-template-columns:repeat(3,1fr)}.nl-support{grid-template-columns:1fr}.nl-arena{min-height:560px}.nl-number-line.vertical{left:34%}.nl-player.vertical{left:63%}.nl-player{width:120px;height:120px}.nl-controls{gap:5px;padding:7px}.nl-controls button,.nl-controls .check{flex:1;min-width:0;padding:6px;font-size:.62rem}.nl-controls button b{margin:0 auto 3px;display:grid}.nl-stage-card,.nl-feedback-card{padding:28px 23px}.nl-complete-card>img{width:min(480px,92%);margin:-45px auto -85px}.nl-complete-card>div{padding:30px 24px}.nl-results{grid-template-columns:1fr}}