:root{--vacuum: #0a0c11;--vacuum-lift: #12151c;--panel: #171b23;--hairline: #262c37;--regolith: #8b8378;--regolith-hi: #cfc7b9;--team-a: #5ec8d8;--team-b: #d8873f;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--vacuum);color:var(--regolith-hi);font-family:var(--sans);overscroll-behavior:none}body{display:flex;align-items:center;justify-content:center;padding:12px}#app{width:100%;display:flex;justify-content:center}.stage{position:relative;width:100%;max-width:min(100%,calc((100vh - 24px) * 960 / 520));aspect-ratio:960 / 520;background:var(--vacuum-lift);border:1px solid var(--hairline);border-radius:3px;overflow:hidden;touch-action:none;user-select:none}canvas{display:block;width:100%;height:100%}html.fs body{padding:0}html.fs .stage{max-width:min(100%,calc(100dvh * 960 / 520));border:0;border-radius:0}.hud{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2.2% 2.6%;font-family:var(--mono);font-size:clamp(9px,1.35vmin,13px);letter-spacing:.16em;text-transform:uppercase;color:var(--regolith);pointer-events:none}.hud b{color:var(--regolith-hi);font-weight:600}.hud .score{font-size:clamp(15px,3.1vmin,30px);letter-spacing:.18em;font-variant-numeric:tabular-nums;text-align:center}.hud .a{color:var(--team-a)}.hud .b{color:var(--team-b)}.hud .sep{color:var(--hairline)}.hud .right{text-align:right}.hud .pips{letter-spacing:.3em}.touch-controls{position:absolute;inset:0;z-index:5;pointer-events:none;display:none}@media (pointer: coarse){.touch-controls{display:block}}.touch-controls.hidden{display:none}.stick-ring,.jump-pad{position:absolute;top:0;left:0;width:92px;height:92px;border-radius:50%;opacity:.32;transition:opacity .15s ease}.stick-ring{border:1.5px solid rgba(94,200,216,.55);background:#0a0c114d}.stick-ring.active{opacity:.85}.stick-knob{position:absolute;top:0;left:0;width:38px;height:38px;border-radius:50%;background:#5ec8d880;border:1px solid rgba(94,200,216,.8)}.jump-pad{inset:auto 12px 12px auto;width:72px;height:72px;border:1.5px solid rgba(216,135,63,.55);background:#0a0c114d;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:#d8873fd9}.jump-pad.active{opacity:.9}.chat{position:absolute;left:2.6%;top:calc(2.2% + 3.2em);right:2.6%;bottom:0;z-index:6;display:none;pointer-events:none;font-family:var(--mono)}.chat.on{display:block}.chat-log{display:flex;flex-direction:column;gap:3px;align-items:flex-start;max-width:52%}.chat-line{max-width:100%;padding:2px 7px;border-radius:2px;background:#06080c8c;font-size:clamp(9px,1.4vmin,13px);line-height:1.45;color:var(--regolith-hi);overflow-wrap:anywhere;transition:opacity .6s ease}.chat-line.faded{opacity:.25}.chat-line .who{unicode-bidi:isolate}.chat-line .who.t0{color:var(--team-a)}.chat-line .who.t1{color:var(--team-b)}.chat-line.system{color:var(--regolith);font-style:italic}.chat-form{position:absolute;left:0;right:0;bottom:6%;display:flex;justify-content:center;pointer-events:auto}.chat-form[hidden]{display:none}.chat-form input{width:min(70%,420px);font-family:var(--mono);font-size:clamp(11px,1.6vmin,14px);background:#06080ceb;color:var(--regolith-hi);border:1px solid var(--team-a);border-radius:2px;padding:7px 10px;text-align:left}.chat-open{position:absolute;right:0;top:0;display:none;padding:6px 12px;background:#06080c80;border:1px solid var(--hairline);border-radius:2px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--regolith);pointer-events:auto}@media (pointer: coarse){.chat.on .chat-open{display:block}}.chat.on .chat-open[hidden]{display:none}.banner{position:absolute;left:0;right:0;top:34%;text-align:center;font-family:var(--mono);text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .25s ease}.banner.show{opacity:1}.banner .line1{font-size:clamp(18px,4.4vmin,40px);letter-spacing:.28em;color:var(--regolith-hi)}.banner .line2{margin-top:.6em;font-size:clamp(9px,1.6vmin,14px);letter-spacing:.22em;color:var(--regolith)}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px;background:#06080ce6;backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.sheet{width:100%;max-width:640px;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(10px,2vmin,18px);text-align:center}.rotate{display:none}@media (orientation: portrait) and (pointer: coarse){.rotate{display:block;width:100%;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--team-a);border:1px solid var(--hairline);border-radius:2px;padding:9px}}.wordmark{margin:0;font-family:var(--mono);font-size:clamp(26px,6.4vmin,54px);font-weight:600;letter-spacing:.3em;text-transform:uppercase;text-indent:.3em}.wordmark span{color:var(--team-a)}.tagline{margin:0;font-family:var(--mono);font-size:clamp(9px,1.5vmin,12px);letter-spacing:.2em;text-transform:uppercase;color:var(--regolith)}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid var(--hairline);border-radius:2px}button:focus-visible{outline:2px solid var(--team-a);outline-offset:2px}.mode{padding:clamp(9px,1.8vmin,15px) 10px;background:var(--panel);font-family:var(--mono);font-size:clamp(11px,1.7vmin,14px);letter-spacing:.14em;text-transform:uppercase;display:flex;flex-direction:column;gap:5px;align-items:center}.mode small{font-size:clamp(8px,1.25vmin,11px);letter-spacing:.06em;text-transform:none;color:var(--regolith);line-height:1.4}.mode:hover,.mode.table{border-color:var(--team-a)}.mode.table:hover{background:#1b2a30}.mode:hover small{color:var(--regolith-hi)}.row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-family:var(--mono);font-size:clamp(9px,1.4vmin,12px);letter-spacing:.12em;text-transform:uppercase;color:var(--regolith)}input[type=text]{font-family:var(--mono);font-size:clamp(11px,1.6vmin,14px);letter-spacing:.1em;background:var(--vacuum);color:var(--regolith-hi);border:1px solid var(--hairline);border-radius:2px;padding:7px 10px;width:11em;text-align:center}input[type=text]:focus-visible{outline:2px solid var(--team-a);outline-offset:1px}input[type=text].key{width:min(22em,60vw);font-size:clamp(10px,1.4vmin,12px);letter-spacing:.04em}.ghost{padding:7px 14px;font-family:var(--mono);font-size:clamp(9px,1.4vmin,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--regolith)}.ghost:hover{color:var(--regolith-hi);border-color:var(--regolith)}.primary{padding:clamp(10px,1.9vmin,15px) 26px;background:var(--team-a);border-color:var(--team-a);color:#06212a;font-family:var(--mono);font-weight:600;font-size:clamp(11px,1.7vmin,14px);letter-spacing:.18em;text-transform:uppercase}.primary:hover{filter:brightness(1.1)}body.playing .uk-legal{display:none}.lobby{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--hairline);padding-top:8px;font-family:var(--mono);font-size:clamp(9px,1.4vmin,12px);text-align:left}.lobby .head{letter-spacing:.2em;text-transform:uppercase;color:var(--team-a)}.lobby .who{color:var(--regolith);overflow-wrap:anywhere}.lobby .game{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:7px 9px;background:var(--panel);border:1px solid var(--hairline);border-radius:2px;font-family:var(--mono);font-size:inherit;text-align:left;color:var(--regolith-hi)}.lobby .game:hover:not(:disabled){border-color:var(--team-a)}.lobby .game:disabled{opacity:.45;cursor:default}.lobby .game .sh{color:var(--regolith);letter-spacing:.12em}.lobby .game .sc{color:var(--team-a)}.board{border-top:1px solid var(--hairline);font-family:var(--mono);font-size:clamp(9px,1.4vmin,12px);text-align:left}.board .head{padding:8px 0 6px;letter-spacing:.2em;text-transform:uppercase;color:var(--team-a)}.board ol{list-style:none;margin:0;padding:0}.board li{display:grid;grid-template-columns:2em 1fr auto auto;gap:10px;padding:5px 0;border-bottom:1px solid var(--hairline);color:var(--regolith);font-variant-numeric:tabular-nums}.board li .nm{color:var(--regolith-hi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board li .sc{color:var(--team-a)}.board li.me{color:var(--regolith-hi)}.board li.me .nm:after{content:" · you";color:var(--team-a)}.board .empty{padding:10px 0;color:var(--regolith)}.result-head{font-family:var(--mono);font-size:clamp(20px,5vmin,42px);letter-spacing:.24em;text-transform:uppercase;margin:0}.result-sub{font-family:var(--mono);font-size:clamp(10px,1.6vmin,13px);letter-spacing:.18em;text-transform:uppercase;color:var(--regolith);margin:0}.more-games{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid var(--hairline);font-family:var(--mono);font-size:clamp(8px,1.25vmin,11px);letter-spacing:.16em;color:var(--regolith)}.more-games nav{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;align-items:baseline}.more-games a{color:var(--regolith);text-decoration:none;border-bottom:1px solid transparent}.more-games a:hover{color:var(--team-a);border-bottom-color:var(--team-a)}.more-games a:focus-visible{outline:2px solid var(--team-a);outline-offset:2px}.more-games .kofi-link{color:var(--team-b)}.more-games .kofi-link:hover{border-bottom-color:var(--team-b)}.hint{font-family:var(--mono);font-size:clamp(8px,1.3vmin,11px);letter-spacing:.1em;color:var(--regolith);line-height:1.8}kbd{border:1px solid var(--hairline);background:var(--vacuum);border-radius:2px;padding:1px 5px;font-family:var(--mono);font-size:.92em;color:var(--regolith-hi)}@media (prefers-reduced-motion: reduce){.banner{transition:none}}