:root{--bg-0:#050814;--bg-1:#101935;--ink:#e8f1ff;--muted:#93a4c7;--cyan:#39ffc4;--cyan-2:#7cf9ff;--magenta:#ff4d6d;--panel:#0a1024b8;--line:#7cf9ff38;--danger:#ff6b9d;--ok:#39ffc4;--font-display:"Orbitron", "Segoe UI", sans-serif;--font-body:"Rajdhani", "Trebuchet MS", sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 20% -10%, #39ffc41f, transparent 55%), radial-gradient(900px 500px at 90% 10%, #c77dff24, transparent 50%), linear-gradient(180deg, var(--bg-0), var(--bg-1) 55%, #160d28);min-height:100%;color:var(--ink);font-family:var(--font-body);margin:0}body{min-height:100vh}#app{width:min(1100px,100%);margin:0 auto;padding:1.25rem 1rem 2rem}.shell{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.25rem;display:grid}.brand{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:.25rem;display:flex}.brand h1{font-family:var(--font-display);letter-spacing:.08em;color:var(--cyan-2);text-shadow:0 0 24px #39ffc459;margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.brand p{color:var(--muted);letter-spacing:.04em;margin:0;font-size:1.05rem}.stage{border:1px solid var(--line);background:#00000059;position:relative;overflow:hidden;box-shadow:0 0 0 1px #39ffc414,0 20px 60px #00000073}.hud{z-index:2;pointer-events:none;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#050814bf,#0000);justify-content:space-between;gap:.75rem;padding:.65rem .8rem;font-size:.85rem;display:flex;position:absolute;inset:0 0 auto}.hud span strong{color:var(--cyan);font-weight:700}canvas[data-testid=game-canvas]{aspect-ratio:480/720;background:#070b1a;width:100%;height:auto;display:block}.controls{flex-wrap:wrap;gap:.6rem;margin-top:.85rem;display:flex}button,.btn{appearance:none;border:1px solid var(--line);color:var(--ink);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#39ffc429,#39ffc40d);padding:.7rem 1rem;font-size:.78rem;transition:transform .12s,border-color .12s,background .12s}button:hover,.btn:hover{border-color:var(--cyan);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem}.panel h2{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-2);margin:0 0 .75rem;font-size:.95rem}.hint{color:var(--muted);margin:0 0 .85rem;font-size:.98rem;line-height:1.35}.leaderboard{min-height:12rem;margin:0;padding:0;list-style:none}.leaderboard li{border-bottom:1px solid #ffffff0f;grid-template-columns:2rem 1fr auto;gap:.5rem;padding:.45rem 0;font-size:1.05rem;display:grid}.leaderboard .rank{color:var(--muted);font-family:var(--font-display);padding-top:.2rem;font-size:.75rem}.leaderboard .score{color:var(--cyan);font-family:var(--font-display);font-size:.85rem}.status{min-height:1.3rem;color:var(--muted);margin:.5rem 0 .75rem;font-size:.95rem}.status.error{color:var(--danger)}.status.ok{color:var(--ok)}.form-row{gap:.5rem;display:grid}label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.85rem}input[data-testid=player-name]{border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-body);background:#00000059;padding:.65rem .7rem;font-size:1.1rem}input[data-testid=player-name]:focus{outline:1px solid var(--cyan)}.touch{-webkit-user-select:none;user-select:none;touch-action:none;gap:.55rem;margin-top:.85rem;display:none}.touch .pad{flex:1;grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.touch button{min-height:3rem;font-size:.7rem}.touch .fire{background:linear-gradient(#ff4d6d47,#ff4d6d14);border-color:#ff4d6d73;flex:.7;min-height:100%}@media (width<=860px){.shell{grid-template-columns:1fr}.touch{display:flex}}@media (width<=560px){#app{padding:.75rem .65rem 1.5rem}.brand h1{letter-spacing:.05em}}