:root{color:#f6f8fb;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f6f8fb;--muted:#9ca8ba;--panel:#050a12d1;--panel-strong:#08111ff0;--line:#e2e8f02e;--orange:#ff7300;--orange-soft:#ff73002e;--navy:#0b2b54;background:#050a12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,kbd{font:inherit}#game{cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.topbar{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 26px;display:flex;position:fixed;inset:0 0 auto}.eyebrow{color:var(--orange);letter-spacing:.18em;margin:0 0 5px;font-size:11px;font-weight:800}h1{letter-spacing:-.025em;margin:0;font-size:clamp(18px,2.5vw,28px);line-height:1.05}.status-cluster{gap:8px;display:flex}.status-pill{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px}.telemetry{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;width:190px;padding:16px;position:fixed;top:96px;right:26px}.speed{align-items:baseline;gap:7px;margin-bottom:14px;display:flex}.speed strong{font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:38px;line-height:1}.speed span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}dl{gap:7px;margin:0;display:grid}dl div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:7px;display:flex}dt,dd{margin:0;font-size:11px}dt{color:var(--muted)}dd{text-align:right;font-weight:700}.track-picker{gap:7px;width:min(330px,100vw - 52px);display:grid;position:fixed;bottom:58px;left:26px}.track-button{border:1px solid var(--line);color:var(--ink);background:var(--panel);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:11px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;column-gap:10px;padding:10px 12px;transition:border-color .14s,background .14s,transform .14s;display:grid}.track-button:hover{border-color:#ff73008c;transform:translate(3px)}.track-button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.track-button.is-active{background:var(--panel-strong);border-color:var(--orange)}.track-button>span{color:var(--orange);letter-spacing:.08em;grid-row:1/3;align-self:center;font-size:11px;font-weight:900}.track-button strong{font-size:12px}.track-button small{color:var(--muted);margin-top:2px;font-size:10px}.controls{max-width:min(670px,100vw - 52px);color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:10px 14px;font-size:10px;display:flex;position:fixed;bottom:22px;right:26px}kbd{border:1px solid var(--line);min-width:20px;height:20px;color:var(--ink);background:var(--panel-strong);border-bottom-color:#e2e8f066;border-radius:5px;place-items:center;margin-right:3px;font-size:9px;font-weight:800;display:inline-grid}.notice{border:1px solid var(--line);color:var(--ink);background:var(--panel-strong);opacity:0;pointer-events:none;border-radius:999px;padding:9px 13px;font-size:11px;transition:opacity .18s,transform .18s;position:fixed;top:24px;left:50%;transform:translate(-50%,-12px)}.notice.is-visible{opacity:1;transform:translate(-50%)}.loading{background:#050a12;place-content:center;justify-items:center;gap:12px;transition:opacity .28s;display:grid;position:fixed;inset:0}.loading.is-hidden{opacity:0;pointer-events:none}.loading-mark{border:2px solid var(--orange);width:56px;height:56px;color:var(--orange);border-radius:17px;place-items:center;font-size:25px;font-weight:900;display:grid}.loading p{color:var(--muted);margin:0;font-size:12px}@media (max-width:720px){.telemetry{width:156px;top:82px;right:14px}.track-picker{width:min(286px,100vw - 28px);bottom:14px;left:14px}.controls{display:none}.topbar{padding:16px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.vehicle-picker{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:8px;width:230px;padding:14px;display:grid;position:fixed;top:96px;left:26px}.vehicle-options{gap:6px;margin-bottom:4px;display:flex}.vehicle-options button{border:1px solid var(--line);background:var(--panel-strong);color:var(--ink);cursor:pointer;border-radius:7px;flex:1;padding:8px 12px}.vehicle-options button.is-active{border-color:var(--orange);background:var(--orange-soft)}.vehicle-options button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.vehicle-picker small{color:var(--muted);font-size:10px}@media (max-width:720px){.vehicle-picker{width:174px;padding:10px;top:82px;left:14px}}@media (max-width:380px){.telemetry{width:128px}.vehicle-picker{width:154px}}.vehicle-options button:disabled{opacity:.38;cursor:not-allowed}#boost-status{color:#ffc27f;letter-spacing:.06em}#boost-status.is-boosting{color:#78e5ff}.sound-controls{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:7px;padding-top:8px;display:grid}.sound-controls button{color:var(--ink);border:1px solid var(--line);background:var(--panel-strong);cursor:pointer;border-radius:5px;padding:5px 7px;font-size:10px}.sound-controls label{color:var(--muted);text-align:right;font-size:10px}.sound-controls input{width:100%;accent-color:var(--orange);grid-column:1/-1}.sound-controls :focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media (max-height:740px){.vehicle-picker{gap:5px;padding:10px;top:78px}.track-picker{gap:4px;bottom:50px}.track-button{padding:7px 10px}}@media (max-height:580px){.track-picker{width:220px;bottom:45px;left:auto;right:16px}.telemetry{display:none}}.salt-world h1{color:#1c354b;text-shadow:0 1px 8px #fff9}.salt-world .eyebrow{color:#a74408}.salt-world .controls{color:#324655}#game{cursor:default}#game.is-orbiting{cursor:grabbing}.status-cluster{flex-wrap:wrap;justify-content:flex-end;max-width:380px}@media (max-width:720px){.status-cluster{gap:4px;max-width:180px}.telemetry{top:110px}}.drive-mode-label{color:var(--muted);border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:8px;padding-top:7px;font-size:10px;display:grid}.drive-mode-label select{min-width:0;color:var(--ink);border:1px solid var(--line);font:inherit;background:#111e2b;border-radius:5px;padding:5px}#cruise-settings:not([hidden]){gap:6px;display:grid}#cruise-settings label{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}#cruise-settings output{color:var(--ink)}#cruise-speed{width:100%;accent-color:var(--orange);margin:0}#cruise-toggle{border:1px solid var(--orange);color:var(--ink);background:var(--orange-soft);font:inherit;cursor:pointer;border-radius:5px;padding:7px;font-size:11px}.drive-mode-label select:focus-visible,#cruise-settings :focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media (max-height:820px){.track-picker{width:240px;bottom:60px;left:auto;right:16px}.telemetry{width:170px;padding:10px}.vehicle-picker{max-height:calc(100vh - 140px);overflow-y:auto}}@media (max-width:500px){.vehicle-picker{width:174px}.track-picker{width:170px;bottom:14px;left:auto;right:14px}.track-button{grid-template-columns:24px 1fr;gap:3px;padding:8px}.track-button small{display:none}}html,body,#app{overscroll-behavior:none}#game{touch-action:none;cursor:grab}#game:focus-visible{outline:none}.controls{max-width:min(600px,100vw - 630px);right:276px}.track-picker{left:max(16px, env(safe-area-inset-left));right:auto;bottom:max(58px, env(safe-area-inset-bottom));width:310px}.drive-dock{z-index:3;right:max(18px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:218px;position:fixed}.drive-tools{gap:8px;margin:0 0 9px;display:flex}.drive-tools button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:9px;flex:1;font-size:11px}.drive-pad{touch-action:none;cursor:grab;background:radial-gradient(circle at 45% 35%,#31475cf5,#07111ef5);border:1px solid #8fa5bd99;border-radius:50%;width:218px;height:218px;position:relative;box-shadow:0 10px 35px #0003,inset 0 2px 1px #ffffff38,inset 0 -5px 8px #0009}.drive-pad.is-held{cursor:grabbing;border-color:#ffc18a}.drive-pad>*{pointer-events:none}.stick-well{background:radial-gradient(circle,#020a13 15%,#0d1c2c 65%,#31465a);border-radius:50%;position:absolute;inset:18%;box-shadow:inset 0 4px 12px #000a,0 1px 1px #fff3}.stick-well:after{content:"";border:1px dashed #7890a044;border-radius:50%;position:absolute;inset:24%}.stick-knob{will-change:transform;width:36%;height:36%;position:absolute;top:32%;left:32%}.stick-ball{background:radial-gradient(circle at 30% 24%,#eff6fc 0%,#acbed0 16%,#526f8b 46%,#20364d 72%,#091625 100%);border-radius:50%;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:5px 12px 14px #0008,inset 0 1px 2px #fff9,inset -3px -6px 8px #0007}.stick-ball:after{content:"";background:radial-gradient(at 29% 22%,#fff8,#0000 38%);border-radius:50%;position:absolute;inset:0}.stick-meridians{transform-style:preserve-3d;transform:rotateX(var(--roll-x,0deg)) rotateY(var(--roll-y,0deg));position:absolute;inset:0}.stick-meridians:before,.stick-meridians:after{content:"";border:3px solid #f29a54bb;border-radius:50%;position:absolute;inset:6% 25%}.stick-meridians:after{border-width:2px;border-color:#d5e4ee88;inset:25% 6%}.stick-label{color:#c7d6e5;letter-spacing:.08em;font-size:9px;font-weight:800;position:absolute}.stick-north{top:9%;left:50%;transform:translate(-50%)}.stick-south{white-space:nowrap;font-size:8px;bottom:9%;left:50%;transform:translate(-50%)}.stick-west{top:47%;left:9%}.stick-east{top:47%;right:9%}.stick-help{text-align:center;color:var(--ink);background:var(--panel);border-radius:5px;margin:8px 0 0;padding:5px;font-size:10px}.nitro-dock{z-index:3;left:max(24px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;position:fixed}#nitro-button{color:#ffe6c8;width:112px;height:112px;font:inherit;letter-spacing:.08em;touch-action:none;-webkit-touch-callout:none;cursor:pointer;background:radial-gradient(circle at 35% 25%,#b46736,#583019 55%,#271910);border:2px solid #e9a05e;border-radius:50%;align-content:center;gap:6px;font-size:16px;font-weight:850;display:grid;box-shadow:0 8px 22px #0004,inset 0 2px 3px #fff4,inset 0 -5px 8px #0007}#nitro-button small{letter-spacing:.16em;font-size:9px;font-weight:500}#nitro-button.is-held{background:radial-gradient(circle at 40% 30%,#cf833b,#7d3d18);box-shadow:inset 0 3px 10px #0008}#nitro-button.is-boosting{color:#c2faff;border-color:#88efff;box-shadow:0 0 22px #49dfff55,inset 0 1px 4px #fff4}#nitro-button:disabled{opacity:.35;cursor:default}.drive-pad:focus-visible,#nitro-button:focus-visible,.drive-tools button:focus-visible{outline-offset:3px;outline:2px solid #ffb36b}.touch-hint{text-align:center;color:var(--muted);margin:7px 0 0;font-size:10px;display:none}@media (max-height:850px),(max-width:1100px){.track-picker{width:min(460px,100vw - 280px);bottom:max(14px, env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:5px}.track-button{grid-template-columns:27px 1fr;min-height:48px;padding:8px}.track-button small{display:none}.vehicle-picker{overscroll-behavior:contain;max-height:calc(100dvh - 235px);top:82px;left:16px;overflow-y:auto}.controls{display:none}.telemetry{width:164px;top:82px;right:18px}}@media (pointer:coarse){.vehicle-options button,.drive-mode-label select,.sound-controls button,#cruise-toggle{min-height:44px}.sound-controls input,#cruise-speed{height:28px}.vehicle-picker{width:230px;max-height:calc(100dvh - 245px);overflow-y:auto}.touch-hint{color:#d2deeb;background:var(--panel);border-radius:5px;padding:5px;display:block}.controls{display:none}}@media (max-width:640px){.topbar{gap:10px}h1{max-width:220px;font-size:18px}.vehicle-picker{width:180px;max-height:calc(100dvh - 340px);padding:9px;left:10px}.telemetry{width:128px;padding:10px;right:10px}.telemetry .speed strong{font-size:30px}.telemetry dl{display:none}.telemetry .speed{margin:0}.track-picker{grid-template-columns:1fr;width:calc(100vw - 235px);min-width:140px;left:10px}.track-button{grid-template-columns:23px 1fr;gap:4px}.track-button strong{font-size:10px}.drive-dock{width:202px;right:10px}.drive-pad{width:202px;height:202px}}@media (max-height:560px){.telemetry{display:none}.drive-dock{width:190px;bottom:8px}.drive-pad{width:190px;height:190px}.drive-tools{margin-bottom:5px}.touch-hint{display:none}}.track-picker{left:164px;right:256px;bottom:max(18px, env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;width:auto;max-width:500px}.track-button{min-height:48px}.track-button small{display:none}.controls{justify-content:center;max-width:none;bottom:133px;left:280px;right:270px}@media (max-width:640px){.track-picker{grid-template-columns:1fr;min-width:0;bottom:161px;left:10px;right:225px}.nitro-dock{bottom:27px;left:22px}#nitro-button{width:102px;height:102px}.vehicle-picker{max-height:calc(100dvh - 465px)}}@media (max-height:560px){.stick-help{display:none}.track-picker{bottom:10px;left:152px;right:228px}.vehicle-picker{max-height:calc(100dvh - 198px)}}:root,:root[data-theme=salt]{--surface:#142333;--accent:#ff790d;--border:#61758a;--text:#edf3fa;--radius:12px;--roughness:.72;--metalness:.12}:root[data-theme=material]{--surface:#e9e4f5;--accent:#6750a4;--border:#9284ad;--text:#211b32;--radius:22px;--roughness:.68;--metalness:.06}:root[data-theme=shadcn]{--surface:#202123;--accent:#e9ecf0;--border:#56595e;--text:#fafafa;--radius:6px;--roughness:.82;--metalness:.08}:root{color:var(--text);--ink:var(--text);--orange:var(--accent);--line:var(--border);--muted:var(--border);--panel:var(--surface);--panel-strong:var(--surface);--orange-soft:var(--surface)}@supports (background:color-mix(in srgb, white, black)){:root{--muted:color-mix(in srgb, var(--text) 66%, var(--surface));--panel:color-mix(in srgb, var(--surface) 92%, transparent);--orange-soft:color-mix(in srgb, var(--accent) 18%, transparent)}}#boost-status,#boost-status.is-boosting{color:var(--accent)}.vehicle-picker,.telemetry,.track-button,.drive-tools button{border-radius:var(--radius)}.vehicle-options button,.drive-mode-label select,.sound-controls button,#cruise-toggle{background:var(--panel-strong);color:var(--text);border-color:var(--border);border-radius:calc(var(--radius) * .6)}.drive-pad{background:radial-gradient(circle at 35% 25%, var(--border), var(--surface) 70%);border-color:var(--border)}.stick-label,.touch-hint{color:var(--text)}.drive-pad.is-held{border-color:var(--accent)}#nitro-button{background:radial-gradient(circle at 35% 25%, var(--accent), var(--surface) 85%);color:var(--text);border-color:var(--accent)}.salt-world h1,.salt-world .eyebrow{color:var(--accent)}