:root{--bg: #07060f;--panel: rgba(10, 8, 24, .86);--cyan: #5cf6ff;--magenta: #ff4fd8;--gold: #ffe566;--text: #f4f1ff;--muted: #9a93c4}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:radial-gradient(1200px 500px at 10% -10%,rgba(92,246,255,.16),transparent 55%),radial-gradient(900px 480px at 110% 10%,rgba(255,79,216,.18),transparent 50%),var(--bg);color:var(--text);font-family:Noto Sans SC,sans-serif;overflow:hidden}#app{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:16px 16px 12px}.hud{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(92,246,255,.5);border-radius:10px;color:var(--cyan);font-family:Orbitron,sans-serif;font-weight:800;box-shadow:0 0 18px #5cf6ff40}.brand h1{font-size:20px;letter-spacing:.08em}.brand p{font-family:Orbitron,sans-serif;font-size:11px;color:var(--muted);letter-spacing:.28em}.stats{display:flex;gap:10px}.stat{min-width:84px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08;text-align:right}.label{display:block;font-size:11px;color:var(--muted)}.stat span:last-child{font-family:Orbitron,sans-serif;font-size:20px;color:var(--cyan)}.stage{position:relative;width:min(92vw,78vh,720px);margin:0 auto;aspect-ratio:1}canvas{width:100%;height:100%;display:block;border-radius:18px;border:1px solid rgba(92,246,255,.28);box-shadow:0 0 0 1px #ff4fd81f,0 20px 60px #00000073;background:#05040c;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05040c8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px}.overlay.hidden{display:none}.panel{width:min(86%,360px);padding:28px 24px;border-radius:16px;background:var(--panel);border:1px solid rgba(92,246,255,.28);text-align:center}.kicker{font-family:Orbitron,sans-serif;letter-spacing:.4em;color:var(--magenta);font-size:12px}.panel h2{margin:10px 0 8px;font-size:28px}.panel p{color:var(--muted);line-height:1.6;margin-bottom:18px}button{border:0;border-radius:999px;padding:12px 28px;font:700 15px Noto Sans SC,sans-serif;color:#12081a;background:linear-gradient(90deg,var(--cyan),var(--gold));cursor:pointer;box-shadow:0 0 24px #5cf6ff59}button:hover{filter:brightness(1.08)}.help{display:flex;justify-content:center;gap:18px;color:var(--muted);font-size:12px;letter-spacing:.04em}@media(max-width:640px){.hud{flex-direction:column;align-items:flex-start}.help{flex-wrap:wrap;gap:8px 14px}}