:root{--bg: #070A0F;--bg-2: #0B0F16;--panel: rgba(16, 21, 29, .74);--panel-solid: #10151D;--panel-hi: rgba(255, 255, 255, .055);--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--txt: #E9EFF8;--txt-dim: #9AA8BC;--muted: #66748A;--accent: #E23636;--accent-2: #FF6A2B;--good: #2ECC71;--warn: #F5A623;--cyan: #46C8F5;--violet: #9B6BFF;--shadow: 0 18px 48px rgba(0, 0, 0, .55);--r-sm: 8px;--r: 14px;--r-lg: 20px;--font-ar: "Cairo", "Fira Sans", system-ui, sans-serif;--font-mono: "Fira Code", ui-monospace, monospace;--font-ui: "Fira Sans", "Cairo", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--txt);font-family:var(--font-ui);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ar{font-family:var(--font-ar)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.stage{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 0%,#0d1420,#05070b 70%)}.stage canvas{display:block;width:100%!important;height:100%!important}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.hud>*{pointer-events:auto}.panel{background:var(--panel);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.micro{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ar-label{font-family:var(--font-ar);font-size:11.5px;font-weight:600;color:var(--txt-dim);letter-spacing:0}.top-left{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.top-right{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.brand{display:flex;align-items:center;gap:9px;padding:8px 13px 8px 11px}.brand-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(140deg,var(--accent),var(--accent-2));color:#fff;flex:none}.brand-name{font-family:var(--font-ar);font-weight:800;font-size:14px;line-height:1}.brand-sub{font-family:var(--font-mono);font-size:8.5px;color:var(--muted);letter-spacing:.1em}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-ar);font-size:11px;font-weight:600;color:var(--txt-dim);transition:border-color .2s,color .2s}.chip b{color:var(--txt);font-family:var(--font-mono);font-weight:600}.chip.on{border-color:#2ecc7180;color:var(--good)}.chip.off{border-color:#ffffff1a;color:var(--muted);opacity:.65}.chip.warn{border-color:#f5a6238c;color:var(--warn)}.led{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex:none}.led.dim{box-shadow:none;opacity:.35}.cluster{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:12px 20px 12px 14px;border-radius:var(--r-lg)}.gauge-svg{display:block;overflow:visible}.gauge-needle{transition:transform 45ms linear;transform-origin:84px 84px}.readout{display:flex;flex-direction:column;align-items:center;min-width:168px;padding:0 6px}.speed-value{font-family:var(--font-mono);font-size:64px;font-weight:700;line-height:.92;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 26px rgba(70,200,245,.28)}.speed-value.small{font-size:58px}.speed-unit{font-family:var(--font-ar);font-size:11.5px;font-weight:700;color:var(--muted);margin-top:2px;letter-spacing:.04em}.pedal-bars{display:flex;gap:5px;margin-top:9px;height:30px;align-items:flex-end}.pedal-bar{width:40px;height:26px;border-radius:5px;background:#ffffff0f;border:1px solid var(--line);position:relative;overflow:hidden}.pedal-fill{position:absolute;left:0;right:0;bottom:0;transition:height .07s linear}.pedal-fill.thr{background:linear-gradient(180deg,var(--good),#147a42)}.pedal-fill.brk{background:linear-gradient(180deg,var(--accent),#7d1414)}.pedal-fill.hb{background:linear-gradient(180deg,var(--warn),#8a5b0d)}.pedal-cap{font-family:var(--font-ar);font-size:8.5px;font-weight:700;color:var(--muted);text-align:center;margin-top:3px}.gear-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;padding:6px 8px;border-radius:var(--r);background:#ffffff0a;border:1px solid var(--line)}.gear-value{font-family:var(--font-mono);font-size:42px;font-weight:700;line-height:1;color:#fff}.gear-value.rev{color:var(--warn)}.gear-value.neu{color:var(--muted)}.shift-lights{display:flex;gap:4px;margin-bottom:7px}.shift-lamp{width:13px;height:5px;border-radius:3px;background:#ffffff1a}.shift-lamp.g{background:#1f8e4d;box-shadow:0 0 8px #1f8e4d}.shift-lamp.y{background:var(--warn);box-shadow:0 0 8px var(--warn)}.shift-lamp.r{background:var(--accent);box-shadow:0 0 10px var(--accent)}.telemetry{position:absolute;bottom:16px;left:16px;width:268px;padding:12px 13px;border-radius:var(--r)}.tele-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tel-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.055)}.tel-row:last-child{border-bottom:none}.tel-k{font-family:var(--font-ar);font-size:11px;font-weight:600;color:var(--txt-dim)}.tel-v{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--txt)}.tel-v.hot{color:var(--accent)}.tel-v.ok{color:var(--good)}.tel-v.warn{color:var(--warn)}.gmeter{position:relative;width:100%;height:88px;margin:8px 0 6px;border-radius:10px;background:radial-gradient(circle at 50% 50%,#ffffff0f,#ffffff04 60%);border:1px solid var(--line);overflow:hidden}.gmeter-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%)}.gmeter-dot{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:left .05s linear,top .05s linear,background .15s}.gmeter-dot.hi{background:var(--accent);box-shadow:0 0 14px var(--accent)}.gmeter-cross{position:absolute;background:#ffffff14}.load-bars{display:flex;flex-direction:column;gap:5px;margin-top:9px}.load-row{display:flex;align-items:center;gap:8px}.load-track{flex:1;height:7px;border-radius:4px;background:#ffffff12;overflow:hidden}.load-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .06s linear}.timing{padding:10px 13px;min-width:176px}.time-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:2px 0}.time-v{font-family:var(--font-mono);font-size:15px;font-weight:600}.time-v.best{color:var(--violet)}.time-v.last{color:var(--txt-dim);font-size:12.5px}.minimap{padding:8px}.minimap svg{display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:22px;overflow:auto;background:radial-gradient(90% 70% at 50% -10%,rgba(226,54,54,.16),transparent 60%),radial-gradient(70% 60% at 85% 100%,rgba(70,200,245,.12),transparent 60%),linear-gradient(180deg,#070a0fdb,#070a0ff5);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.sheet{width:min(1000px,100%);padding:26px 26px 22px;border-radius:24px;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}.sheet-head{display:flex;align-items:center;gap:14px;margin-bottom:4px}.sheet-title{font-family:var(--font-ar);font-size:clamp(26px,4.4vw,40px);font-weight:900;line-height:1.05;letter-spacing:-.01em;margin:0}.sheet-title span{background:linear-gradient(100deg,#fff 20%,var(--cyan) 60%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.sheet-sub{font-family:var(--font-ar);font-size:14px;color:var(--txt-dim);margin:8px 0 20px;line-height:1.75;max-width:74ch}.section-label{display:flex;align-items:center;gap:9px;font-family:var(--font-ar);font-size:12.5px;font-weight:700;color:var(--txt-dim);margin:20px 0 10px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}.car-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:11px}.car-card{position:relative;text-align:right;padding:14px;border-radius:var(--r);background:#ffffff09;border:1px solid var(--line);transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,background .22s,box-shadow .22s}.car-card:hover{transform:translateY(-3px);border-color:var(--line-2);background:#ffffff0f}.car-card.active{border-color:#e23636bf;background:linear-gradient(160deg,#e2363629,#ffffff0a);box-shadow:0 0 0 1px #e2363659,0 14px 34px #e2363629}.car-swatch{width:100%;height:52px;border-radius:10px;margin-bottom:11px;position:relative;overflow:hidden}.car-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.3),transparent 46%,rgba(0,0,0,.45))}.car-name{font-family:var(--font-ar);font-size:15px;font-weight:800;margin:0 0 3px}.car-tag{font-family:var(--font-ar);font-size:10.5px;color:var(--muted);line-height:1.5;margin:0 0 9px}.car-specs{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.spec{display:flex;flex-direction:column}.spec-k{font-family:var(--font-ar);font-size:9.5px;color:var(--muted)}.spec-v{font-family:var(--font-mono);font-size:12.5px;font-weight:600;color:var(--txt)}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:9px}.toggle{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;background:#ffffff08;border:1px solid var(--line);transition:border-color .2s,background .2s;text-align:right}.toggle:hover{border-color:var(--line-2);background:#ffffff0e}.toggle.on{border-color:#2ecc7173;background:#2ecc7114}.switch{width:36px;height:20px;border-radius:999px;background:#ffffff21;position:relative;flex:none;transition:background .22s}.toggle.on .switch{background:var(--good)}.switch:after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .22s cubic-bezier(.22,1,.36,1)}.toggle.on .switch:after{transform:translate(-16px)}.toggle-text{display:flex;flex-direction:column}.toggle-name{font-family:var(--font-ar);font-size:12.5px;font-weight:700}.toggle-desc{font-family:var(--font-ar);font-size:10px;color:var(--muted);line-height:1.45}.action-bar{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;border-radius:12px;font-family:var(--font-ar);font-size:14px;font-weight:700;background:#ffffff0e;border:1px solid var(--line);transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);background:#ffffff1a;border-color:var(--line-2)}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 12px 30px #e2363652;padding:13px 30px;font-size:15.5px}.btn-primary:hover{box-shadow:0 18px 40px #e2363675}.btn-icon{padding:9px;border-radius:11px}.small-note{font-family:var(--font-ar);font-size:11px;color:var(--muted);margin-inline-start:auto}.keys{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:16px}.key-hint{display:flex;align-items:center;gap:7px}kbd{font-family:var(--font-mono);font-size:10.5px;padding:3px 7px;border-radius:6px;background:#ffffff17;border:1px solid var(--line-2);border-bottom-width:2px;color:#fff;min-width:22px;text-align:center}.key-hint span{font-family:var(--font-ar);font-size:11px;color:var(--muted)}.toast-stack{position:absolute;top:78px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:20;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:#0c1017db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-2);font-family:var(--font-ar);font-size:13px;font-weight:700;box-shadow:var(--shadow);animation:toastIn .3s cubic-bezier(.22,1,.36,1) both}.toast.best{border-color:#9b6bff99;color:#d8c6ff}.toast.warn{border-color:#f5a62399;color:#ffd79a}.toast.good{border-color:#2ecc7199;color:#b8f0cd}.toast .mono{font-size:13px;color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px) scale(.94)}to{opacity:1;transform:none}}.touch-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.touch-layer>*{pointer-events:auto}.touch-pedals{position:absolute;bottom:22px;right:18px;display:flex;gap:12px;align-items:flex-end}.touch-btn{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#10151db3;border:2px solid var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-ar);font-size:12px;font-weight:800;color:var(--txt);-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .1s,background .1s,border-color .1s}.touch-btn.pressed{transform:scale(.93);border-color:var(--accent);background:#e236364d}.touch-btn.thr.pressed{border-color:var(--good);background:#2ecc7147}.touch-btn.tall{width:78px;height:108px;border-radius:34px}.touch-steer{bottom:26px;left:16px;width:min(42vw,210px);height:84px;border-radius:42px;background:#10151da8;border:2px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;position:absolute;display:grid;place-items:center}.touch-knob{width:66px;height:66px;border-radius:50%;background:linear-gradient(150deg,#2a3442,#161c25);border:2px solid var(--line-2);box-shadow:0 8px 20px #00000080}.touch-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-ar);font-size:11px;color:var(--muted);pointer-events:none}@media (max-width: 1100px){.telemetry{width:232px}.speed-value{font-size:52px}.gauge-svg{width:132px;height:132px}}@media (max-width: 860px){.telemetry{display:none}.cluster{gap:10px;padding:9px 13px;bottom:12px}.readout{min-width:118px}.speed-value{font-size:42px}.minimap{display:none}}@media (max-width: 620px){.gauge-svg{display:none}.cluster{bottom:128px;padding:8px 16px}.top-left .brand{padding:6px 10px}.sheet{padding:18px 15px 16px;border-radius:18px}.car-grid{grid-template-columns:1fr 1fr}.touch-btn{width:66px;height:66px}.touch-btn.tall{height:92px}.toast-stack{top:66px}}