:root{--bg:#121314;--panel:#161719eb;--panel-solid:#17181a;--raise:#1f2023;--raise-2:#26282c;--line:#ffffff17;--line-2:#ffffff29;--text:#ecebe7;--muted:#a3a29c;--dim:#77766f;--accent:#f2a33a;--accent-ink:#1a1206;--warn:#ff8a5c;--warn-bg:#ff8a5c1a;--note:#8cc7ff;--note-bg:#8cc7ff14;--ok:#8fd18b;--r:10px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--panel-w:384px;--cats-w:212px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}body{overscroll-behavior:none;overflow:hidden}button{font:inherit;color:inherit}[hidden]{display:none!important}.noscript{z-index:1;max-width:680px;padding:24px;line-height:1.6;position:relative}.noscript h1{font-family:var(--display)}.noscript a{color:var(--accent)}svg.lucide{stroke-width:2px;flex:none;width:18px;height:18px}#app{position:fixed;inset:0}#view{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#app[data-mode=garage] .drive-only,#app[data-mode=drive] .garage-only{display:none!important}.topbar{height:60px;padding:0 var(--s4);padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;gap:var(--s3);z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0e0f10eb,#0e0f10b8);display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:var(--s3);min-width:0;display:flex}.logo{flex:none;width:32px;height:32px}.brand-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.wordmark{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:22px;font-weight:700}.build-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:46vw;font-size:13px;overflow:hidden}.top-actions{align-items:center;gap:var(--s2);display:flex}.icon-btn{border-radius:var(--r);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;text-decoration:none;display:inline-grid}.icon-btn:hover{color:var(--text);background:var(--raise)}.btn{height:44px;padding:0 var(--s4);align-items:center;gap:var(--s2);border-radius:var(--r);border:1px solid var(--line-2);background:var(--raise);cursor:pointer;white-space:nowrap;font-weight:600;display:inline-flex}.btn:hover{background:var(--raise-2)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.primary:hover{background:#ffb653}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cats{left:var(--s4);width:var(--cats-w);z-index:4;padding:var(--s2);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;gap:2px;max-height:calc(100% - 204px);display:flex;position:absolute;top:76px;overflow-y:auto}.cat{align-items:center;gap:var(--s2);text-align:left;cursor:pointer;min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:9px;grid-template-columns:28px 1fr auto;padding:6px 10px;display:grid}.cat:hover{background:var(--raise);color:var(--text)}.cat[aria-current=true]{background:var(--raise-2);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.cat .ic{color:var(--dim);place-items:center;display:grid}.cat[aria-current=true] .ic{color:var(--accent)}.cat .t{flex-direction:column;min-width:0;display:flex}.cat .t b{font-size:14px;font-weight:600}.cat .t small{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cat .dot{background:var(--warn);border-radius:50%;width:8px;height:8px}.panel{right:var(--s4);width:var(--panel-w);z-index:4;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;display:flex;position:absolute;top:76px;bottom:128px;overflow:hidden}.panel-head{padding:var(--s4) var(--s4) var(--s3);border-bottom:1px solid var(--line)}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px}.panel h1{font-family:var(--display);letter-spacing:.02em;margin:2px 0 0;font-size:28px;font-weight:600;line-height:1.05}.panel-scroll{padding:var(--s3) var(--s4) var(--s4);overscroll-behavior:contain;flex:1;overflow-y:auto}.learn{margin-bottom:var(--s3);background:var(--raise);border-radius:var(--r);border:1px solid var(--line)}.learn summary{align-items:center;gap:var(--s2);padding:10px var(--s3);cursor:pointer;min-height:44px;font-size:14px;font-weight:600;list-style:none;display:flex}.learn summary::-webkit-details-marker{display:none}.learn summary svg{color:var(--accent)}.learn p{padding:0 var(--s3) var(--s3);color:var(--muted);margin:0;font-size:14px;line-height:1.55}.flags{gap:var(--s2);margin-bottom:var(--s3);flex-direction:column;display:flex}.flag{gap:var(--s2);padding:10px var(--s3);border-radius:var(--r);grid-template-columns:18px 1fr;font-size:13.5px;line-height:1.45;display:grid}.flag.warn{background:var(--warn-bg);color:#ffd4c2;border:1px solid #ff8a5c40}.flag.warn svg{color:var(--warn)}.flag.note{background:var(--note-bg);color:#d3e9ff;border:1px solid #8cc7ff33}.flag.note svg{color:var(--note)}.flag svg{width:16px;height:16px;margin-top:2px}.options{gap:var(--s2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.opt{text-align:left;width:100%;padding:var(--s3);border-radius:var(--r);cursor:pointer;border:1px solid var(--line);background:0 0;transition:border-color .15s,background .15s;display:block}.opt:hover{background:var(--raise);border-color:var(--line-2)}.opt[aria-selected=true]{border-color:var(--accent);background:#f2a33a12}.opt-top{justify-content:space-between;align-items:baseline;gap:var(--s2);display:flex}.opt-name{font-size:14.5px;font-weight:600;line-height:1.3}.opt-price{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:12px}.opt-from{color:var(--dim);margin-top:2px;font-size:12.5px}.opt-specs{margin-top:var(--s2);flex-wrap:wrap;gap:6px;display:flex}.spec{font-family:var(--mono);background:var(--raise-2);color:#d6d4cc;border-radius:6px;padding:3px 7px;font-size:11.5px}.spec.stock{color:var(--ok);background:#8fd18b1f}.opt-learn{margin:var(--s2) 0 0;color:var(--muted);font-size:13px;line-height:1.5}.opt[aria-selected=true] .opt-learn{color:#cfcdc5}.paint{margin-top:var(--s4)}.paint .label{color:var(--muted);font-size:13px}.swatches{gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;display:flex}.swatch{border:2px solid var(--line-2);cursor:pointer;border-radius:50%;width:44px;height:44px}.swatch[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 3px #f2a33a80}.viewtools{top:76px;left:calc(var(--cats-w) + 32px);z-index:3;gap:var(--s2);display:flex;position:absolute}.chip-btn{align-items:center;gap:var(--s2);cursor:pointer;background:var(--panel);border:1px solid var(--line-2);height:44px;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;border-radius:22px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.chip-btn[aria-pressed=true],.chip-btn.active{background:var(--accent);color:var(--accent-ink);border-color:#0000}.stats{left:var(--s4);right:var(--s4);bottom:var(--s4);z-index:4;background:var(--line);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;grid-template-columns:repeat(9,minmax(0,1fr));gap:1px;display:grid;position:absolute;overflow:hidden}.stat{background:var(--panel-solid);padding:10px var(--s3);flex-direction:column;justify-content:center;min-height:92px;display:flex}.stat .k{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:10.5px}.stat .v{font-family:var(--display);font-variant-numeric:tabular-nums;margin-top:2px;font-size:28px;font-weight:600;line-height:1.1}.stat .v small{font-family:var(--sans);color:var(--muted);margin-left:3px;font-size:12px;font-weight:500}.stat .d{color:var(--muted);font-size:11.5px;font-family:var(--mono)}.stat .d.up{color:var(--ok)}.stat .d.down{color:var(--warn)}.hud{right:var(--s4);bottom:var(--s4);z-index:4;align-items:flex-end;gap:var(--s2);pointer-events:none;flex-direction:column;display:flex;position:absolute}.gauge{width:240px;padding:var(--s3) var(--s4) var(--s3);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;position:relative}.tach{width:100%;height:auto;display:block}.tach path{fill:none;stroke-width:10px;stroke-linecap:round}#tach-track{stroke:#ffffff17}#tach-red{stroke:#ff5a3c8c}#tach-fill{stroke:var(--accent)}.gauge-read{text-align:center;position:absolute;top:52px;left:0;right:0}.gauge-read .speed{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:52px;font-weight:700;line-height:1}.gauge-read .unit{color:var(--muted);margin-left:4px;font-size:13px}.gauge-sub{justify-content:space-between;align-items:baseline;margin-top:2px;display:flex}.gear{font-family:var(--display);color:var(--accent);font-size:26px;font-weight:700}.rpm{font-family:var(--mono);color:var(--muted);font-size:13px}.hud-flags{gap:6px;display:flex}.tag{font-family:var(--mono);background:var(--panel);border:1px solid var(--line-2);border-radius:7px;padding:5px 9px;font-size:12px}.tag.on{background:var(--accent);color:var(--accent-ink);border-color:#0000}.areas{left:var(--s4);z-index:4;flex-direction:column;gap:6px;display:flex;position:absolute;top:76px}.area-btn{align-items:center;gap:var(--s2);background:var(--panel);border:1px solid var(--line-2);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;height:44px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.area-btn:hover{background:var(--raise-2)}.area-btn svg{color:var(--accent)}.keys{left:var(--s4);bottom:var(--s4);z-index:4;padding:10px var(--s3);background:var(--panel);border:1px solid var(--line);color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;grid-template-columns:auto auto;gap:4px 12px;font-size:12.5px;display:grid;position:absolute}.keys kbd{font-family:var(--mono);color:var(--text);background:var(--raise-2);border:1px solid var(--line-2);border-radius:5px;padding:1px 6px;font-size:11.5px}.timer{z-index:4;background:var(--panel);border:1px solid var(--line-2);font-family:var(--mono);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:10px 18px;font-size:14px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.timer b{font-family:var(--display);color:var(--accent);font-size:30px;font-weight:700;display:block}.touch{display:none}@media (pointer:coarse){.touch{z-index:6;pointer-events:none;display:block;position:absolute;inset:auto 0 0}.steer-pad{left:16px;bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:auto;gap:12px;display:flex;position:absolute}.steer-pad button,.pedal{border:1px solid var(--line-2);touch-action:none;-webkit-user-select:none;user-select:none;background:#161719bf;border-radius:18px;place-items:center;width:76px;height:76px;display:grid}.steer-pad svg{width:32px;height:32px}.pedals{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:auto;gap:12px;display:flex;position:absolute}.pedal span{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:18px;font-weight:600}.pedal.gas{height:110px;color:var(--accent-ink);background:#f2a33ad9}.touch button.held{background:var(--accent);color:var(--accent-ink)}#app[data-mode=drive] .keys{display:none}#app[data-mode=drive] .hud{top:118px;bottom:auto;right:50%;transform:translate(50%)}#app[data-mode=drive] .gauge{width:200px}}.toasts{z-index:20;pointer-events:none;flex-direction:column;gap:8px;width:min(520px,100% - 32px);display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-2);background:#24262a;border-radius:12px;padding:12px 16px;font-size:14px;animation:.2s ease-out tin;box-shadow:0 10px 30px #0006}@keyframes tin{0%{opacity:0;transform:translateY(-6px)}}.loading{z-index:30;background:var(--bg);color:var(--muted);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:20px;transition:opacity .4s;display:flex;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none}.loading.overlay{background:#12131499}.spinner{border:3px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}.toast{animation:none}}@media (max-width:1280px){.stats{grid-template-columns:repeat(5,minmax(0,1fr))}.stat:nth-child(n+6){display:none}:root{--panel-w:350px;--cats-w:196px}}@media (max-width:860px){:root{--panel-w:100%}.topbar{height:56px;padding:0 var(--s2) 0 var(--s3)}.wordmark{font-size:18px}.top-actions{gap:2px}.build-name{max-width:40vw}.btn span{display:none}.btn{padding:0 12px}#app[data-mode=garage] #view{height:46%}.cats{width:auto;padding:6px var(--s2);scrollbar-width:none;border-left:0;border-right:0;border-radius:0;flex-direction:row;max-height:none;top:calc(46% - 60px);left:0;right:0;overflow:auto hidden}.cats::-webkit-scrollbar{display:none}.cat{flex:none;grid-template-columns:22px auto;min-height:44px;padding:6px 10px}.cat .t small,.cat .dot{display:none}.cat[aria-current=true]{box-shadow:inset 0 -3px 0 var(--accent)}.panel{border-bottom:0;border-left:0;border-right:0;border-radius:0;width:auto;inset:46% 0 0}.panel h1{font-size:24px}.stats{top:64px;bottom:auto;left:var(--s2);right:var(--s2);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat{min-height:0;padding:6px 8px}.stat:nth-child(n+5){display:none}.stat .v{font-size:20px}.stat .d{display:none}.viewtools{top:calc(46% - 114px);left:var(--s2)}.chip-btn span{display:none}.chip-btn{justify-content:center;width:44px;padding:0}.areas{top:64px;left:var(--s2);right:var(--s2);flex-flow:wrap}.area-btn span{display:none}.area-btn{justify-content:center;width:44px;padding:0}}