@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../media/918fa44f42910192-s.3fm2o_8g5wbt2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5ef623414c7c0f3b-s.2t0y5ugd5ycxx.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../media/591c50bbc7585aef-s.p.0bh8ttrlmx6iv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:VT323 Fallback;src:local(Arial);ascent-override:89.16%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:89.73%}.C-xUpG_className{font-family:VT323,VT323 Fallback;font-style:normal;font-weight:400}.C-xUpG_variable{--font-display:"VT323", "VT323 Fallback"}
:root{--abyss:#050a14;--shallow:#101d33;--line:#1b2c47;--drift:#7d93b8;--foam:#e8f1ff;--cyan:#4de3ff;--pink:#ff5d8f;--tier-miss:#3d4f6e;--tier-plankton:#d7e1f2;--tier-tooclever:#ff9f43;--tier-schooler:#7deaff;--tier-rare:#ff7bac;--tier-deepcut:#bfa7ff;--tier-krillion:#ffd166}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--abyss);color:var(--foam);font-family:var(--font-display), ui-monospace, Menlo, monospace;letter-spacing:.04em;-webkit-font-smoothing:none;font-size:20px;line-height:1.25}:root{--dive:0;--sky-h:58vh}.backdrop{z-index:-1;background:var(--abyss);pointer-events:none;position:fixed;inset:0;overflow:hidden}.world{transform:translateY(calc(var(--dive) * -170vh));will-change:transform;transition:transform 1.8s cubic-bezier(.45,0,.2,1);position:absolute;inset:0 0 auto}.skyLayer{height:var(--sky-h);background:#8fd0f0;position:relative;overflow:hidden}.skyImg{image-rendering:pixelated;background:url(/scene/sky.webp) bottom/cover no-repeat;animation:60s ease-in-out infinite alternate sky-drift;position:absolute;inset:0 -3%}.skyLayer:after{content:"";background:linear-gradient(#081022c7,#0a162ca8);position:absolute;inset:0}.boat{width:max(10.03vw,11.48vh);image-rendering:pixelated;transform-origin:50% 100%;animation:4.2s ease-in-out infinite boat-bob;position:absolute;bottom:6px;left:max(5vw,50vw - max(25vw,28.63vh))}.water{background:linear-gradient(#17466b 0%,#123a5e 6%,#0d2440 16%,#0b1526 30%,#081020 52%,#050a14 78%,#03070f 100%);height:260vh;position:relative;overflow:hidden}.waves{width:calc(100% + 384px);height:36px;left:-192px;top:calc(var(--sky-h) - 22px);image-rendering:pixelated;background-repeat:repeat-x;background-size:192px 36px;position:absolute}.waves.back{top:calc(var(--sky-h) - 28px);opacity:.75;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='18' shape-rendering='crispEdges'><rect x='0' y='4' width='4' height='14' fill='%23225f8c'/><rect x='0' y='4' width='4' height='2' fill='%23a9e4f7'/><rect x='4' y='4' width='4' height='14' fill='%23225f8c'/><rect x='4' y='4' width='4' height='2' fill='%23a9e4f7'/><rect x='8' y='6' width='4' height='12' fill='%23225f8c'/><rect x='8' y='6' width='4' height='2' fill='%23a9e4f7'/><rect x='12' y='6' width='4' height='12' fill='%23225f8c'/><rect x='12' y='6' width='4' height='2' fill='%23a9e4f7'/><rect x='16' y='8' width='4' height='10' fill='%23225f8c'/><rect x='20' y='10' width='4' height='8' fill='%23225f8c'/><rect x='24' y='10' width='4' height='8' fill='%23225f8c'/><rect x='28' y='12' width='4' height='6' fill='%23225f8c'/><rect x='32' y='12' width='4' height='6' fill='%23225f8c'/><rect x='36' y='12' width='4' height='6' fill='%23225f8c'/><rect x='40' y='12' width='4' height='6' fill='%23225f8c'/><rect x='44' y='12' width='4' height='6' fill='%23225f8c'/><rect x='48' y='10' width='4' height='8' fill='%23225f8c'/><rect x='52' y='10' width='4' height='8' fill='%23225f8c'/><rect x='56' y='8' width='4' height='10' fill='%23225f8c'/><rect x='60' y='8' width='4' height='10' fill='%23225f8c'/><rect x='64' y='6' width='4' height='12' fill='%23225f8c'/><rect x='64' y='6' width='4' height='2' fill='%23a9e4f7'/><rect x='68' y='4' width='4' height='14' fill='%23225f8c'/><rect x='68' y='4' width='4' height='2' fill='%23a9e4f7'/><rect x='72' y='4' width='4' height='14' fill='%23225f8c'/><rect x='72' y='4' width='4' height='2' fill='%23a9e4f7'/><rect x='76' y='2' width='4' height='16' fill='%23225f8c'/><rect x='76' y='2' width='4' height='2' fill='%23a9e4f7'/><rect x='80' y='2' width='4' height='16' fill='%23225f8c'/><rect x='80' y='2' width='4' height='2' fill='%23a9e4f7'/><rect x='84' y='2' width='4' height='16' fill='%23225f8c'/><rect x='84' y='2' width='4' height='2' fill='%23a9e4f7'/><rect x='88' y='2' width='4' height='16' fill='%23225f8c'/><rect x='88' y='2' width='4' height='2' fill='%23a9e4f7'/><rect x='92' y='2' width='4' height='16' fill='%23225f8c'/><rect x='92' y='2' width='4' height='2' fill='%23a9e4f7'/></svg>");animation:11s linear infinite wave-slide-back,5.5s ease-in-out infinite alternate swell}.waves.front{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='18' shape-rendering='crispEdges'><rect x='0' y='8' width='4' height='10' fill='%2317466b'/><rect x='4' y='6' width='4' height='12' fill='%2317466b'/><rect x='4' y='6' width='4' height='2' fill='%237fd4f0'/><rect x='8' y='4' width='4' height='14' fill='%2317466b'/><rect x='8' y='4' width='4' height='2' fill='%237fd4f0'/><rect x='12' y='4' width='4' height='14' fill='%2317466b'/><rect x='12' y='4' width='4' height='2' fill='%237fd4f0'/><rect x='16' y='2' width='4' height='16' fill='%2317466b'/><rect x='16' y='2' width='4' height='2' fill='%237fd4f0'/><rect x='20' y='2' width='4' height='16' fill='%2317466b'/><rect x='20' y='2' width='4' height='2' fill='%237fd4f0'/><rect x='24' y='2' width='4' height='16' fill='%2317466b'/><rect x='24' y='2' width='4' height='2' fill='%237fd4f0'/><rect x='28' y='2' width='4' height='16' fill='%2317466b'/><rect x='28' y='2' width='4' height='2' fill='%237fd4f0'/><rect x='32' y='2' width='4' height='16' fill='%2317466b'/><rect x='32' y='2' width='4' height='2' fill='%237fd4f0'/><rect x='36' y='4' width='4' height='14' fill='%2317466b'/><rect x='36' y='4' width='4' height='2' fill='%237fd4f0'/><rect x='40' y='4' width='4' height='14' fill='%2317466b'/><rect x='40' y='4' width='4' height='2' fill='%237fd4f0'/><rect x='44' y='6' width='4' height='12' fill='%2317466b'/><rect x='44' y='6' width='4' height='2' fill='%237fd4f0'/><rect x='48' y='6' width='4' height='12' fill='%2317466b'/><rect x='48' y='6' width='4' height='2' fill='%237fd4f0'/><rect x='52' y='8' width='4' height='10' fill='%2317466b'/><rect x='56' y='10' width='4' height='8' fill='%2317466b'/><rect x='60' y='10' width='4' height='8' fill='%2317466b'/><rect x='64' y='12' width='4' height='6' fill='%2317466b'/><rect x='68' y='12' width='4' height='6' fill='%2317466b'/><rect x='72' y='12' width='4' height='6' fill='%2317466b'/><rect x='76' y='12' width='4' height='6' fill='%2317466b'/><rect x='80' y='12' width='4' height='6' fill='%2317466b'/><rect x='84' y='10' width='4' height='8' fill='%2317466b'/><rect x='88' y='10' width='4' height='8' fill='%2317466b'/><rect x='92' y='8' width='4' height='10' fill='%2317466b'/></svg>");animation:7s linear infinite wave-slide,4.2s ease-in-out infinite alternate-reverse swell}.rays{background:linear-gradient(100deg,#0000 30%,#7dc8ff12 36%,#0000 43%),linear-gradient(80deg,#0000 54%,#7dc8ff0f 61%,#0000 68%);width:min(120vw,1100px);height:70vh;animation:9s ease-in-out infinite alternate rays-drift;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.reef{aspect-ratio:768/1376;width:min(100vw,860px);image-rendering:pixelated;opacity:.55;background:url(/scene/reef.webp) top/cover no-repeat;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(50% 60% at 50% 45%,#000 55%,#0000 100%);mask-image:radial-gradient(50% 60% at 50% 45%,#000 55%,#0000 100%)}.bubble{left:calc(6% + var(--i) * 9.3%);top:calc(30vh + var(--i) * 19vh);width:calc(3px + (var(--i) - 3) * (var(--i) - 3) * .12px + 1px);aspect-ratio:1;opacity:0;animation:bubble-rise calc(7s + var(--i) * .9s) linear infinite;animation-delay:calc(var(--i) * -1.7s);border:1px solid #a0dcff80;position:absolute}.scan{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}@keyframes boat-bob{0%,to{transform:translateY(0)rotate(-1.6deg)}50%{transform:translateY(-4px)rotate(1.8deg)}}@keyframes sky-drift{0%{transform:translate(-2.4%)}to{transform:translate(2.4%)}}@keyframes wave-slide{0%{translate:0}to{translate:192px}}@keyframes wave-slide-back{0%{translate:0}to{translate:-192px}}@keyframes swell{0%{transform:translateY(-2px)}to{transform:translateY(3px)}}@keyframes rays-drift{0%{opacity:.6;transform:translate(-53%)}to{opacity:1;transform:translate(-47%)}}@keyframes bubble-rise{0%{opacity:0;transform:translate(0)}12%{opacity:.8}50%{transform:translate(8px,-22vh)}to{opacity:0;transform:translate(-6px,-46vh)}}@media (prefers-reduced-motion:reduce){.skyImg,.boat,.waves,.rays,.bubble{animation:none}.world{transition:none}}.shell{max-width:520px;margin:0 auto;padding:28px 16px 80px}.wordmark{letter-spacing:.14em;color:var(--foam);text-shadow:2px 0 var(--pink), -2px 0 var(--cyan);margin-bottom:26px;font-size:30px;text-decoration:none;display:inline-block}.wordmark span{color:var(--drift);text-shadow:none;font-size:16px}h1,h2,p{margin:0;font-weight:400}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--drift);font-size:15px}.dim{color:var(--drift)}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.err{color:var(--pink);min-height:1.2em;margin-top:8px;font-size:17px}.panel{border-top:1px solid var(--line);padding:18px 0}.panel>.label{margin-bottom:10px;display:block}.big{letter-spacing:.06em;font-size:84px;line-height:.9}.title{text-transform:uppercase;letter-spacing:.1em;font-size:34px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}input[type=text]{border:1px solid var(--line);width:100%;min-width:0;color:var(--foam);font:inherit;letter-spacing:.06em;background:#101d33b3;border-radius:0;outline:none;flex:1;padding:10px 12px;font-size:24px}input[type=text]:focus{border-color:var(--cyan)}input::placeholder{color:var(--tier-miss)}.btn{font:inherit;letter-spacing:.14em;text-transform:uppercase;text-align:center;cursor:pointer;border:1px solid var(--line);color:var(--foam);background:0 0;border-radius:0;padding:11px 18px;font-size:20px;text-decoration:none}.btn:hover{border-color:var(--cyan);color:var(--cyan)}.btn.primary{background:var(--pink);border-color:var(--pink);color:var(--abyss)}.btn.primary:hover{color:var(--abyss);background:#ff7da5}.btn.wide{width:100%;display:block}.btn:disabled{opacity:.4;cursor:default}.sizes{gap:8px;display:flex}.sizes button{flex:1}.sizes button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#4de3ff14}.emoji{letter-spacing:.12em;font-family:system-ui,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:30px}.roster{margin:0;padding:0;list-style:none}.roster li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.roster li.open{color:var(--tier-miss)}.roster .score{color:var(--cyan)}.divelog{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#101d3380,#050a1433);grid-template-columns:repeat(7,1fr);height:150px;display:grid}.divelog .col{justify-content:center;display:flex;position:relative}.divelog .lineDown{opacity:.7;background:currentColor;width:1px}.divelog .dot{background:currentColor;width:7px;height:7px;position:absolute;transform:translateY(-3px);box-shadow:0 0 8px}.divelog .n{color:var(--drift);font-size:14px;position:absolute;bottom:2px}.hud{justify-content:space-between;margin-bottom:18px;display:flex}.prompt{text-transform:uppercase;letter-spacing:.06em;min-height:3.2em;font-size:32px;line-height:1.05}.timer{background:var(--line);height:6px;margin:16px 0}.timer i{background:var(--cyan);height:100%;transition:width .1s linear;display:block}.timer.low i{background:var(--pink)}.feedback{text-align:center;padding:20px 0}.feedback .tier{text-transform:uppercase;letter-spacing:.1em;font-size:44px}.feedback .pts{font-size:64px;line-height:1}.quip{color:var(--drift);margin-top:10px;font-size:18px}.catch{margin:0;padding:0;list-style:none}.catch li{border-bottom:1px dashed var(--line);padding:9px 0}.catch .q{color:var(--drift);text-transform:uppercase;letter-spacing:.1em;font-size:15px}.catch .a{justify-content:space-between;gap:12px;font-size:22px;display:flex}.toast{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;min-height:1.2em;margin-top:8px;font-size:16px}