:root{--bg: #070a14;--panel: #111729;--muted: #8a93ad;--fg: #e9eefb;--accent: #5ad6ff;--accent2: #ffce4d;--danger: #ff5277}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{display:flex;justify-content:center;padding:12px}.wrap{width:100%;max-width:760px}header h1{margin:0 0 2px;font-size:1.6rem;letter-spacing:.18em;color:var(--accent);text-shadow:0 0 12px rgba(90,214,255,.4)}header .tag{margin:0 0 10px;font-size:.74rem;line-height:1.4;color:var(--muted)}.bar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.spacer{flex:1}.seg{display:inline-flex;border:1px solid #283250;border-radius:8px;overflow:hidden}.seg button{background:var(--panel);color:var(--muted);border:0;padding:6px 12px;font-size:.74rem;cursor:pointer}.seg button.active{background:var(--accent);color:#06121a;font-weight:600}button.primary{background:var(--accent2);color:#1a1405;border:0;border-radius:8px;padding:6px 14px;font-weight:600;font-size:.78rem;cursor:pointer}.hud{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.box{background:var(--panel);border:1px solid #1d2640;border-radius:8px;padding:6px 10px;min-width:64px}.box.wide{flex:1;min-width:140px}.box .k{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.box b{font-size:1rem}.fuelbar{margin-top:4px;height:12px;background:#1d2640;border-radius:6px;overflow:hidden}.fuelbar i{display:block;height:100%;width:100%;background:var(--accent);transition:width .1s linear}.stage{position:relative;width:100%;border-radius:10px;overflow:hidden;border:1px solid #1d2640;background:#0a0f1e}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070a14c7}.overlay.hidden{display:none}.overlay .card{background:var(--panel);border:1px solid #283250;border-radius:12px;padding:20px 24px;text-align:center;max-width:320px}.overlay .card h2{margin:0 0 8px;color:var(--accent2)}.overlay .card p{font-size:.82rem;color:var(--muted);line-height:1.5;margin:0 0 14px}.pad{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}.pad button{background:var(--panel);border:1px solid #283250;color:var(--fg);border-radius:8px;padding:10px 0;font-size:.9rem;cursor:pointer;user-select:none;touch-action:none}.pad button.fire{background:#2a1830;color:var(--danger);font-size:.72rem;font-weight:600}.hint{font-size:.7rem;color:var(--muted);line-height:1.5}