:root{--ink: #08080d;--ink-raised: #101019;--line: rgba(255, 255, 255, .08);--text: #e8e8f0;--text-dim: #7d7d94;--accent: #e5322d;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:linear-gradient(180deg,#0a0614,#1a0a1e 55%,#3a0d14);background-attachment:fixed;color:var(--text);font-family:var(--font-mono);overflow:hidden;overscroll-behavior:none}.shell{display:flex;flex-direction:column;height:100%}[hidden]{display:none!important}.stage{position:relative;flex:1;min-height:0}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#05050ac7;text-align:center;padding:16px}.overlay-title{margin:0;font-size:clamp(20px,4vw,32px);letter-spacing:.12em;color:var(--accent)}.overlay-hint{margin:0;font-size:13px;color:var(--text-dim)}@keyframes tnSlam{0%{opacity:0;transform:translate(-34px) skew(-22deg) scale(1.35)}14%{opacity:1;transform:translate(5px) skew(6deg) scale(.92)}26%{transform:translate(-2px) skew(-2deg) scale(1.04)}34%{transform:none}82%{opacity:1;transform:none}to{opacity:0;transform:translate(14px) skew(8deg) scale(.96)}}@keyframes tnSwipe{0%{transform:scaleX(0);opacity:1}22%{transform:scaleX(1)}60%{transform:scaleX(1);opacity:.5}to{transform:scaleX(1);opacity:0}}@keyframes tnSubIn{0%{opacity:0;transform:translate(-14px)}30%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@keyframes tnCombo{0%{transform:scale(1.9);opacity:0}18%{transform:scale(.88);opacity:1}30%{transform:scale(1.06)}40%{transform:scale(1)}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){@keyframes tnSlam{0%{opacity:0}10%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes tnCombo{0%{opacity:0}18%{opacity:1}to{opacity:1}}}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/vt323-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/vt323-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Press Start 2P Fallback";src:local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono"),local("DejaVu Sans Mono"),local("Roboto Mono"),local("Droid Sans Mono");size-adjust:166.64%;ascent-override:60.01%;descent-override:0%;line-gap-override:0%}@font-face{font-family:VT323 Fallback;src:local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono"),local("DejaVu Sans Mono"),local("Roboto Mono"),local("Droid Sans Mono");size-adjust:66.66%;ascent-override:120.01%;descent-override:30%;line-gap-override:0%}:root{--font-pixel: "Press Start 2P", "Press Start 2P Fallback", "Courier New", monospace;--font-crt: "VT323", "VT323 Fallback", "Courier New", monospace}.topbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:20px 24px 4px}.brand{font-family:var(--font-pixel);font-size:12px;color:var(--text)}.brand-tet{color:#e5322d}.mode{font-family:var(--font-pixel);font-size:9px;color:#f5c518}.controls{font-family:var(--font-crt);font-size:18px;color:#82828f}a.brand{text-decoration:none;color:inherit}a.brand:hover .brand-tet{color:#ff5a55}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;min-height:100%;padding:48px 24px}.menu-brand{margin:0;font-family:var(--font-pixel);font-size:clamp(20px,4vw,32px);letter-spacing:2px;color:var(--text)}.menu-list{display:flex;flex-direction:column;gap:14px;width:min(520px,100%)}.menu-item{display:grid;grid-template-columns:84px 1fr;grid-template-areas:"key name" "key note";align-items:center;gap:2px 18px;padding:18px 20px;text-decoration:none;background:#140a14b8;border:2px solid rgba(229,50,45,.6);border-left:0}.menu-item:hover,.menu-item:focus-visible{background:#28101ed9;border-color:#e5322df2;outline:none}.menu-key{grid-area:key;font-family:var(--font-pixel);font-size:10px;color:#f5c518;letter-spacing:1px}.menu-name{grid-area:name;font-family:var(--font-pixel);font-size:13px;color:var(--text)}.menu-note{grid-area:note;font-family:var(--font-crt);font-size:17px;color:#82828f}.lobby{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;min-height:0}.lobby-state{margin:0;font-family:var(--font-pixel);font-size:clamp(14px,2.4vw,20px);color:var(--text);text-align:center}.lobby-sub{margin:0 0 18px;font-family:var(--font-crt);font-size:18px;color:#82828f;text-align:center;max-width:46ch}.roster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;width:min(680px,100%)}.roster-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 12px;background:#05050ab3;border:1px solid rgba(255,255,255,.06);font-family:var(--font-pixel);font-size:10px;color:#d7d7e2}.roster-you{border-color:#e5322dcc;color:#fff}.roster-tag{font-size:8px;color:#f5c518}.roster-empty{color:#3a3a46;border-style:dashed}