:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--red:#ff4655;--cyan:#5de3f9;--ink:#e0e9f5;--bright:#f2f7fc;--muted:#8aa3c2;--dim:#6f86a3;--line:#2b4462;--line-strong:#4a6b93;--panel:#0b1a2df0;--deep:#06101c;--pixel:VT323, "Courier New", monospace;--body:VT323, "Courier New", monospace;--cut:polygon(0 6px, 3px 6px, 3px 3px, 6px 3px, 6px 0, calc(100% - 6px) 0, calc(100% - 6px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 6px, 100% 6px, 100% calc(100% - 6px), calc(100% - 3px) calc(100% - 6px), calc(100% - 3px) calc(100% - 3px), calc(100% - 6px) calc(100% - 3px), calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 3px), 3px calc(100% - 3px), 3px calc(100% - 6px), 0 calc(100% - 6px));--notch:polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 4px) calc(100% - 12px), calc(100% - 4px) calc(100% - 8px), calc(100% - 8px) calc(100% - 8px), calc(100% - 8px) calc(100% - 4px), calc(100% - 12px) calc(100% - 4px), calc(100% - 12px) 100%, 0 100%)}*{box-sizing:border-box}html,body{background:var(--deep);margin:0}body{color:var(--ink);font:20px/1.15 var(--body);-webkit-text-size-adjust:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline-offset:3px;outline:3px solid #fff19d}a{color:#9fd8ec}h1,h2,p{margin:0}.label{font:16px var(--pixel);letter-spacing:4px;text-transform:uppercase;color:var(--muted)}.accent{color:var(--red)}.accent-cyan{color:#9fd8ec}.muted{color:#9fb3cc}.panel{background:var(--panel);clip-path:var(--cut);box-shadow:inset 0 0 0 2px var(--line)}.ocean{z-index:0;background:var(--deep);position:fixed;inset:0;overflow:hidden}.ocean-track{will-change:transform;transition:transform 1.8s cubic-bezier(.45,.05,.3,1);position:absolute;top:0;left:0;right:0}.star{opacity:.6;background:#f4e9d0;animation:3.2s steps(3,end) infinite alternate twinkle;position:absolute}.sun{line-height:0;position:absolute;left:50%;transform:translate(-50%,-100%)}.waves{background:repeating-linear-gradient(90deg, #ff9a7a 0 18px, #c94450 18px 30px, var(--cyan) 30px 44px, #1b4a72 44px 60px);height:8px;animation:2.4s steps(6,end) infinite waves;position:absolute;left:-60px;right:-60px;transform:translateY(-4px)}.waves.back{opacity:.55;background:repeating-linear-gradient(90deg,#0000 0 22px,#5de3f9 22px 34px,#0000 34px 60px);height:4px;animation-duration:4s;animation-direction:reverse;transform:translateY(8px)}.boat{line-height:0;animation:2.6s steps(4,end) infinite alternate bob;position:absolute;left:70%;transform:translateY(-78%)}.rays{pointer-events:none;height:22%;position:absolute;left:0;right:0}.rays span{background:linear-gradient(#8cdcff12,#0000);animation:9s ease-in-out infinite alternate sway;position:absolute;top:0;bottom:0;transform:skew(-14deg)}.kelp{opacity:.75;transform-origin:bottom;line-height:0;animation:3.5s steps(3,end) infinite alternate kelp;position:absolute;bottom:3%}.plankton{opacity:.35;background:#9fd8ec;animation:linear infinite drift;position:absolute}.school{opacity:.8;width:160px;height:60px;animation:linear infinite cross;position:absolute;left:0}.school.reverse{animation-direction:reverse}.minnow{line-height:0;animation:.9s steps(2,end) infinite alternate wiggle;position:absolute}.jelly{opacity:.85;filter:drop-shadow(0 0 6px #ff4655aa)drop-shadow(0 0 14px #ff465566);line-height:0;animation:7s ease-in-out infinite jelly;position:absolute;bottom:14%;left:4%}.bubble{border:2px solid #7fd8f055;animation:linear infinite rise;position:absolute;bottom:-24px}.scanlines{pointer-events:none;z-index:50;opacity:.45;background:repeating-linear-gradient(0deg,#0002 0 1px,#0000 1px 3px);position:fixed;inset:0}@keyframes rise{to{transform:translateY(-115vh)}}@keyframes waves{to{background-position-x:60px}}@keyframes bob{0%{transform:translateY(-78%)rotate(-1.5deg)}to{transform:translateY(-66%)rotate(1.5deg)}}@keyframes sway{0%{opacity:.6;transform:skew(-18deg)}to{opacity:1;transform:skew(-8deg)}}@keyframes kelp{0%{transform:skew(-4deg)}to{transform:skew(4deg)}}@keyframes twinkle{to{opacity:.15}}@keyframes drift{0%{opacity:0;transform:translate(0)}15%{opacity:.4}85%{opacity:.4}to{opacity:0;transform:translate(40px,-70px)}}@keyframes cross{0%{transform:translate(-200px)}to{transform:translate(calc(100vw + 40px))}}@keyframes wiggle{to{transform:translateY(2px)}}@keyframes jelly{0%,to{transform:translateY(0)}40%{transform:translateY(-46px)}55%{transform:translateY(-50px)scaleY(.92)}}@media (prefers-reduced-motion:reduce){.ocean-track{transition:none}.bubble,.plankton,.school{display:none}.waves,.boat,.rays span,.kelp,.star,.minnow,.jelly{animation:none}}.input-note{justify-content:center;align-items:flex-end;min-height:34px;margin-bottom:10px;display:flex}.inline-error{text-align:center;color:#ffb3ba;font-size:22px}.suggest{text-align:center;color:#dfe9f5;padding:10px 18px;font-size:22px}.suggest b{color:var(--cyan);font-weight:700}.suggest .arrow{margin:0 6px}.suggest small{letter-spacing:2px;color:var(--dim);margin-top:2px;font-size:15px;display:block}.answer-input.shake{animation:.3s steps(4,end) shake}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.corrected{color:var(--dim);font-size:19px}.misses{color:var(--dim);margin-top:4px;font-size:19px}.shell{z-index:1;flex-direction:column;max-width:1160px;min-height:100svh;margin:0 auto;padding:0 40px;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:22px 0 10px;display:flex}.brand{font:700 32px var(--pixel);letter-spacing:3px;text-transform:uppercase;color:#e9f6ff;text-shadow:2px 2px 0 var(--deep);background:0 0;border:0;padding:0}.brand span{color:var(--red)}.topbar-tools{gap:10px;display:flex}.btn-small{border:2px solid var(--line);color:#b9c9df;height:38px;font:18px var(--pixel);letter-spacing:2px;text-transform:uppercase;background:#0b1a2dcc;padding:0 14px}.btn-small:hover{border-color:var(--line-strong)}.btn-icon{place-items:center;width:38px;padding:0;display:grid}.btn-small{white-space:nowrap}.narrow-only{display:none}.btn-red{background:var(--red);height:64px;color:var(--deep);clip-path:var(--notch);font:700 28px var(--pixel);letter-spacing:5px;text-transform:uppercase;border:0;padding:0 24px;box-shadow:inset 0 -5px #00000040}.btn-red:hover:not(:disabled){background:#ff5f6c}.btn-red:disabled{opacity:1;color:#2a1018;background:#7a2a36}.btn-red:active:not(:disabled){transform:translateY(2px)}.btn-big{letter-spacing:7px;width:100%;height:72px;font-size:34px}.btn-dark{border:2px solid var(--line-strong);color:#dfe9f5;height:48px;font:20px var(--pixel);letter-spacing:3px;text-transform:uppercase;background:#0b1a2dee;flex:1}.btn-dark:hover{border-color:var(--cyan)}.btn-ghost{color:var(--muted);font:21px var(--body);background:0 0;border:0;padding:4px 0}.btn-ghost:hover{color:var(--bright)}.footer{text-align:center;color:var(--dim);padding:22px 0 26px;font-size:19px}.footer-credit{color:var(--muted);margin-bottom:6px;display:block}.footer .footer-thanks{margin-top:10px}.footer-credit b{color:var(--bright);font-weight:400}.footer small{opacity:.8;margin-top:6px;font-size:15px;display:block}.home{--topbar:70px;grid-template-rows:calc(60vh - var(--topbar)) auto;text-align:center;flex:1;justify-items:center;display:grid}.masthead{align-self:start;margin-top:clamp(8px,3vh,40px)}.masthead h1{font:700 clamp(64px, 15vw, 160px)/.9 var(--pixel);letter-spacing:.06em;text-transform:uppercase;color:#f4ede0;text-shadow:-.05em .04em 0 var(--red), .05em -.035em 0 var(--cyan)}.subtitle{font:clamp(19px, 2.2vw, 28px) var(--pixel);letter-spacing:.35em;text-transform:uppercase;color:#ffd2c2;margin-top:14px}.desc{color:#e9c6d6;margin-top:12px;font-size:clamp(22px,2.2vw,28px)}.launch{width:min(620px,100%);padding-top:clamp(24px,6vh,70px)}.launch-desc{color:#b9c9df;margin:8px 0 16px;font-size:24px}.launch-tools{gap:8px;margin-top:12px;display:flex}.error{margin-top:20vh;padding:24px;font-size:24px}.with-gauge{padding-right:110px}.play{flex-direction:column;flex:1;display:flex}.hud{grid-template-columns:180px 1fr 180px;align-items:start;gap:24px;width:min(780px,100%);margin:6px auto 0;display:grid}.hud-box{background:var(--panel);clip-path:var(--cut);box-shadow:inset 0 0 0 2px var(--line);padding:12px 18px}.hud-box.right{text-align:right}.hud-value{font:42px/1 var(--pixel);font-variant-numeric:tabular-nums}.hud-value small{font-size:24px}.hud-value.depth{color:var(--cyan)}.hud-value.score{color:var(--red)}.hud-rounds{text-align:center;padding-top:14px}.round-squares{justify-content:center;gap:6px;margin-bottom:10px;display:flex}.round-squares i{background:#081426;width:18px;height:18px;box-shadow:inset 0 0 0 2px #3a5373}.round-squares i.done{box-shadow:inset -3px -3px #00000040}.round-squares i.current{background:var(--red);box-shadow:0 0 10px var(--red)}.gauge{z-index:2;width:28px;box-shadow:inset 0 0 0 2px var(--line);background:#06101caa;position:fixed;top:150px;bottom:120px;right:46px}.gauge .tick{background:var(--line);width:10px;height:2px;position:absolute;left:6px}.gauge .tick.long{width:16px;left:2px}.gauge-label{color:#5b7594;font-size:18px;position:absolute;right:36px;transform:translateY(-50%)}.gauge-fill{background:var(--red);width:4px;transition:height 1.8s cubic-bezier(.45,.05,.3,1);position:absolute;top:0;left:12px}.gauge-sub{margin-top:-9px;line-height:0;transition:top 1.8s cubic-bezier(.45,.05,.3,1);position:absolute;left:-6px}.gauge-floor{background:repeating-linear-gradient(90deg,#3a4f66 0 6px,#2b3d52 6px 12px);height:6px;position:absolute;bottom:-2px;left:-6px;right:-6px}.gauge-max{font:16px var(--pixel);color:var(--muted);white-space:nowrap;text-transform:uppercase;position:absolute;bottom:-9px;right:36px}.stage{flex-direction:column;flex:1;display:flex}.card{width:min(600px,100%);margin:clamp(24px,7vh,64px) auto 0;padding:30px 32px}.prompt{font:700 42px/1.08 var(--pixel);letter-spacing:.03em;color:var(--bright);overflow-wrap:anywhere;margin-top:14px}.hint{letter-spacing:3px;color:#9fb3cc;margin-top:14px;font-size:18px}.controls{align-self:center;width:min(700px,100%);margin-top:auto;padding:32px 0 44px}.input-row{grid-template-columns:64px minmax(0,1fr) 150px;align-items:center;gap:14px;display:grid}.clock{background:var(--deep);width:64px;height:64px;clip-path:var(--cut);box-shadow:inset 0 0 0 3px var(--cyan);font:36px var(--pixel);color:var(--cyan);place-items:center;display:grid}.clock.urgent{box-shadow:inset 0 0 0 3px var(--red);color:var(--red)}.answer-input{background:var(--deep);border:2px solid var(--line-strong);border-left:6px solid var(--red);width:100%;height:64px;color:var(--bright);font:34px var(--body);border-radius:0;outline:none;padding:0 18px}.answer-input:focus{border-color:var(--cyan);border-left-color:var(--red)}.answer-input::placeholder{color:#4d6585}.input-row .btn-red{width:100%;padding:0}.time-bar{gap:2px;margin:10px 164px 0 78px;display:flex}.time-bar i{background:#14263b;flex:1;height:6px}.time-bar i.on{background:var(--cyan)}.time-bar i.on.urgent{background:var(--red)}.below-input .btn-ghost{white-space:nowrap}.below-input{color:var(--dim);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:21px;display:flex}.reveal-card{text-align:center;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tier) 55%, transparent)}.reveal-gem{justify-content:center;align-items:center;gap:18px;display:flex}.reveal-tier{font:700 64px/1 var(--pixel);letter-spacing:6px;text-transform:uppercase;color:var(--tier);margin-top:14px}.reveal-answer{color:var(--bright);overflow-wrap:anywhere;font-size:44px;line-height:1.05}.reveal-card .muted{margin-top:8px;font-size:24px}.reveal-gain{font:30px var(--pixel);letter-spacing:2px;color:var(--tier);margin-top:10px}.chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.rank-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0008);-webkit-user-select:none;user-select:none;flex:none;display:block}.reveal-gem .rank-icon{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--tier) 45%, transparent))}.results{width:min(560px,100%);margin:8px auto 0}.results-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.score-line{align-items:flex-end;gap:14px;display:flex}.big-score{font:700 110px/.85 var(--pixel);color:#f4ede0;text-shadow:4px 4px #0f3a52}.score-depth{color:var(--cyan);margin-bottom:6px;font-size:26px}.results-top .label{margin-top:10px}.results-section{margin-top:30px}.section-title{font:17px var(--pixel);letter-spacing:4px;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;display:flex}.section-title:after{content:"";border-top:2px dotted #2b4462;flex:1}.section-title span{letter-spacing:2px;color:var(--dim);font-size:15px}.divelog{height:220px;margin:18px 0 48px 44px;position:relative}.divelog-grid{border-top:1px dashed #1f3550;position:absolute;left:0;right:0}.divelog-grid span{color:var(--dim);font-size:16px;position:absolute;top:-10px;left:-44px}.divelog-round{width:0;position:absolute;top:0;bottom:0}.divelog-line{opacity:.85;width:2px;position:absolute;top:0;left:-1px}.divelog-gem{filter:drop-shadow(0 0 6px #0008);line-height:0;position:absolute;left:0;transform:translate(-50%,-50%)}.divelog-x{color:var(--dim);font-size:18px;position:absolute;bottom:-28px;transform:translate(-50%)}.bearing{margin-top:10px}.bearing-row{color:var(--dim);border-bottom:1px solid #1a2d44;grid-template-columns:32px 80px 1fr;align-items:center;gap:14px;padding:10px 6px;font-size:21px;display:grid}.bearing-range{color:var(--tier)}.bearing-row.here{color:var(--bright);background:color-mix(in srgb, var(--tier) 10%, transparent)}.bearing-row.here .bearing-text{font-weight:700}.share-btn{margin-top:26px}.catch{margin-top:8px}.catch-row{border-bottom:1px solid #1a2d44}.catch-summary{text-align:left;background:0 0;border:0;grid-template-columns:22px 40px minmax(0,1fr) auto 14px;align-items:center;gap:12px;width:100%;padding:14px 4px;display:grid}.catch-summary:hover{background:#ffffff08}.catch-num{color:#5b7594;font-size:20px}.catch-text{flex-direction:column;min-width:0;display:flex}.catch-q{letter-spacing:2px;text-transform:uppercase;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.catch-a{font:700 26px/1.1 var(--pixel);color:var(--bright);overflow-wrap:anywhere}.catch-meta{color:var(--cyan);font-size:17px}.catch-pts{font:28px var(--pixel);color:var(--tier)}.catch-caret{color:#5b7594;font-size:18px}.browser{padding:4px 4px 16px 38px}.browser .chips{flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:0;display:flex}.chip{background:var(--deep);color:#dfe9f5;font:19px var(--body);border:2px solid #22344b;padding:3px 10px}.chip span{opacity:.7}.chip.on{border-color:currentColor}.browser-filter{border:2px solid var(--line);width:100%;height:42px;color:var(--bright);font:22px var(--body);background:#0b1a2d;border-radius:0;outline:none;margin-top:10px;padding:0 12px}.browser-filter:focus{border-color:var(--cyan)}.browser-list{overscroll-behavior:contain;scrollbar-color:#496980 #0b182a;max-height:360px;margin-top:8px;padding-right:6px;overflow-y:auto}.browser-row{color:#dfe9f5;border-bottom:1px solid #142538;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 6px;font-size:22px;display:grid}.browser-row.mine{background:color-mix(in srgb, var(--tier) 16%, transparent);color:var(--bright)}.browser-name{overflow-wrap:anywhere;min-width:0}.browser-name .you{letter-spacing:2px;text-transform:uppercase;color:var(--tier);margin-left:8px;font-size:15px}.browser-name .src{color:var(--dim);margin-left:8px;font-size:18px;text-decoration:none}.browser-name .src:hover{color:var(--cyan)}.browser-pts{color:var(--tier);font-size:18px}.browser .empty{padding:12px 6px;font-size:20px}.browser-foot{color:var(--dim);justify-content:space-between;margin-top:8px;font-size:16px;display:flex}.next-dive{text-align:center;color:var(--muted);margin-top:22px;font-size:22px}.modal{width:min(560px,100% - 32px);max-height:85vh;color:var(--ink);border:0;padding:24px 28px;overflow:auto}.modal::backdrop{background:#020810c7}.modal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal h2{font:700 34px var(--pixel);letter-spacing:2px;text-transform:uppercase;color:var(--bright)}.modal p{color:#c9d6e6;margin:10px 0;font-size:22px;line-height:1.15}.howto-tiers{flex-direction:column;gap:8px;margin:14px 0;display:flex}.howto-tier{grid-template-columns:34px 96px 1fr 40px;align-items:center;gap:10px;font-size:21px;display:grid}.howto-tier b{font:400 19px var(--pixel);letter-spacing:1px;text-transform:uppercase}.race-howto-tiers .howto-tier{grid-template-columns:34px 110px 1fr 120px}.race-howto-tiers .howto-tier b:last-child{white-space:nowrap}.race-howto-list{margin:6px 0 12px;padding-left:22px;font-size:21px;line-height:1.3}.race-howto-list li{margin-bottom:7px}.race-howto-list b{color:var(--bright);font-weight:400}.howto-tier b:last-child{text-align:right;color:var(--bright);font-size:24px}.stats-grid{text-align:center;grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.stat-value{font:36px/1 var(--pixel);color:var(--cyan);margin-bottom:6px}.toast{z-index:60;border:2px solid var(--cyan);max-width:calc(100% - 32px);font:20px var(--pixel);letter-spacing:2px;text-transform:uppercase;background:#142b3c;padding:12px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=1100px){.gauge-label{display:none}.gauge{right:24px}.with-gauge{padding-right:80px}}@media (width<=700px){.shell{padding:0 16px}.with-gauge{padding-right:48px}.topbar{padding:14px 0 6px}.brand{letter-spacing:2px;font-size:26px}.btn-small{letter-spacing:1px;height:32px;padding:0 8px;font-size:15px}.btn-icon{width:32px;padding:0}.wide-only{display:none}.narrow-only{font-size:20px;display:inline}.topbar-tools .howto-btn{width:32px;padding:0}.topbar-tools{gap:6px}.gauge{width:18px;top:120px;bottom:40px;right:10px}.gauge .tick.long{width:12px}.gauge-fill{left:7px}.gauge-sub{left:-9px}.gauge-max{display:none}.hud{grid-template-columns:1fr auto 1fr;gap:8px}.hud-box{padding:8px 10px}.hud-value{font-size:28px}.hud-value small{font-size:17px}.hud-rounds{padding-top:6px}.round-squares{gap:3px;margin-bottom:6px}.round-squares i{width:11px;height:11px}.hud .label{letter-spacing:1px;font-size:13px}.card{margin-top:18px;padding:20px 18px}.prompt{margin-top:8px;font-size:30px}.hint{letter-spacing:2px;font-size:16px}.controls{padding:20px 0 22px}.input-row{grid-template-columns:52px minmax(0,1fr);gap:8px}.input-row .btn-red{grid-column:1/-1;height:54px;font-size:26px}.clock{width:52px;height:52px;font-size:30px}.answer-input{height:52px;padding:0 12px;font-size:28px}.time-bar{margin:10px 0 0}.below-input{font-size:18px}.below-input .desktop-only{display:none}.home{--topbar:52px}.launch{padding-top:20px}.reveal-tier{margin-top:10px;font-size:44px}.reveal-answer{font-size:34px}.reveal-card .muted{font-size:20px}.reveal-gain{font-size:24px}.btn-big{height:60px;font-size:28px}.jelly{opacity:.4}.big-score{font-size:84px}.score-depth{font-size:22px}.catch-summary{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.catch-num,.catch-caret{display:none}.catch-q{white-space:normal;letter-spacing:1px;font-size:14px}.browser{padding:4px 0 14px}.bearing-row{grid-template-columns:28px 64px 1fr;gap:10px;font-size:18px}.divelog{height:180px}.howto-tier{grid-template-columns:32px 80px 1fr 32px;font-size:18px}.stats-grid{grid-template-columns:repeat(3,1fr)}.footer{font-size:16px}.launch-desc{font-size:20px}}.race-cta{color:#f7dc8c;border-color:#f2c14e88;width:100%;height:52px;margin-top:10px;font-size:20px}.race-cta:hover{border-color:#f2c14e}.race-home,.race-lobby{width:min(1000px,100%);margin:8px auto 30px}.race-back{white-space:nowrap;color:#bdf3fc;border-color:#5de3f988;flex:none;width:auto;max-width:100%;height:44px;margin:0 0 10px;padding:0 16px;font-size:19px;display:block}.race-top{justify-content:space-between;gap:10px;min-width:0;margin-bottom:10px;display:flex}.race-top .race-back{min-width:0;margin:0}.race-rules-btn{color:#f7dc8c;white-space:nowrap;border-color:#f2c14e88;flex:none;height:44px;padding:0 16px;font-size:19px}.race-rules-btn:hover{border-color:#f2c14e}.race-idle-note{color:var(--muted);margin:6px 0 0;font-size:20px}.race-back:hover{border-color:var(--cyan);color:var(--bright)}.race-title{text-align:center;margin-bottom:18px}.race-title h1{font:700 clamp(48px, 7vw, 80px)/1 var(--pixel);letter-spacing:.06em;text-transform:uppercase;color:#f4ede0;text-shadow:-.04em .03em 0 var(--red), .04em -.03em 0 var(--cyan)}.race-title p{max-width:640px;margin:10px auto 0;font-size:22px}.race-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.race-left{flex-direction:column;gap:14px;display:flex}.race-box{flex-direction:column;gap:10px;padding:18px 20px;display:flex}.race-box .section-title{margin:0 0 4px}.race-input{background:var(--deep);border:2px solid var(--line-strong);width:100%;height:48px;color:var(--bright);font:26px var(--body);border-radius:0;outline:none;padding:0 14px}.race-input:focus{border-color:var(--cyan)}select.race-input{font-size:22px}.race-input.code{letter-spacing:.5em;text-transform:uppercase;font-size:30px}.race-join{grid-template-columns:1fr 120px;gap:10px;display:grid}.race-join .btn-red{height:48px;font-size:22px}.race-note{color:var(--dim);font-size:18px}.race-note.big{color:#9fb3cc;font-size:22px}.race-note b{color:var(--bright)}.race-field{flex-direction:column;gap:6px;display:flex}.seg{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.seg button{background:var(--deep);border:2px solid var(--line);color:#b9c9df;height:52px;font:22px var(--pixel);text-transform:uppercase;letter-spacing:2px}.seg button small{color:var(--dim);letter-spacing:1px;font-size:15px;display:block}.seg button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.race-check{color:#b9c9df;align-items:center;gap:10px;font-size:20px;display:flex}.race-check input{width:18px;height:18px;accent-color:var(--red)}.race-host{flex:none;height:52px}.race-warn,.race-error{margin-bottom:14px;padding:12px 16px;font-size:22px}.race-error{box-shadow:inset 0 0 0 2px var(--red);color:#ffb3ba}.race-rooms{min-height:300px}.room-row{border-bottom:1px solid #1a2d44;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 2px;display:grid}.room-code{font:700 30px var(--pixel);letter-spacing:3px;color:var(--cyan)}.room-info{flex-direction:column;min-width:0;display:flex}.room-info b{color:var(--bright);white-space:nowrap;text-overflow:ellipsis;font-size:22px;overflow:hidden}.room-info small{letter-spacing:2px;text-transform:uppercase;color:var(--dim);font-size:15px}.room-join{color:var(--red);letter-spacing:2px;text-transform:uppercase;font-size:20px}.room-full{letter-spacing:2px;text-transform:uppercase;color:var(--dim);font-size:16px}.race-message{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:18vh;padding:26px;font-size:24px;display:flex}.race-message .btn-red{height:52px;font-size:20px}.lobby-head{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.lobby-code{font:700 72px/1 var(--pixel);letter-spacing:.15em;color:var(--cyan);text-shadow:3px 3px #0f3a52}.lobby-share{flex-wrap:wrap;flex:1;gap:8px;min-width:260px;max-width:520px;display:flex}.lobby-share .race-input{flex:1;min-width:200px;font-size:18px}.lobby-share .btn-dark{flex:none;height:48px;padding:0 14px}.lobby-player{border-bottom:1px solid #1a2d44;grid-template-columns:14px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:8px 2px;font-size:24px;display:grid}.swatch{background:var(--c);width:14px;height:14px;display:block;box-shadow:inset -3px -3px #00000040}.lp-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--bright);overflow:hidden}.lp-name small{color:var(--dim);font-size:18px}.lp-host{letter-spacing:2px;text-transform:uppercase;color:#f2c14e;border:1px solid #f2c14e66;padding:0 6px;font-size:14px}.lp-away{color:var(--dim);font-size:15px}.lp-kick{font-size:18px}.race-rules{color:#9fb3cc;flex-direction:column;gap:4px;margin:4px 0;padding-left:20px;font-size:20px;display:flex}.race-leave{align-self:flex-start}.race-run{padding-right:70px}.race-countdown{z-index:40;pointer-events:none;text-align:center;background:#06101cb0;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.race-countdown span{font:700 180px/1 var(--pixel);color:#f4ede0;text-shadow:-6px 5px 0 var(--red), 6px -4px 0 var(--cyan)}.race-countdown small{color:#b9c9df;margin-top:10px;font-size:24px}.race-progress{background:#081426;height:14px;margin:6px 0 10px;box-shadow:inset 0 0 0 2px #3a5373}.race-progress i{background:linear-gradient(90deg, var(--cyan), #f2c14e);height:100%;transition:width .8s;display:block}.last-call{text-align:center;color:#f7dc8c;width:min(700px,100%);margin:12px auto 0;padding:10px 16px;font-size:22px;box-shadow:inset 0 0 0 2px #f2c14e}.last-call b{color:var(--bright)}.lc-time{font:700 26px var(--pixel);color:var(--red);margin-left:6px}.race-input-row{grid-template-columns:minmax(0,1fr) 150px}.race-run .controls{padding-bottom:18px}.gain-flash{background:var(--panel);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tier) 60%, transparent);color:var(--tier);align-items:center;gap:10px;padding:6px 14px;font-size:22px;animation:.35s steps(3,end) pop;display:flex}.gain-flash b{color:var(--bright);font-weight:400}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.race-done{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.race-board{align-self:center;width:min(700px,100%);margin-bottom:30px;padding:10px 14px}.board-row{grid-template-columns:26px 12px minmax(0,1fr) minmax(60px,1.2fr) 90px;align-items:center;gap:10px;padding:5px 0;font-size:20px;display:grid}.board-row.me{color:var(--bright)}.board-row.me .board-name{color:var(--c)}.board-row.gone{opacity:.5}.board-row .swatch{width:12px;height:12px}.board-place{font:20px var(--pixel);color:#5b7594;text-align:right}.board-name{text-overflow:ellipsis;white-space:nowrap;color:#dfe9f5;min-width:0;overflow:hidden}.board-bar{background:#081426;height:8px;box-shadow:inset 0 0 0 1px #2b4462}.board-bar i{background:var(--c);height:100%;transition:width .8s;display:block}.board-depth{text-align:right;color:#9fb3cc;font-variant-numeric:tabular-nums}.race-gauge{bottom:150px}.diver{z-index:1;line-height:0;transition:top .8s cubic-bezier(.45,.05,.3,1);position:absolute;left:6px;transform:translateY(-50%)}.diver i{background:var(--c);width:14px;height:10px;margin-left:1px;display:block;box-shadow:inset -3px -3px #00000050}.diver.me{z-index:2;left:-6px}.diver b{transform:translateY(calc(-50% + var(--stack,0px)));font:400 15px/1 var(--pixel);letter-spacing:1px;color:var(--c);white-space:nowrap;text-shadow:1px 1px 0 var(--deep);position:absolute;top:50%;right:calc(100% + 8px)}.diver.gone{opacity:.4}.gauge-chest{filter:drop-shadow(0 0 8px #f2c14e88);line-height:0;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}.race-gauge .gauge-max{bottom:-60px;right:-6px}.seabed-chest{filter:drop-shadow(0 0 18px #f2c14e66);line-height:0;position:absolute;bottom:3%;left:14%}.race-results{width:min(760px,100%)}.podium{justify-content:center;align-items:flex-end;gap:10px;margin:18px auto 0;display:flex}.podium-step{flex-direction:column;align-items:center;gap:4px;width:170px;display:flex}.podium-name{font:700 26px var(--pixel);color:var(--bright);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.podium-meta{color:#9fb3cc;font-size:18px}.podium-block{width:100%;font:700 44px var(--pixel);color:var(--deep);place-items:center;display:grid;box-shadow:inset -6px -6px #0003}.p1 .podium-block{background:#f2c14e;height:120px}.p2 .podium-block{background:#c3ccd6;height:86px}.p3 .podium-block{background:#d08a52;height:62px}.standings{margin-top:8px}.stand-row{border-bottom:1px solid #1a2d44;grid-template-columns:30px minmax(0,1fr) auto 110px;align-items:center;gap:12px;padding:8px 4px;font-size:22px;display:grid}.stand-row.me{background:#ffffff0a}.stand-meta{color:var(--dim);font-size:17px}.catch-summary.static{cursor:default;grid-template-columns:22px 40px minmax(0,1fr) auto}.catch-summary.static:hover{background:0 0}.race-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0 10px}.race-actions .btn-red{width:220px;height:56px;font-size:26px}.race-actions .btn-dark{flex:none;height:56px;padding:0 20px}@media (width<=760px){.race-cols{grid-template-columns:1fr}.lobby-code{font-size:54px}.race-run{padding-right:40px}.race-countdown span{font-size:120px}.race-input-row{grid-template-columns:1fr}.lobby-share .race-input{min-width:100%}.lobby-share .btn-dark{width:100%}.seabed-chest{left:4%}.race-input-row .btn-red{grid-column:auto}.diver b,.diver.me b{display:none}.race-gauge{bottom:90px}.race-gauge .gauge-max{display:none}.board-row{grid-template-columns:22px 10px minmax(0,1fr) 76px;font-size:18px}.board-bar{display:none}.podium-step{width:31%}.podium-name{font-size:20px}.stand-row{grid-template-columns:26px minmax(0,1fr) 90px;font-size:19px}.stand-meta{display:none}.catch-summary.static{grid-template-columns:40px minmax(0,1fr) auto}}