:root{--asphalt-wet:#171b22;--asphalt-dry:#242a34;--concrete:#8a8f98;--sign-fyg:#c7e70c;--sodium:#ffb25e;--pond:#1e6b63;--shell:#6e4a2b;--alert:#e2483c;--ink:#0c0e12;--step-0:.6875rem;--step-1:.8125rem;--step-2:1rem;--step-3:1.375rem;--step-4:2rem;--step-5:3.25rem;--font-display:"Overpass", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}@font-face{font-family:Overpass;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/overpass-700.woff2)format("woff2")}@font-face{font-family:Overpass;font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/overpass-800.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/plex-mono-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/plex-mono-600.woff2)format("woff2")}:focus-visible{outline:3px solid var(--sign-fyg);outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(48rem 26rem at 50% -8rem, #ffb25e24, transparent 62%), radial-gradient(30rem 16rem at 50% 108%, #1e6b6338, transparent 70%), var(--asphalt-wet);color:var(--concrete);font-family:var(--font-display);-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none;overflow:hidden}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.screen{padding:1.2rem 1rem calc(1.6rem + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;width:100%;display:flex}.screen[hidden]{display:none}.screen{max-height:100dvh;overflow-y:auto}.screen-game{justify-content:center;min-height:100dvh;padding:0}.plate{filter:drop-shadow(.35rem .55rem #00000073);width:min(64vw,17rem);height:auto}.menu{flex-direction:column;gap:.6rem;width:min(84vw,20rem);display:flex}.signbar{appearance:none;background:var(--pond);color:#eef4f2;box-shadow:inset 0 0 0 2px var(--pond), inset 0 0 0 3px #eef4f2e6, .22rem .34rem 0 #00000073;font-family:var(--font-display);font-weight:700;font-size:var(--step-3);letter-spacing:.05em;cursor:pointer;text-transform:uppercase;border:0;border-radius:.32rem;padding:.62rem 1rem .5rem}.signbar small{font-family:var(--font-mono);letter-spacing:.16em;opacity:.75;margin-top:.12rem;font-size:.55rem;font-weight:500;display:block}.signbar:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--pond), inset 0 0 0 3px #eef4f2e6, .1rem .16rem 0 #00000073;translate:.1rem .15rem}.signbar:disabled{background:var(--asphalt-dry);color:#8a8f98cc;box-shadow:inset 0 0 0 2px var(--asphalt-dry), inset 0 0 0 3px #8a8f9880, .22rem .34rem 0 #00000059;cursor:default}.signbar-quiet{background:var(--asphalt-dry);color:var(--concrete);box-shadow:inset 0 0 0 2px var(--asphalt-dry), inset 0 0 0 3px #8a8f98b3, .22rem .34rem 0 #00000059}.stage{touch-action:none;margin:auto;transition:filter .24s linear;position:relative}.stage.is-desat{filter:saturate(.16)brightness(.92)}.playfield{image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--asphalt-wet);display:block}.hud{height:calc(var(--s) * 44px);justify-content:center;gap:calc(var(--s) * 3px);padding:calc(var(--s) * 4px) calc(var(--s) * 6px);pointer-events:none;background:linear-gradient(#0d101500,#0d10158c 26%);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-top{justify-content:space-between;align-items:baseline;gap:calc(var(--s) * 6px);display:flex}.hud-label{font-family:var(--font-display);font-weight:700;font-size:calc(var(--s) * 5px);letter-spacing:.14em;color:var(--concrete);margin-right:calc(var(--s) * 3px)}.hud-num{font-family:var(--font-mono);font-weight:600;font-size:calc(var(--s) * 9px);color:#eef4f2;font-variant-numeric:tabular-nums}.hud-meta{gap:calc(var(--s) * 5px);font-family:var(--font-mono);font-weight:500;font-size:calc(var(--s) * 5px);letter-spacing:.1em;color:var(--concrete);display:flex}.hud-lives{gap:calc(var(--s) * 2px);display:flex}.hud-shell{width:calc(var(--s) * 8px);height:calc(var(--s) * 8px);color:var(--sign-fyg)}.hud-shell.is-lost{color:#8a8f9859}.hud-shell svg,.hud-whistle svg{fill:currentColor;width:100%;height:100%}.hud-bottom{align-items:center;gap:calc(var(--s) * 6px);display:flex}.hud-focus{height:calc(var(--s) * 5px);border-right:calc(var(--s) * 2px) solid var(--sign-fyg);background:#0d1015d9;flex:1;position:relative;box-shadow:inset 0 0 0 1px #8a8f9880}.hud-focus-fill{inset:calc(var(--s) * 1px);background:linear-gradient(90deg, var(--sodium), #ffc98a);transform-origin:0;position:absolute}.hud-focus.is-locked .hud-focus-fill{background:#8a8f9880}.hud-focus.is-flash{animation:.5s steps(2,jump-none) 2 focus-flash}@keyframes focus-flash{50%{box-shadow:inset 0 0 0 1px var(--alert)}}.hud-whistles{gap:calc(var(--s) * 2px);display:flex}.hud-whistle{width:calc(var(--s) * 7px);height:calc(var(--s) * 7px);color:#eef4f2}.hud-whistle.is-spent{color:#8a8f984d}.overpanel{background:var(--asphalt-dry);box-shadow:inset 0 0 0 2px var(--asphalt-dry), inset 0 0 0 3px #8a8f9899, .3rem .45rem 0 #00000073;text-align:center;border-radius:.4rem;flex-direction:column;align-items:center;gap:.9rem;width:min(86vw,22rem);padding:1.4rem 1.6rem;display:flex}.over-title{font-size:var(--step-3);letter-spacing:.08em;color:#eef4f2;font-weight:800}.over-score{font-family:var(--font-mono);font-weight:600;font-size:var(--step-5);color:var(--sodium);font-variant-numeric:tabular-nums;line-height:1}.over-meta{font-family:var(--font-mono);font-weight:500;font-size:var(--step-0);letter-spacing:.14em;color:var(--concrete)}.footer{text-align:center;font-family:var(--font-mono);font-weight:500;font-size:var(--step-0);letter-spacing:.22em;color:#8a8f988c;pointer-events:none;position:fixed;bottom:.6rem;left:0;right:0}.intro-panel{width:min(90vw,23rem)}.intro-slide{flex-direction:column;justify-content:center;align-items:center;gap:.7rem;min-height:15rem;display:flex}.intro-slide[hidden]{display:none}.intro-art{image-rendering:pixelated;background-repeat:no-repeat;margin-bottom:.4rem}.intro-art-whistle{color:#eef4f2;width:4.4rem;height:4.4rem}.intro-art-whistle svg{fill:currentColor;width:100%;height:100%}.intro-body{font-family:var(--font-mono);font-weight:500;font-size:var(--step-1);letter-spacing:.06em;color:var(--concrete);max-width:19rem;line-height:1.55}.intro-kicker{font-family:var(--font-mono);font-weight:600;font-size:var(--step-1);letter-spacing:.14em;color:var(--pond);margin-top:.3rem}.intro-dots{justify-content:center;gap:.45rem;margin:.5rem 0 .2rem;display:flex}.intro-dots span{background:#8a8f9859;border-radius:50%;width:.5rem;height:.5rem}.intro-dots span.is-active{background:var(--sign-fyg)}.menu-note{font-family:var(--font-mono);font-weight:500;font-size:var(--step-0);letter-spacing:.08em;color:var(--concrete);text-align:center;min-height:1.1em;margin:-.2rem 0 0}.menu-warn{color:var(--sodium)}.menu-half{gap:.6rem;display:flex}.menu-half .signbar{font-size:var(--step-1);flex:1;padding:.55rem .5rem .45rem}.streak-marker{font-family:var(--font-mono);font-weight:600;font-size:var(--step-0);letter-spacing:.18em;color:#eef4f2;background:var(--pond);box-shadow:inset 0 0 0 1px var(--pond), inset 0 0 0 2px #eef4f2d9, .14rem .2rem 0 #0006;border-radius:.2rem;padding:.25rem .6rem .15rem}.overpanel-wide{width:min(92vw,26rem);max-height:86dvh;overflow-y:auto}.board-list{width:100%;font-family:var(--font-mono);font-weight:500;font-size:var(--step-1);text-align:left;flex-direction:column;gap:.2rem;display:flex}.board-row{white-space:pre;border-bottom:1px solid #8a8f982e;gap:.6rem;padding:.15rem .2rem;display:flex}.board-rank{color:var(--sodium);min-width:2.4em}.board-name{text-overflow:ellipsis;flex:1;overflow:hidden}.board-score{font-variant-numeric:tabular-nums}.board-me{color:var(--sign-fyg);border-bottom:0;margin-top:.4rem}.log-list{text-align:left;flex-direction:column;gap:.7rem;width:100%;display:flex}.log-row{border-left:3px solid var(--pond);padding:.2rem 0 .2rem .7rem}.log-unknown{opacity:.75;border-left-color:#8a8f9866}.log-name{letter-spacing:.06em;font-weight:800;font-size:var(--step-2);color:#eef4f2}.log-fact{font-size:var(--step-1);color:var(--concrete);margin-top:.1rem}.log-count{font-family:var(--font-mono);font-weight:600;font-size:var(--step-0);letter-spacing:.14em;color:var(--sodium);margin-top:.15rem}.log-note{font-family:var(--font-mono);font-size:var(--step-0);color:var(--concrete)}.over-server{color:var(--sodium)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.coach{top:calc(var(--s) * 6px);left:calc(var(--s) * 8px);right:calc(var(--s) * 8px);color:#eef4f2;font-family:var(--font-mono);font-weight:500;font-size:calc(var(--s) * 5.4px);letter-spacing:.08em;padding:calc(var(--s) * 4px) calc(var(--s) * 6px);text-align:center;pointer-events:none;z-index:2;background:#0d1015e0;line-height:1.5;position:absolute;box-shadow:inset 0 0 0 1px #c7e70cb3}.settings-code{font-family:var(--font-mono);font-weight:600;font-size:var(--step-1);letter-spacing:.08em;color:var(--sodium);word-break:break-all;background:#0d1015b3;border-radius:.25rem;width:100%;padding:.6rem .8rem}.boot-error{text-align:center;color:var(--alert);font-family:var(--font-mono);position:fixed;top:1rem;left:0;right:0}@media (prefers-reduced-motion:reduce){.stage{transition:none}}