:root{--bg: #0a0e16;--panel: #131a28;--ink: #e8eef7;--muted: #8aa0bf;--accent: #ffcc33;--danger: #ff4d4d;--road: #1c2740;--wall: #4a5d86}*{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-font-smoothing:antialiased}#app{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px;min-height:100%}h1{margin:0;font-size:22px;letter-spacing:3px;color:var(--accent);text-transform:uppercase}.hud{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-variant-numeric:tabular-nums;font-size:15px}.hud .k{color:var(--muted);margin-right:5px;text-transform:uppercase;font-size:11px;letter-spacing:1px}.stage{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;justify-content:center}canvas{background:#05080f;border:2px solid #243049;border-radius:6px;image-rendering:pixelated;touch-action:none}.side{display:flex;flex-direction:column;gap:10px;width:200px}.fuelwrap{background:var(--panel);border-radius:6px;padding:8px 10px}.fuelbar{height:14px;background:#07101e;border-radius:7px;overflow:hidden;border:1px solid #243049}.fuelfill{height:100%;background:linear-gradient(90deg,#ff4d4d,#fc3,#6cff8a);transition:width .08s linear}.help{font-size:12px;color:var(--muted);line-height:1.6;background:var(--panel);padding:10px 12px;border-radius:6px}.help b{color:var(--ink)}button{font:inherit;background:var(--accent);color:#1a1206;border:0;border-radius:6px;padding:9px 14px;font-weight:700;cursor:pointer;letter-spacing:.5px}button:hover{filter:brightness(1.08)}.diff{display:flex;gap:6px}.diff button{flex:1;background:#25324d;color:var(--ink);padding:7px 0;font-size:12px}.diff button.on{background:var(--accent);color:#1a1206}.overlay{position:relative}.banner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#05080fdb;border-radius:6px;text-align:center}.banner h2{margin:0;font-size:28px;letter-spacing:2px}.banner.win h2{color:#6cff8a}.banner.lose h2{color:var(--danger)}.hidden{display:none!important}