:root{--bg: #0b0e16;--panel: #141a28;--ink: #e8edf7;--muted: #8b95ad;--accent: #ffcf3a;--danger: #ff5a5a;--air: #46d3ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1a2236,var(--bg));color:var(--ink);display:flex;justify-content:center}#app{width:100%;max-width:560px;padding:16px;text-align:center}h1{margin:4px 0 2px;font-size:28px;letter-spacing:1px}h1 .em{color:var(--accent)}.sub{color:var(--muted);margin:0 0 12px;font-size:13px}.bar{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:10px}.bar label{font-size:12px;color:var(--muted);display:flex;gap:4px;align-items:center}select,button{background:var(--panel);color:var(--ink);border:1px solid #2a3450;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}button.primary{background:var(--accent);color:#14110a;font-weight:700;border:none}button:active{transform:translateY(1px)}.hud{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-variant-numeric:tabular-nums}.hud .stat{font-size:13px;color:var(--muted)}.hud .stat b{color:var(--ink);font-size:16px}.gauges{flex:1;display:flex;flex-direction:column;gap:4px}.airbar,.heatbar{height:12px;background:#0a1422;border:1px solid #1e3a52;border-radius:7px;overflow:hidden}.airbar>i{display:block;height:100%;background:linear-gradient(90deg,#2aa3d4,var(--air));width:100%;transition:width 80ms linear}.airbar.low>i{background:linear-gradient(90deg,#c43b3b,var(--danger))}.heatbar{border-color:#4a2a18;background:#160d08}.heatbar>i{display:block;height:100%;background:linear-gradient(90deg,#c87a2a,#ff9a3a);width:0%;transition:width 80ms linear}.heatbar.hot>i{background:linear-gradient(90deg,#ff7a1e,#ff4d1a)}.heatbar.overheat{border-color:var(--danger);animation:heatpulse .5s ease-in-out infinite alternate}.heatbar.overheat>i{background:linear-gradient(90deg,#ff3b1a,#ffce3a)}@keyframes heatpulse{0%{box-shadow:0 0 #ff5a5a00}to{box-shadow:0 0 8px 1px #ff5a5acc}}canvas{background:#06090f;border:1px solid #232c44;border-radius:10px;width:100%;height:auto;touch-action:none}.foot{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.5}.foot kbd{background:#1d263c;border:1px solid #33405f;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px}.overlay{margin-top:10px;padding:10px;border-radius:10px;background:var(--panel);border:1px solid #2a3450;display:none}.overlay.show{display:block}.overlay h2{margin:0 0 6px}.overlay.dead h2{color:var(--danger)}