:root{--bg: #0b0d17;--surface-1: #161a2b;--surface-2: #1f2540;--text: #f4f6ff;--text-muted: #8b93b8;--accent: #ff2e6d;--accent-support: #29e0ff;--success: #4dff88;--danger: #ff4d4d;--font-display: "Press Start 2P", "Courier New", monospace;--font-ui: "Space Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui)}#app{position:relative;display:flex;width:100%;height:100vh;overflow:hidden}#stage{width:100%;height:100%;display:block}#crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(#0000000a 0,#0000000a 1px,#0000 1px,#0000 2px),radial-gradient(ellipse at center,#0000 55%,#0000008c)}#hud{position:absolute;inset:0 0 auto 0;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 24px;pointer-events:none;z-index:2}.hud-panel{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-1);border:2px solid var(--accent);border-radius:2px;box-shadow:0 0 12px #ff2e6d59}.hud-panel--p2{border-color:var(--accent-support);box-shadow:0 0 12px #29e0ff59}.hud-label{font-family:var(--font-ui);font-size:12px;letter-spacing:.1em;color:var(--text-muted)}.hud-score{font-family:var(--font-ui);font-size:19px;letter-spacing:.15em;color:var(--text)}.hud-round{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:8px;text-align:center}.hud-round-label{font-family:var(--font-display);font-size:12px;color:var(--text);text-shadow:0 0 8px var(--accent-support)}.hud-phase-message{display:block;min-height:1em;font-family:var(--font-display);font-size:15px;color:var(--success);text-shadow:0 0 10px var(--success)}.mute-toggle{pointer-events:auto;margin-top:4px;padding:4px 10px;border:2px solid var(--text-muted);border-radius:2px;background:var(--surface-1);color:var(--text-muted);font-family:var(--font-ui);font-size:10px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease-out,background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}.mute-toggle:hover{color:var(--text);background:var(--surface-2)}.mute-toggle:active{transform:scale(.94)}.mute-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 10px var(--accent-support)}.mute-toggle[aria-pressed=true]{border-color:var(--accent-support);color:var(--accent-support)}@media (max-width: 480px){#hud{padding:8px 12px;gap:8px}.hud-panel{padding:6px 10px;gap:4px}.hud-label{font-size:10px}.hud-score{font-size:15px}.hud-round-label{font-size:10px}.hud-phase-message{font-size:12px}.mute-toggle{padding:3px 8px;font-size:9px}}#match-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b0d17bf;z-index:3}#match-overlay[hidden]{display:none}.match-overlay-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;background:var(--surface-1);border:2px solid var(--accent);border-radius:8px;box-shadow:0 0 24px var(--accent)}.ko-stamp{margin:0;padding:4px 16px;border:3px solid var(--danger);border-radius:2px;font-family:var(--font-display);font-size:19px;color:var(--danger);text-shadow:0 0 10px var(--danger);transform:rotate(-8deg);animation:stamp-in .28s 80ms ease-out both}@keyframes stamp-in{0%{opacity:0;transform:rotate(-8deg) scale(2.4)}60%{opacity:1;transform:rotate(-8deg) scale(.9)}to{opacity:1;transform:rotate(-8deg) scale(1)}}#match-overlay-title{margin:0;max-width:20ch;font-family:var(--font-display);font-size:24px;line-height:1.4;color:var(--text);text-align:center;text-shadow:0 0 12px var(--accent)}.match-overlay-stats{margin:0;font-family:var(--font-ui);font-size:15px;letter-spacing:.05em;color:var(--text-muted)}.match-overlay-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.particle{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px;animation:particle-burst .7s var(--particle-delay, 0ms) ease-out forwards}.particle--p1{background:var(--accent);box-shadow:0 0 6px var(--accent)}.particle--p2{background:var(--accent-support);box-shadow:0 0 6px var(--accent-support)}@keyframes particle-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--particle-dx),var(--particle-dy)) scale(.3);opacity:0}}@media (prefers-reduced-motion: reduce){.ko-stamp{animation:none}.particle{display:none}}#rematch-button{min-width:44px;min-height:44px;padding:12px 24px;border:2px solid var(--accent);border-radius:2px;background:var(--surface-2);color:var(--text);font-family:var(--font-ui);font-size:15px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease-out,background-color .15s ease-out,box-shadow .15s ease-out}#rematch-button:hover{background:var(--accent);color:var(--bg)}#rematch-button:active{transform:scale(.94)}#rematch-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 12px var(--accent)}#touch-controls{display:none}@media (max-width: 768px){#touch-controls{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;gap:16px;padding:16px;pointer-events:none}.touch-group{display:flex;gap:8px;pointer-events:auto}}.touch-btn{min-width:44px;min-height:44px;padding:8px 12px;border:2px solid var(--accent);border-radius:2px;background:var(--surface-1);color:var(--text);font-family:var(--font-ui);font-size:12px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease-out,background-color .12s ease-out,box-shadow .12s ease-out}.touch-btn--p2{border-color:var(--accent-support)}.touch-btn:hover{background:var(--surface-2)}.touch-btn:active{transform:scale(.94);background:var(--accent);color:var(--bg)}.touch-btn--p2:active{background:var(--accent-support)}.touch-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 12px var(--accent)}.touch-btn--p2:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 12px var(--accent-support)}@media (max-width: 420px){#touch-controls{gap:6px;padding:6px}.touch-group{gap:2px}.touch-btn{padding:4px 5px;font-size:10px;letter-spacing:.02em}}.about{position:relative;border-top:2px solid var(--surface-2);background:repeating-linear-gradient(#0000000a 0,#0000000a 1px,#0000 1px,#0000 2px),var(--bg)}.about-inner{max-width:900px;margin:0 auto;padding:56px 24px 72px}.about-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:var(--font-display);font-size:clamp(28px,5vw,38px);line-height:1.35;text-decoration:none}.wordmark-line{display:block}.wordmark-line--p1{color:var(--accent);text-shadow:0 0 12px rgba(255,46,109,.6)}.wordmark-line--p2{color:var(--accent-support);text-shadow:0 0 12px rgba(41,224,255,.6)}.about-tagline{max-width:60ch;margin:32px 0 0;font-size:19px;line-height:1.6;color:var(--text)}.about h2{margin:56px 0 20px;font-family:var(--font-display);font-size:19px;color:var(--text);text-transform:uppercase;text-shadow:0 0 10px rgba(41,224,255,.4)}.btn{display:inline-flex;align-items:center;min-height:44px;padding:12px 24px;border-radius:2px;font-family:var(--font-ui);font-size:14px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .15s ease-out,background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}.btn--primary{border:2px solid var(--accent);background:var(--accent);color:var(--bg)}.btn--primary:hover{background:var(--bg);color:var(--accent);box-shadow:0 0 16px var(--accent)}.btn:active{transform:scale(.96)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 12px var(--accent-support)}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none}.feature-list li{padding:20px;background:var(--surface-1);border:2px solid var(--surface-2);border-radius:2px;line-height:1.6;color:var(--text-muted)}.feature-list b{display:block;margin-bottom:6px;color:var(--text);font-weight:700}.about p{max-width:68ch;line-height:1.7;color:var(--text-muted)}.controls-grid{display:flex;flex-wrap:wrap;gap:24px}.controls-grid table{border-collapse:collapse;min-width:200px;background:var(--surface-1);border:2px solid var(--accent)}.controls-grid table.p2{border-color:var(--accent-support)}.controls-grid caption{padding:8px;font-family:var(--font-display);font-size:12px;color:var(--text);background:var(--surface-2);text-transform:uppercase}.controls-grid th,.controls-grid td{padding:8px 16px;border-top:1px solid var(--surface-2);font-size:14px;text-align:left}.controls-grid th{color:var(--text-muted);font-weight:400}.controls-grid td{color:var(--text);letter-spacing:.1em}.faq{margin:0}.faq dt{margin-top:20px;color:var(--text);font-weight:700}.faq dd{margin:8px 0 0;max-width:68ch;line-height:1.7;color:var(--text-muted)}.about-footer{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:56px;padding-top:24px;border-top:1px solid var(--surface-2);font-size:13px;color:var(--text-muted)}.about-footer a{color:var(--accent-support)}@media (max-width: 480px){.about-tagline{font-size:17px}}