:root{--hud-fg: #e9f0f5;--hud-bg: rgba(12, 16, 22, .72);--accent: #ffd34d}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b0e12;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--hud-fg);user-select:none;-webkit-user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0}#canvas{display:block;width:100%;height:100%}#osm-credit{position:absolute;right:8px;bottom:4px;font:10px/1.2 system-ui,sans-serif;color:#ffffff52;letter-spacing:.2px;pointer-events:none;-webkit-user-select:none;user-select:none}#hud{position:absolute;left:18px;bottom:18px;display:flex;align-items:flex-end;gap:16px;pointer-events:none}.readout{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--hud-bg);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 28px #00000073}#rpmgauge{display:flex;flex-direction:column;gap:3px;width:178px;margin-bottom:4px}.rpm-cap{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;opacity:.5}.rpm-cap span{opacity:.7}.rpm-bar{display:flex;gap:3px;height:8px}.rpm-seg{flex:1;position:relative;height:100%;background:#ffffff17;border-radius:2px;overflow:hidden}.rpm-seg-fill{position:absolute;left:0;top:0;height:100%;width:0%;border-radius:2px;background:var(--seg);transition:width .06s linear}.rpm-seg-fill.lit{box-shadow:0 0 7px var(--seg)}.rpm-ticks{display:flex;gap:3px}.rpm-tick{flex:1;text-align:center;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:8px;opacity:.4}.speed{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}.speed #speed{font-size:40px;font-weight:700;line-height:1;letter-spacing:-1px}.speed small{font-size:13px;opacity:.6;text-transform:uppercase;letter-spacing:1px}.subline{display:flex;align-items:baseline;gap:10px}.gear{font-size:14px;font-weight:600;letter-spacing:2px;color:var(--accent);opacity:.9}.ground{font-size:11px;opacity:.5;font-variant-numeric:tabular-nums}.gear.shifting{color:#ff6b6b;text-shadow:0 0 10px rgba(255,90,90,.8)}.gear.shifted{color:#ffd34d;text-shadow:0 0 10px rgba(255,200,60,.7)}.indicators{display:flex;gap:6px;margin-top:4px}.ind{font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 7px;border-radius:5px;background:#ffffff0d;color:#ffffff40;border:1px solid rgba(255,255,255,.08);transition:color .08s ease,box-shadow .08s ease,background .08s ease}.ind.armed{color:#ffd34d8c;border-color:#ffd34d40}.ind.on{background:#ffc83c38;color:#ffd34d;border-color:#ffd34db3;box-shadow:0 0 9px #ffd34d99}.ind-stall.on{background:#ff464638;color:#ff6b6b;border-color:#ff5a5ab3;box-shadow:0 0 9px #ff5a5a99;animation:stallpulse .9s ease-in-out infinite}@keyframes stallpulse{50%{opacity:.45}}.ov-start.dim{opacity:.4}.ov-start.alert{opacity:1;color:#ff8a5c;border-color:#ff7846cc;box-shadow:0 0 12px #ff784699;animation:stallpulse .9s ease-in-out infinite}#inputs{display:flex;flex-direction:column;gap:9px;background:var(--hud-bg);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 28px #00000073}.in-pedals{display:flex;gap:16px}.in-col{display:flex;flex-direction:column;align-items:center;gap:5px}.in-track{position:relative;width:14px;height:56px;background:#ffffff1a;border-radius:4px;overflow:hidden}.in-fill{position:absolute;left:0;bottom:0;width:100%;height:0%;border-radius:4px}.in-fill.thr{background:#5ad27a}.in-fill.brk{background:#e8643c}.in-fill.clu{background:#7aa0ff}.in-fill.hbk{background:#e8c34a}.in-cap{font-size:10px;letter-spacing:1px;opacity:.6}.in-val{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:11px;color:var(--accent);opacity:1}#val-wheeldeg{display:inline-block;min-width:60px;text-align:left}.in-steerrow{display:flex;flex-direction:column;align-items:center;gap:5px}.in-strack{position:relative;width:100%;min-width:86px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.in-scenter{position:absolute;left:50%;top:0;width:1px;height:100%;background:#ffffff52;transform:translate(-.5px)}.in-sfill{position:absolute;top:0;height:100%;background:#46d6ff}.in-wheel{display:flex;flex-direction:column;align-items:center;gap:5px;margin-left:4px}.in-attitude{display:flex;flex-direction:column;align-items:center;gap:5px;margin-left:6px}.attg{display:block;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff08}.wheelg{width:60px;height:60px;display:block}#wheelrot{transform-origin:0 0}.wg-rim{fill:none;stroke:#ffffff80;stroke-width:7}.wg-spoke{stroke:#fff6;stroke-width:7;stroke-linecap:round}.wg-hub{fill:#ffffff8c}.wg-mark{fill:var(--accent)}.in-ratio{display:flex;align-items:center;gap:5px}.in-ratio input[type=range]{width:52px;height:3px;accent-color:var(--accent);cursor:pointer}#overlays{position:absolute;bottom:22px;right:205px;display:flex;align-items:flex-end;gap:12px}.ov-group{display:flex;flex-direction:column;gap:5px;align-items:stretch}.ov-glabel{font-size:9px;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#ffffff52;padding-bottom:1px;-webkit-user-select:none;user-select:none}.ov-btn{display:flex;align-items:center;gap:7px;font:inherit;font-size:12px;color:var(--hud-fg);background:var(--hud-bg);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 10px 5px 9px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 28px #00000073;opacity:.6;transition:opacity .15s ease,border-color .15s ease}.ov-btn kbd{margin-left:auto}.ov-btn:hover{opacity:.85}.ov-btn.on{opacity:1;border-color:#ffd34d80}.ov-dot{width:9px;height:9px;border-radius:50%;background:#ffffff2e;transition:background .15s ease,box-shadow .15s ease}.ov-btn.on .ov-dot{background:var(--accent);box-shadow:0 0 8px #ffd34db3}.ov-btn kbd{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:10px;opacity:.5;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:1px 4px}#telemetry{position:absolute;right:18px;bottom:18px;min-width:132px;background:var(--hud-bg);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 16px;font-family:SF Mono,ui-monospace,Cascadia Code,Menlo,monospace;font-size:13px;line-height:1.6;color:#aeb6bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 28px #00000073}#telemetry b{color:var(--hud-fg);font-weight:600}#tweaks{position:absolute;top:18px;right:18px;width:252px;max-height:calc(100vh - 210px);display:flex;flex-direction:column;background:var(--hud-bg);border:1px solid rgba(255,255,255,.08);border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 28px #00000073;overflow:hidden;font-size:12px}.tw-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto}.tw-title{font-weight:700;font-size:13px;color:var(--accent)}.tw-actions{display:flex;gap:6px}.tw-actions button{font:inherit;font-size:11px;color:var(--hud-fg);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:3px 8px;cursor:pointer;transition:background .15s ease}.tw-actions button:hover{background:#ffffff29}.tw-body{overflow-y:auto;padding:6px 12px 12px}#tweaks.collapsed .tw-body{display:none}.tw-group{margin-top:10px}.tw-group-title{font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.55;margin-bottom:6px}.tw-module{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}.tw-module-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.tw-module-head .tw-group-title{margin-bottom:0}.tw-select{font:inherit;font-size:11px;font-weight:600;color:var(--accent);background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:3px 6px;cursor:pointer;outline:none}.tw-select:hover{background:#ffffff29}.tw-preset{margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.tw-presetrow{display:flex;align-items:center;gap:8px}.tw-presetlabel{font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.55;flex:0 0 auto}.tw-presetrow .tw-select{flex:1 1 auto}.tw-row{margin-bottom:9px}.tw-row-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.tw-val{font-family:SF Mono,ui-monospace,Menlo,monospace;color:var(--accent);font-size:11px}.tw-row input[type=range]{width:100%;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff29;border-radius:3px;outline:none;cursor:pointer}.tw-row input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #1a1d22;cursor:pointer}.tw-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid #1a1d22;border-radius:50%;background:var(--accent);cursor:pointer}.tw-layout{display:flex;gap:4px;margin-bottom:8px}.tw-laybtn{flex:1;font:inherit;font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--hud-fg);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:5px 0;cursor:pointer;opacity:.6;transition:opacity .12s ease,background .12s ease,border-color .12s ease}.tw-laybtn:hover{opacity:.9}.tw-laybtn.on{opacity:1;background:#ffd34d29;border-color:#ffd34d80;color:var(--accent)}.tw-schematic{display:flex;justify-content:center;padding:2px 0 6px}.tw-car{width:150px;height:auto;overflow:visible}.tw-nose{fill:#ffd34d73}.tw-chassis{fill:#ffffff0d;stroke:#ffffff24;stroke-width:1.5;cursor:pointer;transition:fill .12s ease,stroke .12s ease}.tw-chassis:hover{fill:#ffffff17}.tw-axle,.tw-shaft{stroke:#ffffff2e;stroke-width:2.5;stroke-linecap:round}.tw-wheel{cursor:pointer}.tw-tyre{fill:#2a2f37;stroke:#ffffff2e;stroke-width:1.5;transition:fill .12s ease,stroke .12s ease}.tw-wheel.driven .tw-tyre{fill:#324154;stroke:#5ad28c8c}.tw-wheel:hover .tw-tyre{stroke:#ffffff80}.tw-wlabel{fill:var(--hud-fg);font-size:9px;font-weight:600;text-anchor:middle;font-family:SF Mono,ui-monospace,Menlo,monospace;pointer-events:none;opacity:.8}.tw-diff{cursor:pointer}.tw-diffnode{fill:#38321f;stroke:#ffd34d73;stroke-width:1.5;transition:fill .12s ease,stroke .12s ease}.tw-diff:hover .tw-diffnode{fill:#4a4226}.tw-difflabel{fill:var(--accent);font-size:8.5px;font-weight:700;text-anchor:middle;font-family:SF Mono,ui-monospace,Menlo,monospace;pointer-events:none}.tw-chassis.sel{stroke:var(--accent);stroke-width:2.5;fill:#ffd34d14}.tw-wheel.sel .tw-tyre,.tw-diff.sel .tw-diffnode{stroke:var(--accent);stroke-width:2.5}.tw-chips{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.tw-chip{font:inherit;font-size:10px;color:var(--hud-fg);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:3px 8px;cursor:pointer;opacity:.7;transition:opacity .12s ease,background .12s ease,border-color .12s ease}.tw-chip:hover{opacity:1}.tw-chip.sel{opacity:1;background:#ffd34d29;border-color:#ffd34d80;color:var(--accent)}.tw-detail{padding-top:12px}.tw-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.tw-detail-title{font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--accent)}.tw-note{font-size:10px;opacity:.5;margin:-4px 0 8px}.tw-copyrow{display:flex;gap:6px;margin-top:8px}.tw-copyrow button{font:inherit;font-size:10px;color:var(--hud-fg);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:3px 8px;cursor:pointer}.tw-copyrow button:hover{background:#ffffff24}#help{position:absolute;top:18px;left:18px;display:flex;flex-direction:column;gap:4px;background:var(--hud-bg);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 20px;font-size:14px;line-height:1.4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 28px #00000073;transition:opacity .6s ease,transform .6s ease}#help strong{font-size:16px;margin-bottom:6px;color:var(--accent)}#help span{opacity:.85}#help .dismiss{margin-top:8px;font-size:12px;opacity:.5;font-style:italic}#help.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}#mp-status{position:absolute;top:12px;left:50%;transform:translate(-50%) translateY(-8px);padding:6px 14px;border-radius:999px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;color:#ffd24a;background:#14161ad1;border:1px solid rgba(255,210,74,.45);box-shadow:0 4px 18px #0006;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:50}#mp-status.show{opacity:1;transform:translate(-50%) translateY(0)}#mp-status.warn{color:#ff7a7a;border-color:#ff7a7a80}.ov-gyro .gyro-slider{display:none;width:82px;height:4px;accent-color:#46d6ff;cursor:pointer}.ov-gyro.on .gyro-slider{display:inline-block}.ov-gyro .gyro-pct{font-size:12px;font-variant-numeric:tabular-nums;opacity:.8;min-width:24px;text-align:right}