:root{--bg: #06080f;--panel: #0e1424;--muted: #8190b5;--fg: #e9eefb;--accent: #5ad6ff;--air: #ffce4d;--ground: #ff7a59;--sol: #7CFFB2}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 800px at 50% -10%,#131c33,var(--bg));color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:560px;margin:0 auto;padding:14px 14px 36px}header h1{margin:0;font-size:1.6rem;letter-spacing:.22em;font-weight:800;background:linear-gradient(90deg,var(--accent),#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}.tag{margin:4px 0 10px;font-size:.74rem;color:var(--muted);line-height:1.4}.hud{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0}.box{background:var(--panel);border:1px solid #1d2742;border-radius:8px;padding:6px 8px;text-align:center}.box .k{font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.box b{font-size:1rem}.stage{position:relative;display:flex;justify-content:center}canvas{width:100%;max-width:400px;background:#03050c;border:1px solid #1d2742;border-radius:10px;touch-action:none;image-rendering:pixelated}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#03050cc7;border-radius:10px}.overlay.hidden{display:none}.card{background:var(--panel);border:1px solid #2a3658;border-radius:12px;padding:18px 22px;text-align:center;max-width:80%}.card h2{margin:0 0 6px}.card p{font-size:.82rem;color:var(--muted);margin:4px 0 14px}button.primary{background:linear-gradient(90deg,var(--accent),#6aa6ff);color:#03101c;border:0;border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer}.hint{font-size:.72rem;color:var(--muted);line-height:1.5;margin-top:12px}.hint b{color:var(--fg)}.keys{display:inline-block;background:#11192e;border:1px solid #25324f;border-radius:5px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:.68rem;color:var(--accent)}.bar{display:flex;align-items:center;gap:8px;margin:6px 0}.spacer{flex:1}