:root{--bg: #0b0f1a;--panel: #141b2e;--ink: #e8ecf6;--muted: #8a96b3;--accent: #ffcf4d;--grid: #1f2942}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#app{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}h1{margin:0;font-size:22px;letter-spacing:4px;color:var(--accent)}.hud{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-variant-numeric:tabular-nums}.hud .stat{background:var(--panel);border:1px solid var(--grid);border-radius:8px;padding:6px 12px;font-size:14px}.hud .stat b{color:var(--accent)}canvas{background:var(--panel);border:1px solid var(--grid);border-radius:12px;touch-action:none}.help{color:var(--muted);font-size:13px;text-align:center;max-width:420px;line-height:1.5}.banner{font-size:18px;font-weight:700;color:var(--accent);min-height:22px}button.btn{background:var(--accent);color:#221a00;border:none;border-radius:8px;padding:8px 18px;font-size:15px;font-weight:700;cursor:pointer}