:root{--bg:#0b0d10;--panel:#101318c7;--panel-solid:#14181e;--panel-border:#ffffff14;--panel-shadow:0 8px 28px #00000059;--text:#e8ebef;--text-dim:#9aa3ad;--text-faint:#6b7480;--accent:#ffb020;--accent-soft:#ffb02029;--ok:#34d17a;--info:#4cc2ff;--warn:#ffb020;--danger:#ff5a4e;--radius:12px;--radius-sm:8px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--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(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;overflow:hidden}#app{position:fixed;inset:0}#viewport{position:absolute;inset:0}.viewport-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#overlay{pointer-events:none;position:absolute;inset:0}#overlay>*{pointer-events:auto}[hidden]{display:none!important}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px)saturate(1.2)}.panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:10.5px;font-weight:600;display:flex}.panel-sub{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-top:6px;font-size:11px}.toolbar{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);height:44px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin-right:0;padding:0 8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.brand{letter-spacing:.01em;white-space:nowrap;align-items:center;gap:8px;padding:0 8px 0 4px;font-weight:650;display:flex}@media (max-width:1500px){.brand>span:last-child{display:none}}.brand-mark{background:conic-gradient(from 200deg, var(--accent), #ff6a3d, var(--accent));border-radius:4px;width:14px;height:14px;box-shadow:0 0 12px #ffb02073}.toolbar-sep{background:var(--panel-border);width:1px;height:22px;margin:0 6px}.toolbar-spacer{flex:1}.toolbar-group{align-items:center;gap:4px;display:flex}.toolbar-group:empty{display:none}.toolbar-group[data-group=tools]{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);height:40px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);padding:0 6px;position:absolute;top:52px;left:0}.toolbar-group[data-group=tools]>.toolbar-sep:first-child{display:none}.tb-btn{border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 8px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.tb-btn:hover{background:#ffffff12}.tb-btn:focus-visible,.tb-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tb-btn--active{background:var(--accent-soft);color:var(--accent);border-color:#ffb02066}.tb-icon{display:inline-flex}.tb-label{font-size:12px;font-weight:550}.tb-select-wrap{border-radius:var(--radius-sm);height:32px;color:var(--text-dim);align-items:center;gap:4px;padding:0 2px 0 6px;display:inline-flex}.tb-select-wrap:hover{background:#ffffff0d}.tb-select{border:1px solid var(--panel-border);background:var(--panel-solid);max-width:128px;height:26px;color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:0 6px;font-size:12px}.tb-select--full{max-width:none}.tb-select:disabled{cursor:default;opacity:.75}.tb-menu-anchor{position:relative}.tb-menu{background:var(--panel-solid);border:1px solid var(--panel-border);border-radius:var(--radius-sm);min-width:210px;box-shadow:var(--panel-shadow);z-index:20;padding:6px;position:absolute;top:40px;left:0}.tb-menu-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.tb-menu-item:hover{background:#ffffff0f}.tb-menu-item input{accent-color:var(--accent)}.stats{width:224px;padding:10px 12px;position:absolute;top:68px;right:12px}.wireframe-legend{pointer-events:none;gap:3px;max-width:300px;padding:8px 10px;font-size:11px;display:grid;position:absolute;top:116px;left:12px}.wireframe-legend[hidden]{display:none}.wireframe-legend-row{align-items:center;gap:7px;display:flex}.wireframe-swatch{border-radius:1px;flex:none;width:14px;height:3px}.stats-grid{gap:3px;display:grid}.stats-section+.stats-section{border-top:1px solid var(--panel-border);margin-top:8px;padding-top:7px}.stats-section-title{color:var(--text);cursor:help;margin-bottom:4px;font-size:11px;font-weight:600}.stat-row{justify-content:space-between;font-size:12px;display:flex}.stat-label{color:var(--text-dim)}.stat-select{font:inherit;color:var(--text);border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:0 0;font-size:11.5px}.stat-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.stat-value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11.5px}.badge{visibility:hidden;color:var(--danger);letter-spacing:.08em;background:#ff5a4e2e;border-radius:999px;padding:1px 6px;font-size:9.5px}.badge--visible{visibility:visible;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.stat-row--warn .stat-label,.stat-row--warn .stat-value{color:var(--warn)}.stat-row[data-severity=ok] .stat-value{color:var(--ok)}.stat-row[data-severity=warn] .stat-value{color:var(--warn)}.stat-row[data-severity=bad] .stat-value{color:var(--danger)}.slowmo{pointer-events:auto;max-width:calc(100vw - 24px);box-shadow:var(--panel-shadow);color:var(--warn);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;cursor:help;background:#281c06e0;border:1px solid #ffb02073;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.slowmo-icon{font-size:12px;line-height:1}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hud{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:12px;left:12px;right:12px;pointer-events:none!important}.hud>*{pointer-events:none}.hud-left,.hud-right{align-items:flex-end;gap:10px;display:flex}.hud-cluster{flex-direction:column;align-items:center;padding:6px 10px 10px;display:flex}.tacho{width:190px;height:190px}.tacho-track{fill:none;stroke:#ffffff17;stroke-width:10px;stroke-linecap:round}.tacho-redline{fill:none;stroke:#ff5a4e8c;stroke-width:10px}.tacho-fill{fill:none;stroke:var(--accent);stroke-width:10px;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffb02099)}.tacho--redline .tacho-fill{stroke:var(--danger)}.tick-major{stroke:#ffffffbf;stroke-width:2px}.tick-minor{stroke:#ffffff4d;stroke-width:1.2px}.tick-label{fill:var(--text-dim);font-size:11px;font-family:var(--font)}.tacho-needle{stroke:#fff;stroke-width:2.5px;stroke-linecap:round}.tacho-hub{fill:var(--panel-solid);stroke:#fff;stroke-width:2px}.tacho-speed{fill:var(--text);font-size:34px;font-weight:700;font-family:var(--font);font-variant-numeric:tabular-nums}.tacho-unit{fill:var(--text-faint);letter-spacing:.08em;font-size:10px}.tacho-gear{fill:var(--accent);font-size:22px;font-weight:700;font-family:var(--mono)}.chips{gap:5px;margin-top:-4px;display:flex}.chip{border:1px solid var(--panel-border);min-width:38px;color:var(--text-faint);letter-spacing:.06em;text-align:center;border-radius:6px;padding:3px 7px;font-size:10.5px;font-weight:700}.chip--on{color:#111;background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #ffb02066}.hud-tires,.hud-winch,.hud-inputs{padding:10px 12px}.hud-tires{min-width:150px}.hud-tires .panel-title,.hud-winch .panel-title{white-space:nowrap}.tire-grid{grid-template-columns:1fr 1fr;gap:5px 14px;display:grid}.tire{font-family:var(--mono);text-align:center;font-variant-numeric:tabular-nums;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;gap:2px;padding:4px 6px;font-size:12px;display:flex}.tire--low{color:var(--info);border-color:#4cc2ff99}.tire--high{color:var(--accent);border-color:#ffb02099}.hud-winch{min-width:180px}.hud-winch--active{border-color:#ffb02059}.hud-winch-side-pull{color:var(--warn);margin-top:4px;font-size:10.5px}.row{justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.winch-length{font-family:var(--mono);color:var(--text-dim)}.bar{background:#ffffff14;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.bar-fill{transform-origin:0;background:var(--info);border-radius:3px;position:absolute;inset:0;transform:scaleX(0)}.bar-fill--throttle{background:var(--ok)}.bar-fill--brake,.bar-fill--danger{background:var(--danger)}.bar--centered:after{content:"";background:#ffffff59;width:1px;position:absolute;top:0;bottom:0;left:50%}.steer-fill{background:var(--accent);width:50%;position:absolute;top:0;bottom:0;left:50%;transform:scaleX(0)}.hud-inputs{gap:7px;width:170px;display:grid}.input-row{letter-spacing:.06em;color:var(--text-faint);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.input-row>span{width:26px}.chips--diffs{margin-top:5px}.chip--small{min-width:30px;padding:2px 5px;font-size:9.5px}.chip--blocked{border-color:var(--danger);color:var(--danger)}.hud-btn{appearance:none;font-family:var(--font);cursor:pointer;pointer-events:auto;background-color:#0000;margin:0;line-height:1.3}.hud-btn:hover{color:var(--text);border-color:#ffffff59}.hud-btn.chip--on{color:#111;background-color:var(--accent);border-color:var(--accent)}.hud-btn.chip--on:hover{color:#111;filter:brightness(1.08)}.hud-btn:focus-visible{outline:2px solid var(--info);outline-offset:2px}.hud-btn:active,.hud-btn--held{transform:translateY(1px)}.hud-btn--small{min-width:26px;color:var(--text-dim);letter-spacing:.04em;text-transform:none;border:1px solid #ffffff29;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:700}.hud-btn.hud-btn--held{background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.hud-btn-row{gap:4px;display:inline-flex}.chip--pending,.hud-btn.chip--pending{color:var(--accent);border:1px dashed var(--accent);background:var(--accent-soft);animation:1s ease-in-out infinite chip-pending}@keyframes chip-pending{50%{border-color:#ffb02040;box-shadow:0 0 8px #ffb02059}}@media (prefers-reduced-motion:reduce){.chip--pending,.hud-btn.chip--pending{animation:none}}.chip--fixed{border-style:dotted}.hud-lock-hint{max-width:190px;color:var(--accent);text-align:center;background:#ffb02024;border:1px dashed #ffb02099;border-radius:6px;margin-top:6px;padding:3px 8px;font-size:10.5px;font-weight:600}.hud-tooltip{z-index:50;border-radius:var(--radius-sm);background:var(--panel-solid);max-width:min(420px,100vw - 16px);box-shadow:var(--panel-shadow);color:var(--text);white-space:normal;border:1px solid #ffffff29;padding:6px 10px;font-size:12px;line-height:1.35;position:fixed;transform:translateY(-100%);pointer-events:none!important}.tire-grid--axles{grid-template-columns:1fr}.hud-water{border-color:#4cc2ff59;width:150px;padding:10px 12px}.hud-water--warn{border-color:#ff5a4eb3}.water-depth{font-family:var(--mono);color:var(--info);font-variant-numeric:tabular-nums;font-size:16px}.hud-warnings{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:230px;left:50%;transform:translate(-50%)}.hud-warning{border-radius:var(--radius-sm);color:#ffd2cd;letter-spacing:.03em;box-shadow:var(--panel-shadow);background:#3c0c0ad1;border:1px solid #ff5a4e99;padding:6px 14px;font-size:13px;font-weight:700}.chips--assists{margin-top:5px}.chip--brake,.hud-btn.chip--brake{color:#fff;background-color:var(--danger);border-color:var(--danger)}.chip--active,.hud-btn.chip--active{color:#111;background-color:var(--accent);border-color:var(--accent);animation:.5s ease-in-out infinite alternate chip-active}@keyframes chip-active{to{color:var(--accent);background-color:#ffb02059}}@media (prefers-reduced-motion:reduce){.chip--active,.hud-btn.chip--active{animation:none}}.chip--warn,.hud-btn.chip--warn{color:var(--warn);border-color:var(--warn)}.chip--armed,.hud-btn.chip--armed{color:var(--ok);border-color:var(--ok)}.chip--hold,.hud-btn.chip--hold{color:#111;background-color:var(--ok);border-color:var(--ok)}.hud-gears{--gear-label-width:18px;--gear-text-width:44px;width:190px;padding:8px 10px}.hud-gears .panel-title{justify-content:space-between;align-items:center;display:flex}.gear-rows{flex-direction:column;gap:2px;margin-top:4px;display:flex;position:relative}.gear-row{grid-template-columns:var(--gear-label-width) 1fr var(--gear-text-width);font-family:var(--mono);color:var(--text-faint);font-variant-numeric:tabular-nums;align-items:center;font-size:10px;display:grid}.gear-row--current{color:var(--text)}.gear-track{background:#ffffff0f;border-radius:3px;height:6px;position:relative}.gear-fill{background:#ffffff47;border-radius:3px;position:absolute;top:0;bottom:0}.gear-row--current .gear-fill{background:var(--accent)}.gear-text{text-align:right}.gear-needle{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 4px #fff9}.slip-strip{width:100%;color:var(--text-faint);border:1px solid #ffffff1a;border-radius:6px;align-items:flex-end;gap:8px;margin-top:6px;padding:3px 4px;display:flex}.slip-label{letter-spacing:.06em;text-transform:uppercase;font-size:9.5px}.slip-row{gap:6px;display:flex}.slip-axle{flex-direction:column;align-items:center;gap:1px;display:flex}.slip-pair{gap:2px;display:flex}.slip-axle-label{color:var(--text-faint);font-size:9px}.slip-bar{background:#ffffff12;border-radius:2px;width:7px;height:22px;position:relative;overflow:hidden}.slip-fill{transform-origin:bottom;background:var(--ok);position:absolute;inset:0;transform:scaleY(0)}.slip-bar--spin .slip-fill{background:var(--danger)}.slip-bar--lock .slip-fill{background:var(--info)}.slip-bar--tc{outline:1px solid var(--accent)}.hud-stack{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.hud-scrub{width:300px;padding:8px 10px}.hud-scrub .panel-title{color:var(--text-faint);justify-content:space-between;align-items:center;gap:6px;font-size:9.5px;display:flex}.scrub-centre,.scrub-inter-axle,.scrub-note{color:var(--text-faint);margin-top:4px;font-size:10px}.scrub-centre--locked{color:var(--accent)}.scrub-grid{flex-direction:column;gap:4px;margin-top:4px;display:flex}.scrub-row{grid-template-columns:1fr 52px 1fr;align-items:center;gap:4px;display:grid}.scrub-axle{text-align:center;color:var(--text-faint);font-size:9.5px}.scrub-diff--locked{color:var(--accent);font-weight:600}.scrub-wheel{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;border:1px solid #ffffff14;border-radius:4px;padding:2px 4px;font-size:9.5px;line-height:1.35}.scrub-line--work{font-weight:600}.scrub-checks{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-faint);flex-direction:column;gap:1px;margin-top:4px;font-size:9px;line-height:1.35;display:flex}.scrub-check--match{color:#34d17a}.scrub-check--mismatch{color:#ff4040;font-weight:600}.scrub-help{color:var(--text-faint);margin-top:4px;font-size:9.5px;line-height:1.35}.scrub-wheel--p0{background:#ffffff08}.scrub-wheel--p1{background:#34d17a38}.scrub-wheel--p2{background:#d6d83647}.scrub-wheel--p3{background:#ffb02057}.scrub-wheel--p4{background:#ff6a3d6b}.scrub-wheel--p5{background:#ff40408c}.slip-mark{background:#ffffffd9;height:1px;position:absolute;left:0;right:0}.tire-target{color:var(--text-dim);font-size:10.5px}.tire-progress{flex:none;height:3px}.tire-progress-fill{background:var(--info);transform:scaleX(0)}.hud-tire-input{flex-direction:column;gap:5px;margin-top:7px;display:flex}.hud-tire-input-row{white-space:nowrap;align-items:center;gap:4px;display:flex}.hud-input{pointer-events:auto;font-family:var(--font);color:var(--text);font-size:11px}.hud-tire-axle{background:var(--panel-solid);border:1px solid #ffffff29;border-radius:5px;max-width:76px;padding:1px 2px}.hud-tire-slider{width:90px;accent-color:var(--info)}.hud-tire-kpa{background:var(--panel-solid);width:48px;font-family:var(--mono);border:1px solid #ffffff29;border-radius:5px;padding:1px 3px}.hud-tire-psi{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10.5px}.winch-crosshair{border:2px solid #ffffffbf;border-radius:50%;width:134px;height:134px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059;pointer-events:none!important}.winch-crosshair:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.winch-crosshair--valid{border-color:var(--ok)}.winch-crosshair--invalid{border-color:var(--danger)}.winch-aim-info{text-align:center;max-width:min(640px,100vw - 32px);padding:6px 12px;font-size:12px;position:absolute;top:calc(50% + 84px);left:50%;transform:translate(-50%);pointer-events:none!important}.winch-aim-hint{color:var(--text-dim)}.winch-aim-selected{color:var(--ok);font-weight:600}.winch-aim-selected--none{color:var(--text-dim)}.winch-aim-invalid{color:var(--danger)}.winch-aim-side-pull{color:var(--warn)}.tb-list{border-radius:var(--radius-sm);background:var(--panel-solid);border:1px solid var(--panel-border);min-width:210px;max-height:60vh;box-shadow:var(--panel-shadow);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}.tb-list-item{all:unset;color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12.5px;display:block}.tb-list-item:hover,.tb-list-item:focus-visible{background:var(--accent-soft);color:var(--accent)}.tb-list-item small{color:var(--text-faint);font-size:11px;display:block}.toasts{z-index:25;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:112px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--panel-solid);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:550;transition:opacity .25s,transform .25s;animation:.18s ease-out toast-in}.toast:before{content:"";background:var(--info);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.toast--success:before{background:var(--ok)}.toast--warn:before{background:var(--warn)}.toast--error:before{background:var(--danger)}.toast--leaving{opacity:0;transform:translateY(-6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.help-overlay{-webkit-backdrop-filter:blur(3px);z-index:30;background:#05070a8c;place-items:center;display:grid;position:absolute;inset:0}.help-card{background:#101318f0;width:min(920px,100vw - 48px);max-height:calc(100vh - 120px);padding:20px 24px 24px;overflow:auto}.help-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.help-header h2{margin:0;font-size:18px}.help-hint{color:var(--text-faint);font-size:12px}.help-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px 24px;display:grid}.help-group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:10.5px}.help-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.help-action{color:var(--text-dim)}.help-keys{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}kbd{min-width:22px;font-family:var(--mono);text-align:center;background:#ffffff0d;border:1px solid #ffffff29;border-bottom-width:2px;border-radius:5px;padding:2px 6px;font-size:11px}.kbd-pad{color:var(--info);border-color:#4cc2ff59}.help-legend{grid-column:1/-1}.help-legend-row{border-bottom:1px solid #ffffff0a;grid-template-columns:150px 1fr;align-items:start;gap:12px;padding:5px 0;display:grid}.help-legend-chips{flex-wrap:wrap;gap:4px;display:flex}.help-chip{display:inline-block}.help-legend-text{color:var(--text-dim);line-height:1.4}.mp-panel{z-index:20;width:360px;max-height:calc(100vh - 300px);padding:10px 12px 12px;position:absolute;top:112px;left:12px;overflow:auto}.mp-status{color:var(--text-dim);word-break:break-all;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.mp-dot{background:var(--text-faint);border-radius:50%;flex:none;width:8px;height:8px}.mp-status[data-phase=connecting] .mp-dot{background:var(--info);animation:1s ease-in-out infinite pulse}.mp-status[data-phase=connected] .mp-dot{background:var(--ok)}.mp-status[data-phase=disconnected] .mp-dot{background:var(--danger)}.mp-error{border-radius:var(--radius-sm);color:#ffd2cd;background:#ff5a4e1f;border:1px solid #ff5a4e59;margin-bottom:10px;padding:8px 10px;font-size:12px;line-height:1.45}.mp-form,.mp-session,.mp-reconnect{gap:8px;display:grid}.mp-field{gap:4px;display:grid}.mp-label,.mp-modes legend,.mp-subtitle{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:10.5px;font-weight:600}.mp-subtitle{margin-top:4px}.mp-field input,.mp-field select{border-radius:var(--radius-sm);border:1px solid var(--panel-border);height:30px;color:var(--text);font:inherit;background:#ffffff0d;padding:0 8px}.mp-field input:focus-visible,.mp-field select:focus-visible,.mp-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mp-field input:disabled,.mp-field select:disabled{opacity:.6}.mp-modes{border:none;gap:4px;margin:0;padding:0;display:grid}.mp-radios{gap:14px;display:flex}.mp-radio{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.mp-hint{color:var(--text-faint);font-size:11.5px;line-height:1.45}.mp-buttons{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.mp-btn{border-radius:var(--radius-sm);border:1px solid var(--panel-border);height:30px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0f;padding:0 12px}.mp-btn:hover:not(:disabled){background:#ffffff1c}.mp-btn:disabled{opacity:.5;cursor:default}.mp-btn--primary{background:var(--accent);border-color:var(--accent);color:#1b1408;font-weight:600}.mp-btn--primary:hover:not(:disabled){background:#ffc04d}.mp-btn--danger{color:#ffb3ab;border-color:#ff5a4e73}.mp-kv{justify-content:space-between;gap:12px;font-size:12px;display:flex}.mp-kv>span:first-child{color:var(--text-dim)}.mp-mono{font-family:var(--mono);word-break:break-all;text-align:right;font-size:11px}.mp-players{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mp-player{border-radius:6px;justify-content:space-between;gap:8px;padding:3px 6px;font-size:12px;display:flex}.mp-player--you{background:var(--accent-soft)}.mp-player-vehicle{color:var(--text-dim)}.mp-stats{gap:3px;display:grid}.mp-stats .stat-row{gap:10px}.mp-stats .stat-label{white-space:nowrap;flex:none}.mp-stats .stat-value{text-align:right}.mp-verdict{border-radius:var(--radius-sm);cursor:help;padding:5px 8px;font-size:12px;line-height:1.4}.mp-verdict[data-severity=ok]{color:var(--ok);background:#34d17a1a;border:1px solid #34d17a4d}.mp-verdict[data-severity=warn]{background:var(--accent-soft);color:var(--warn);border:1px solid #ffb02066}.mp-verdict[data-severity=bad]{color:#ffd2cd;background:#ff5a4e1f;border:1px solid #ff5a4e59}.mp-host{border-top:1px solid var(--panel-border);margin-top:10px;padding-top:8px;font-size:12px}.mp-host summary{cursor:pointer;color:var(--accent);font-weight:600}.mp-host ul{color:var(--text-dim);margin:4px 0 6px;padding-left:18px;line-height:1.45}.tb-btn[data-action=multiplayer][data-phase=connected] .tb-icon{color:var(--ok)}.tb-btn[data-action=multiplayer][data-phase=disconnected] .tb-icon{color:var(--danger)}.nameplates{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.nameplate{white-space:nowrap;will-change:transform, opacity;background:#0a0c109e;border:1px solid #ffffff1f;border-radius:8px;justify-items:center;padding:3px 8px;display:grid;position:absolute;top:0;left:0}.nameplate-name{font-size:12.5px;font-weight:650}.nameplate-detail,.nameplate-distance{color:var(--text-dim);font-size:10.5px}.lil-gui.tuning-panel.lil-root{border-radius:var(--radius);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);position:absolute;top:112px;right:248px;overflow:hidden}.lil-gui.tuning-panel.lil-root>.lil-children{max-height:calc(100vh - 340px)}.lil-gui.tuning-panel,.tuning-panel .lil-gui{--background-color:#101318f0;--text-color:#e8ebef;--title-background-color:#1a2028;--title-text-color:#e8ebef;--widget-color:#252c35;--hover-color:#2e3742;--focus-color:#39444f;--number-color:#ffcf70;--string-color:#9be38f;--font-family:var(--font);--font-size:11.5px;--input-font-size:11.5px;--widget-border-radius:5px;--name-width:48%}@media (max-width:900px){.stats{display:none}.lil-gui.tuning-panel.lil-root{right:12px}.tb-label{display:none}}.tuning-panel .tuning-note{color:var(--text-dim);white-space:normal;padding:4px 8px 6px;font-size:11px;line-height:1.45}.tuning-panel .tuning-note:empty{display:none}.tuning-panel .tuning-note strong{color:#e8ebef;font-weight:600}.tuning-panel .tuning-note ul{margin:2px 0 0;padding-left:16px}.tuning-panel .tuning-note .tuning-note--pending{color:#ffcf70}.tuning-panel .tuning-note .tuning-note--error{color:#ff8a80}.tuning-panel .tuning-note .tuning-note--ok{color:#9be38f}[data-panel-state=closed],[data-panel-state=minimised]>:not([data-panel-header]):not(.panel-ctl){display:none!important}[data-panel-state=minimised]>[data-panel-header]{margin-bottom:0}.panel-ctl{pointer-events:auto;flex:none;gap:2px;margin-left:auto;display:inline-flex}.panel-ctl--beside{z-index:1;position:absolute;top:6px;right:6px}.panel-ctl-btn{width:18px;height:18px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.panel-ctl-btn svg{width:12px;height:12px}.panel-ctl-btn:hover{color:var(--text);background:#ffffff14}.panel-ctl-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.panel-title--added{align-self:stretch;gap:12px;margin-bottom:4px}.tb-popover{min-width:270px;max-height:70vh;overflow:auto}.panel-list-row{grid-template-columns:1fr 40px 40px;align-items:center;padding:3px 8px;font-size:12px;display:grid}.panel-list-row input{accent-color:var(--accent);justify-self:center}.panel-list-head{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:10.5px}.panel-list-head>span:not(:first-child){justify-self:center}.panel-list-row--idle{color:var(--text-faint)}.panel-list-restore{text-align:center;margin-top:4px}#overlay.clean-view>:not(.clean-view-keep),#overlay:not(.clean-view) .clean-view-only{display:none!important}.clean-readout{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;background:#1013188c;border-radius:999px;gap:6px;padding:3px 12px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);pointer-events:none!important}.clean-readout-sep{color:var(--text-faint)}.clean-view-exit{border:1px solid var(--panel-border);color:var(--text-dim);font:inherit;cursor:pointer;opacity:.6;background:#1013188c;border-radius:999px;padding:3px 10px;font-size:11.5px;position:absolute;top:8px;right:8px}.clean-view-exit:hover,.clean-view-exit:focus-visible{opacity:1;color:var(--text)}@media (max-width:1160px){.hud-left,.hud-right{flex-direction:column;gap:8px}.hud-left{align-items:flex-start}.hud-right{align-items:flex-end}}.lab-layout{width:340px;max-height:calc(100% - 140px);position:absolute;top:68px;left:12px;overflow-y:auto}.lab-panel{color:var(--text);padding:12px;font-size:12px}.lab-row{grid-template-columns:110px 1fr;align-items:center;gap:4px 8px;margin:6px 0;display:grid}.lab-row .lab-readout{color:var(--text-dim);font-variant-numeric:tabular-nums;grid-column:2;font-size:11px}.lab-select{background:var(--panel-solid);width:100%;color:var(--text);border:1px solid var(--panel-border);border-radius:var(--radius-sm);font:inherit;padding:4px 6px}.lab-slider{width:100%;accent-color:var(--accent)}.lab-buttons{gap:8px;margin:10px 0 6px;display:flex}.lab-button{background:var(--accent-soft);color:var(--text);border:1px solid var(--panel-border);border-radius:var(--radius-sm);font:inherit;cursor:pointer;flex:1;padding:6px}.lab-legend{gap:12px;margin:4px 0;font-size:11px;display:flex}.lab-key-measured{color:var(--accent)}.lab-key-predicted{color:var(--info)}.lab-status{color:var(--text-dim);margin-top:6px}.lab-results{font-family:var(--mono);color:var(--text);margin-top:6px;font-size:11px;line-height:1.5}.lab-plots{flex-direction:column;gap:8px;width:min(370px,29vw);padding:10px;display:flex;position:absolute;top:68px;right:248px}.lab-plot-head{color:var(--text-dim);justify-content:space-between;gap:8px;font-size:11px;display:flex}.lab-plot-value{font-family:var(--mono);color:var(--text)}.lab-plot-canvas{border-radius:var(--radius-sm);background:#00000040;width:100%;height:96px;display:block}.lab-explain{border-left:3px solid var(--info);border-radius:var(--radius-sm);color:var(--text);background:#4cc2ff14;margin:4px 0 8px;padding:6px 8px;line-height:1.45}.lab-state{margin:6px 0}.lab-state-line{align-items:center;gap:8px;display:flex}.lab-badge{letter-spacing:.06em;border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:600}.lab-badge-running{color:var(--bg);background:var(--accent)}.lab-badge-finished{color:var(--bg);background:var(--ok)}.lab-state-time{font-family:var(--mono);color:var(--text-dim);font-size:11px}.lab-progress{background:#ffffff14;border-radius:2px;height:4px;margin:5px 0;overflow:hidden}.lab-progress-bar{background:var(--accent);width:0;height:100%}.lab-phase{color:var(--text-dim);font-style:italic}.lab-button:disabled{opacity:.45;cursor:default}.lab-replay:not(:disabled){border-color:var(--ok)}.lab-verdict{margin:4px 0 8px;line-height:1.45}.lab-verdict-match{color:var(--ok)}.lab-verdict-differs{color:var(--danger)}.lab-verdict-unpredicted{border-left:3px solid var(--text-dim);color:var(--text);padding:4px 8px}.lab-pressure-readout{color:var(--text-dim);font-variant-numeric:tabular-nums;margin:-2px 0 6px 118px;font-size:11px}.lab-ground,.lab-creep,.lab-drop{border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);margin:4px 0;padding:2px 0}.lab-exaggeration-label{border-radius:var(--radius-sm);max-width:min(520px,40vw);color:var(--bg);text-align:center;pointer-events:none;background:#ffb020eb;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.drive-telemetry{width:min(370px,29vw);max-height:calc(100% - 300px);color:var(--text);padding:10px;font-size:11px;position:absolute;top:68px;right:248px;overflow-y:auto}.drive-telemetry-state{font-family:var(--mono);letter-spacing:0;text-transform:none;color:var(--ok);margin-left:auto}.drive-telemetry-state--frozen{color:var(--accent)}.drive-telemetry-explain{color:var(--text-dim);margin-bottom:6px}.drive-telemetry-row{grid-template-columns:96px 1fr;align-items:center;gap:8px;margin:4px 0;display:grid}.drive-telemetry-factor{font-family:var(--mono);margin:4px 0 6px}.drive-telemetry-plots{flex-direction:column;gap:6px;display:flex}.drive-telemetry-plots .lab-plot-canvas{height:56px}.drive-telemetry-wheels{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-bottom:6px}.drive-telemetry-wheels th{text-align:left;color:var(--text-dim);padding:2px 4px 2px 0;font-weight:600}.drive-telemetry-wheels td{vertical-align:top;padding:2px 4px 2px 0}.drive-telemetry-ground--air{color:var(--text-faint);font-style:italic}