@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--ink:#e9eefb;--dim:#8a93ad;--panel:#080c1a8c;--line:#a0beff2e;--red:#ff3b3b;--cyan:#3fe6ff;--amber:#ffb547}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#05070f;margin:0;font-family:Rajdhani,PingFang SC,Helvetica Neue,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:8px 14px}.label{letter-spacing:.18em;color:var(--dim);font-size:11px;font-weight:600}.value{font-size:20px;font-weight:700}.hud-top{gap:10px;display:flex;position:absolute;top:18px;left:18px}.hud-top .stat .value{font-size:18px}.speedo{text-align:right;min-width:150px;position:absolute;top:18px;right:18px}.speedo .speed{font-size:44px;font-weight:700;line-height:1}.hud-bottom{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.modes{gap:8px;display:flex}.mode{background:var(--panel);border:1px solid var(--line);letter-spacing:.12em;color:var(--dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:8px 16px 8px 40px;font-size:15px;font-weight:700;transition:all .2s;position:relative}.mode small{letter-spacing:.1em;font-size:11px;font-weight:500;display:block}.mode .key{border:1px solid;border-radius:6px;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.mode.on{color:#fff}.mode[data-mode=drive].on{border-color:var(--red);box-shadow:0 0 18px #ff3b3b73,inset 0 0 12px #ff3b3b33}.mode[data-mode=vacuum].on{border-color:var(--cyan);box-shadow:0 0 18px #3fe6ff73,inset 0 0 12px #3fe6ff33}.mode[data-mode=jet].on{border-color:#8fc8ff;box-shadow:0 0 18px #8fc8ff80,inset 0 0 12px #8fc8ff33}.bars{gap:16px;display:flex}.bar{letter-spacing:.16em;color:var(--dim);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.bar .track{background:#ffffff14;border-radius:3px;width:160px;height:6px;overflow:hidden}.bar .fill{border-radius:3px;width:100%;height:100%;transition:width 80ms linear}.bar.fan .fill{background:linear-gradient(90deg, #138aa8, var(--cyan));box-shadow:0 0 10px var(--cyan)}.bar.fuel .fill{background:linear-gradient(90deg,#3a6ec2,#9fd0ff);box-shadow:0 0 10px #8fc8ff}.bar .fill.low{background:var(--red);box-shadow:0 0 10px var(--red)}.help{color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:13px;line-height:1.7;position:absolute;bottom:20px;left:18px}.help b{color:var(--ink)}.hidden{display:none!important}#hud:not(.playing) .hud-top,#hud:not(.playing) .speedo,#hud:not(.playing) .hud-bottom,#hud:not(.playing) .help{opacity:0}.toast{letter-spacing:.14em;opacity:0;text-shadow:0 0 24px;white-space:nowrap;font-size:34px;font-weight:700;position:absolute;top:18%;left:50%;transform:translate(-50%,10px)}.toast.show{animation:1.8s forwards toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,14px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-8px)}}.overlay{pointer-events:auto;background:radial-gradient(at 50% 60%,#05081433,#03050cc7);place-items:center;display:grid;position:absolute;inset:0}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c1ab8;border-radius:18px;width:min(620px,100vw - 32px);padding:34px 38px;box-shadow:0 30px 80px #00000080}.eyebrow{letter-spacing:.3em;color:var(--red);font-size:12px;font-weight:700}.card h1{letter-spacing:.08em;margin:6px 0 10px;font-size:64px;font-weight:700;line-height:1}.card h1 span{color:var(--red);margin-left:14px}.card p{color:#b7c0d8;margin:0 0 20px;font-size:17px}.paints{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.swatch{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;display:flex}.swatch i{background:radial-gradient(circle at 35% 30%, #ffffffb3, var(--c) 45%, #000 120%);border-radius:50%;width:20px;height:20px}.swatch.on{background:#ffffff1a;border-color:#fff}.start{color:#fff;width:100%;font:inherit;letter-spacing:.14em;cursor:pointer;background:linear-gradient(90deg,#d4121b,#ff4b3b);border:0;border-radius:12px;padding:14px;font-size:20px;font-weight:700;box-shadow:0 10px 30px #ff282859}.keys{color:var(--dim);grid-template-columns:repeat(3,1fr);gap:6px 12px;margin-top:20px;font-size:14px;display:grid}.keys b{color:var(--ink);margin-right:6px}.results{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 24px;display:grid}.results div{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;padding:12px 16px}.results span{color:var(--dim);letter-spacing:.1em;font-size:13px;display:block}.results b{font-size:28px}.results .rank{color:var(--amber);font-size:36px}.fade{opacity:0;background:#000;transition:opacity .35s;position:absolute;inset:0}.fade.on{opacity:.85}@media (width<=720px){.card h1{font-size:44px}.help{display:none}.bar .track{width:90px}.hud-top .stat:last-child{display:none}}