*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #161618;--chip: rgba(22, 22, 24, .78);--chip-border: rgba(255, 255, 255, .09);--text: #f3f1ee;--text-dim: rgba(243, 241, 238, .62);--grad: linear-gradient(90deg, #a78bfa, #f472b6, #fb923c);--accent: #f472b6;font-family:Quicksand,system-ui,sans-serif}html,body,#app{height:100%;overflow:hidden;background:var(--ink);color:var(--text)}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.loading{position:fixed;inset:0;display:grid;place-content:center;gap:18px;justify-items:center;background:var(--ink);z-index:30;transition:opacity .5s ease}.loading.gone{opacity:0;pointer-events:none}.loading p{font-size:15px;font-weight:500;letter-spacing:.04em;color:var(--text-dim)}.loading-car{width:74px;height:30px;position:relative;animation:carbounce .7s ease-in-out infinite}.loading-car:before{content:"";position:absolute;inset:0 0 8px;border-radius:8px 12px 4px 4px;background:#2c3140;box-shadow:26px 2px 22px 2px #ffe2a059}.loading-car:after{content:"";position:absolute;bottom:0;left:10px;width:12px;height:12px;border-radius:50%;background:#35313d;box-shadow:40px 0 #35313d}@keyframes carbounce{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-5px) rotate(1.2deg)}}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.topbar{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:center;gap:16px;pointer-events:none}.topbar .brand{display:flex;align-items:center;gap:9px;background:var(--chip);border:1px solid var(--chip-border);border-radius:999px;padding:8px 16px 8px 10px;backdrop-filter:blur(10px);pointer-events:auto}.topbar .brand img{width:22px;height:22px;display:block}.topbar .brand .home{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-weight:600;font-size:14.5px}.topbar .brand .home:hover span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar .brand .tld{color:var(--text-dim);font-weight:500}.topbar .brand .sep{color:var(--text-dim);font-size:13px}.topbar .brand .crumb{font-size:14.5px;font-weight:600;letter-spacing:.01em}.topbar .tag{font-size:13px;color:var(--text-dim);font-weight:500;letter-spacing:.02em}.topbar .tools{margin-left:auto;display:flex;gap:8px;pointer-events:auto}.topbar .tools button,.topbar .tools a{display:flex;align-items:center;gap:7px;background:var(--chip);border:1px solid var(--chip-border);color:var(--text);border-radius:999px;padding:9px 15px;font:600 13.5px/1 Quicksand,sans-serif;letter-spacing:.02em;cursor:pointer;backdrop-filter:blur(10px);transition:border-color .2s ease,transform .15s ease}.topbar .tools button:hover,.topbar .tools a:hover{border-color:var(--accent);transform:translateY(-1px)}.topbar .tools .glyph{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:15px}.dash{position:absolute;left:20px;bottom:20px;display:flex;align-items:flex-end;gap:14px}.dial{display:flex;align-items:baseline;gap:7px;background:var(--chip);border:1px solid var(--chip-border);border-radius:18px;padding:12px 18px;backdrop-filter:blur(10px)}.dial .speed{font-size:40px;font-weight:700;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums;line-height:1}.dial .unit{font-size:13px;font-weight:600;color:var(--text-dim)}.beams{display:flex;align-items:center;gap:8px;background:var(--chip);border:1px solid var(--chip-border);color:var(--text-dim);border-radius:16px;padding:12px 16px;font:600 13px/1.2 Quicksand,sans-serif;letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(10px);transition:border-color .2s ease,color .2s ease}.beams:hover{border-color:var(--accent)}.beams .beam-glyph{font-size:14px;color:#ffe2a08c;letter-spacing:-.05em}.beams.high{color:#ffe2a0;border-color:#ffe2a073}.beams.high .beam-glyph{color:#ffe2a0;text-shadow:0 0 10px rgba(255,226,160,.7)}.seat{display:flex;align-items:center;gap:8px;background:var(--chip);border:1px solid var(--chip-border);color:var(--text-dim);border-radius:16px;padding:12px 16px;font:600 13px/1.2 Quicksand,sans-serif;letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(10px);transition:border-color .2s ease,color .2s ease}.seat:hover{border-color:var(--accent)}.seat .glyph{font-size:14px;filter:saturate(.8)}.dash.afoot .seat{color:var(--text);border-color:var(--accent)}.prompt{position:absolute;bottom:108px;left:50%;transform:translate(-50%);background:var(--chip);border:1px solid var(--chip-border);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;color:var(--text);letter-spacing:.02em;white-space:nowrap;backdrop-filter:blur(10px)}.prompt kbd{display:inline-block;background:#ffffff1a;border-radius:5px;padding:2px 6px;margin:0 1px;font:600 11.5px Quicksand,sans-serif;color:var(--text)}.damage{display:grid;gap:7px;background:var(--chip);border:1px solid var(--chip-border);border-radius:16px;padding:11px 15px 13px;backdrop-filter:blur(10px);min-width:168px}.dmg-label{font-size:12.5px;font-weight:600;color:var(--text-dim);letter-spacing:.05em}.dmg-label b{color:var(--text);font-variant-numeric:tabular-nums}.dmg-bar{display:block;height:7px;border-radius:99px;background:#ffffff1a;overflow:hidden}.dmg-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--grad);transition:width .25s ease}.dmg-bar i.hot{animation:throb .9s ease-in-out infinite}@keyframes throb{50%{filter:brightness(1.45)}}.dmg-shed{font-size:12px;font-weight:600;color:var(--accent)}.toasts{position:absolute;top:84px;left:50%;transform:translate(-50%);display:grid;gap:8px;justify-items:center}.toast{background:var(--chip);border:1px solid var(--chip-border);border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:600;letter-spacing:.02em;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease;backdrop-filter:blur(10px)}.toast.in{opacity:1;transform:none}.hint{position:absolute;bottom:26px;right:20px;background:var(--chip);border:1px solid var(--chip-border);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:500;color:var(--text-dim);letter-spacing:.02em;white-space:nowrap;backdrop-filter:blur(10px);transition:opacity .8s ease}.hint kbd{display:inline-block;background:#ffffff1a;border-radius:5px;padding:2px 6px;margin:0 1px;font:600 11.5px Quicksand,sans-serif;color:var(--text)}.hint.fade{opacity:0}@media(pointer:coarse){.hint{right:auto;left:50%;transform:translate(-50%);bottom:172px}.dash{left:auto;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:flex-end;gap:8px}}.touchpads{position:absolute;inset:auto 0 0;pointer-events:none}.joystick{position:absolute;left:calc(20px + env(safe-area-inset-left,0px));bottom:calc(26px + env(safe-area-inset-bottom,0px));pointer-events:auto}.stick{position:relative;width:132px;height:132px;border-radius:50%;border:1px solid var(--chip-border);background:var(--chip);backdrop-filter:blur(10px);touch-action:none;display:grid;place-items:center;transition:border-color .15s ease}.stick.held{border-color:var(--accent)}.stick-ring{position:absolute;inset:16px;border-radius:50%;border:1px dashed rgba(255,255,255,.14)}.stick-knob{width:54px;height:54px;border-radius:50%;background:var(--grad);box-shadow:0 4px 14px #00000073;will-change:transform}@media(max-width:760px){.topbar .tag,.topbar .tools .label{display:none}.dial .speed{font-size:30px}.damage{min-width:128px}}
