:root{--bg: #06080f;--panel: #0e1424;--ink: #d7e3ff;--accent: #5ad6ff;--warn: #ff6b5a;--fuel: #ffce4d;--good: #6bff8b}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#app{display:flex;flex-direction:column;align-items:center;height:100%;gap:8px;padding:8px}h1{margin:4px 0 0;font-size:20px;letter-spacing:4px;color:var(--accent);text-shadow:0 0 12px rgba(90,214,255,.5)}.hud{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-variant-numeric:tabular-nums;font-size:14px}.hud .k{color:#8aa0c8;margin-right:4px}.stage{position:relative;width:min(92vw,560px);aspect-ratio:3 / 4;border:1px solid #1d2942;border-radius:8px;background:linear-gradient(180deg,#0a1530,#05070e);overflow:hidden}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#04070ed1;text-align:center;padding:20px}.overlay.hidden{display:none}.overlay h2{margin:0;font-size:26px;color:var(--accent)}.overlay p{margin:0;max-width:360px;line-height:1.5;color:#aebbd6;font-size:13px}button{background:var(--accent);color:#04121a;border:none;border-radius:6px;padding:10px 22px;font-size:15px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.1)}.hint{font-size:12px;color:#6f81a6}.bar{width:220px;height:12px;background:#11192c;border:1px solid #243150;border-radius:6px;overflow:hidden}