@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");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}:root{--bg:#0d1020;--surface:#141a30;--surface-2:#1a2140;--border:#2b3357;--ink:#edf0fb;--ink-mute:#a3adcf;--accent:#4cc8ff;--accent-ink:#082436;--accent-hover:#6ad4ff;--good:#6fe06a;--radius:14px;--radius-sm:10px;--ease-out:cubic-bezier(.16, 1, .3, 1);--font:"Space Grotesk Variable", "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;margin:0;position:fixed;inset:0;overflow:hidden}canvas{touch-action:none}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font-family:var(--font)}.hud-score{z-index:10;pointer-events:none;text-shadow:0 1px 3px #0608128c;position:fixed;top:20px;left:24px}.hud-score-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.5em;font-weight:700;line-height:1}.hud-score-best{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-top:4px;font-size:.8em;font-weight:500}.hud-level{z-index:10;text-align:center;pointer-events:none;width:min(300px,44vw);position:fixed;top:20px;left:50%;transform:translate(-50%)}.hud-level-name{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 3px #06081299;font-size:.85em;font-weight:500}.hud-progress{background:#edf0fb2e;border-radius:2px;height:4px;margin:8px auto 0;overflow:hidden}.hud-progress-fill{height:100%;transition:width .25s var(--ease-out);border-radius:2px}.hud-lives{z-index:10;pointer-events:none;gap:8px;display:flex;position:fixed;top:26px;right:24px}.pip{background:var(--ink);width:12px;height:12px;transition:all .3s var(--ease-out);border-radius:50%;box-shadow:0 1px 3px #06081280}.pip-lost{box-shadow:inset 0 0 0 1.5px var(--ink-mute);background:0 0;transform:scale(.8)}.hud-combo{z-index:10;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 4px #06081299;pointer-events:none;animation:pop-in .3s var(--ease-out);font-size:1.2em;font-weight:700;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}@keyframes pop-in{0%{opacity:.3;transform:translate(-50%)scale(1.25)}to{opacity:1;transform:translate(-50%)scale(1)}}.hud-match{z-index:10;text-align:center;pointer-events:none;position:fixed;top:16px;left:50%;transform:translate(-50%)}.hud-stage{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);text-shadow:0 1px 3px #06081299;margin-bottom:4px;font-size:.75em;font-weight:500}.hud-board{border-radius:var(--radius-sm);border:1px solid var(--border);background:#0d1020c7;align-items:baseline;gap:14px;width:fit-content;padding:8px 18px;display:inline-flex}.hud-name{color:var(--ink-mute);letter-spacing:.04em;font-size:.95em;font-weight:500}.hud-name.serving{color:var(--ink)}.hud-name.serving:after{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.hud-points{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.9em;font-weight:700;line-height:1}.hud-sep{color:var(--ink-mute);padding:0 6px;font-weight:500}.hud-rally{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-shadow:0 1px 3px #06081299;animation:pop-in .25s var(--ease-out);margin-top:8px;font-size:.85em;font-weight:700}.hud-quote{color:var(--ink);text-shadow:0 1px 3px #06081299;animation:banner 2.2s var(--ease-out) both;margin-top:8px;font-size:.9em;font-style:italic}.hud-quote:before{content:"“";color:var(--ink-mute)}.hud-quote:after{content:"”";color:var(--ink-mute)}.tag{border:1px solid var(--border);background:var(--surface-2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:.72em;font-weight:700;display:inline-block}.stars{gap:2px;display:inline-flex}.star{color:var(--border);display:inline-flex}.star.on{color:#ffd166}.star.on svg path{fill:currentColor}.stars-lg svg{width:26px;height:26px}.matchover-hint{color:var(--ink-mute);margin:-4px 0 0;font-size:.85em}.legend{z-index:10;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--ink-mute);pointer-events:none;animation:panel-in .3s var(--ease-out);background:#0d1020c7;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;font-size:.78em;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.legend-row{flex-wrap:wrap;justify-content:center;gap:4px 14px;display:flex}.legend-row kbd{min-width:18px;margin-right:3px;padding:0 5px;font-size:.9em}.legend-tag{color:var(--ink);min-width:28px;font-weight:700}.legend-quiet{opacity:.7}.hud-buttons{z-index:10;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:background .15s var(--ease-out);place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2)}.touch-controls{left:max(14px, env(safe-area-inset-left));z-index:10;flex-direction:column;gap:22px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.touch-group{flex-direction:column;gap:10px;display:flex}.touch-btn{border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, transparent);width:56px;height:56px;color:var(--ink);font-family:var(--font);touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:background .12s var(--ease-out), border-color .12s var(--ease-out);place-items:center;display:grid}@media (height<=400px){.touch-controls{gap:14px}.touch-group{gap:8px}.touch-btn{width:50px;height:50px}}.touch-btn svg{width:24px;height:24px}.touch-tech{letter-spacing:.02em;font-size:.78em;font-weight:600}.touch-btn.touch-held{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.banner{z-index:20;text-align:center;pointer-events:none;animation:banner 1.9s var(--ease-out) both;position:fixed;top:24%;left:50%;transform:translate(-50%)}.banner-title{letter-spacing:-.01em;text-shadow:0 2px 8px #06081299;white-space:nowrap;font-size:clamp(1.5em,4vw,2.3em);font-weight:700}.banner-sub{color:var(--ink-mute);letter-spacing:.04em;text-shadow:0 1px 4px #06081299;margin-top:6px;font-size:1em}@keyframes banner{0%{opacity:0;clip-path:inset(0 30%);transform:translate(-50%)translateY(-14px)}14%{opacity:1;clip-path:inset(0);transform:translate(-50%)translateY(0)}84%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(8px)}}.screen{z-index:30;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.screen .panel{pointer-events:auto}.screen-dim{background:#090b189e}.panel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:center;max-width:min(460px,94vw);animation:panel-in .3s var(--ease-out);flex-direction:column;align-items:center;gap:14px;padding:32px 40px;display:flex}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title{letter-spacing:-.03em;align-items:center;gap:12px;margin:0;font-size:clamp(2.1em,6.5vw,3em);font-weight:700;line-height:1;display:flex}.title-3d{color:var(--ink-mute);font-weight:400}.tagline{color:var(--ink-mute);letter-spacing:.02em;margin:-4px 0 6px}.subtitle{letter-spacing:-.01em;margin:0;font-size:1.6em;font-weight:700}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);letter-spacing:.01em;cursor:pointer;min-width:240px;transition:background .15s var(--ease-out), border-color .15s var(--ease-out);padding:12px 24px;font-size:1em;font-weight:500}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-mode,.btn-ghost{color:var(--ink);background:0 0}.btn-mode:hover,.btn-ghost:hover{background:var(--surface-2)}.btn-ghost{color:var(--ink-mute);border-color:#0000}.btn-ghost:hover{color:var(--ink)}.mode-list{flex-direction:column;gap:10px;width:100%;display:flex}.mode-list .btn{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 18px;display:flex}.mode-name{font-size:1.05em;font-weight:700}.mode-desc{opacity:.85;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.82em;font-weight:400;overflow:hidden}.btn-mode .mode-desc{color:var(--ink-mute)}.howto{max-width:34ch;color:var(--ink-mute);text-wrap:balance;margin:4px 0 0;font-size:.84em;line-height:1.45}kbd{border:1px solid var(--border);background:var(--surface-2);min-width:22px;font-family:var(--font);color:var(--ink);border-radius:6px;padding:1px 6px;font-weight:500;display:inline-block}.panel-map{text-align:left;align-items:stretch;max-width:min(560px,94vw);max-height:min(82vh,640px);overflow-y:auto}.map-head{align-items:center;gap:12px;display:flex}.stage-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stage{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--ink);text-align:left;cursor:pointer;transition:background .15s var(--ease-out);background:0 0;align-items:center;gap:14px;padding:12px 14px;display:flex}.stage:hover:not(:disabled){background:var(--surface-2)}.stage.locked{cursor:default;color:var(--ink-mute)}.stage-num{border:1.5px solid var(--stage-accent,var(--border));width:32px;height:32px;color:var(--stage-accent,var(--ink-mute));font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.stage-info{flex-direction:column;gap:1px;min-width:0;display:flex}.stage-name{font-weight:700}.stage-tag{color:var(--ink-mute);text-overflow:ellipsis;white-space:nowrap;font-size:.8em;overflow:hidden}.stage-status{letter-spacing:.06em;color:var(--ink-mute);flex:none;align-items:center;margin-left:auto;font-size:.78em;display:flex}.stage-status svg{color:var(--ink-mute)}.stage:not(.locked) .stage-status svg{color:var(--good)}.new-best{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.85em;font-weight:700}.final-score{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:3.2em;font-weight:700;line-height:1}.final-sep{color:var(--ink-mute);padding:0 8px;font-weight:400}.matchover-sub{color:var(--ink-mute);margin:-6px 0 0}.stats{grid-template-columns:1fr 1fr;gap:12px 28px;margin:4px 0;display:grid}.stats>div{flex-direction:column-reverse;gap:2px;display:flex}.stats dt{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-size:.72em}.stats dd{margin:0;font-size:1.1em;font-weight:700}.github{z-index:5;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);opacity:.75;transition:opacity .2s var(--ease-out), background .15s var(--ease-out);align-items:center;gap:8px;padding:8px 12px;font-size:.82em;text-decoration:none;display:flex;position:fixed;bottom:16px;left:16px}.github:hover{opacity:1;background:var(--surface-2)}.gh-repo{letter-spacing:.01em;font-weight:700}.gh-owner{color:var(--ink-mute);font-weight:400}.gh-star{border:1px solid var(--border);background:var(--surface-2);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-weight:700;display:flex}.github:hover .gh-star{border-color:var(--accent)}@media only screen and (width<=700px){.hud-score-value{font-size:1.9em}.hud-level{width:40vw}.hud-points{font-size:1.5em}.panel{gap:10px;padding:22px 18px}.panel-menu .title{font-size:2em}.mode-list .btn{padding:10px 14px}.legend{max-width:92vw;padding:8px 10px;font-size:.72em;bottom:14px}.legend-row:not(:first-child),.gh-owner,.github-play{display:none}}@media only screen and (width<=560px){.legend{bottom:78px}}.pad-nav .screen :focus{outline:2px solid var(--accent);outline-offset:3px}.pad-toast{z-index:30;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--ink);pointer-events:none;animation:pad-toast 2.6s var(--ease-out) forwards;background:#0d1020db;padding:8px 14px;font-size:.85em;font-weight:600;position:fixed;top:112px;left:50%;transform:translate(-50%)}@keyframes pad-toast{0%{opacity:0;transform:translate(-50%,-6px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.panel-online{text-align:left;align-items:stretch;max-width:min(440px,94vw)}.field{flex-direction:column;gap:6px;display:flex}.field-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-size:.75em}.input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--ink);font-family:var(--font);caret-color:var(--accent);padding:11px 14px;font-size:1em}.input:focus{border-color:var(--accent);outline:none}.input-code{letter-spacing:.3em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-weight:700}.join{gap:8px;display:flex}.join .btn{flex:none;min-width:0}.divider{text-align:center;color:var(--ink-mute);font-size:.8em}.room{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.room-code{letter-spacing:.28em;border-radius:var(--radius-sm);border:1px dashed var(--border);-webkit-user-select:text;user-select:text;font-variant-numeric:tabular-nums;padding:10px 18px 10px 24px;font-size:2.4em;font-weight:700}.error{border-radius:var(--radius-sm);color:#ffb3bd;background:#2a1219;border:1px solid #7a2a34;margin:0;padding:10px 12px;font-size:.9em}.btn:disabled{opacity:.6;cursor:default}.advanced{border-top:1px solid var(--border);padding-top:12px;font-size:.9em}.advanced>summary{cursor:pointer;color:var(--ink-mute);align-items:center;gap:8px;list-style:none;display:flex}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary:before{content:"›";transition:transform .15s var(--ease-out);display:inline-block}.advanced[open]>summary:before{transform:rotate(90deg)}.advanced>summary:hover{color:var(--ink)}.field-note{color:var(--ink-mute);margin:10px 0;font-size:.86em;line-height:1.5}.field-note code{color:var(--ink);word-break:break-all;font-size:.92em}.relay-form{flex-direction:column;gap:8px;margin-top:12px;display:flex}.relay-form .btn{min-width:0}.relay-form .field-label{margin-top:4px}.relay-form .field-label:first-child{margin-top:0}.relay-ok{border-radius:var(--radius-sm);color:var(--good);background:#12251a;border:1px solid #2f6b3a;margin:10px 0 0;padding:10px 12px;font-size:.9em}.advanced .error{margin-top:10px}.build{opacity:.6;font-variant-numeric:tabular-nums;font-size:.86em}