/* SPDX-License-Identifier: AGPL-3.0-or-later */
/* Detailed native vehicle workspace, 2026-10-20. */
.wiki-reader:has(.road-lab){max-width:1500px!important}
.rl-view-toolbar,.rl-camera{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.rl-view-toolbar{justify-content:space-between;margin:16px 0 10px}.rl-camera button[aria-pressed=true]{background:#192638;color:white;border-color:#192638}
.rl-drive-environment{display:flex;align-items:center;gap:7px;font-size:12px}.rl-drive-environment select{padding:7px;border:1px solid #c6d0da;border-radius:7px;background:#fff;color:#192638}
.rl-steering-pad{display:grid;grid-template-columns:1fr 1fr;gap:7px;grid-column:1/-1}.rl-steering-pad button{min-width:0}.rl-steering-pad strong{font-size:12px}.rl-driving-workspace .rl-pad{touch-action:none}
.rl-driving-workspace .rl-pad button[data-hold=pedal]{border-color:#438774;background:#edf7f1}.rl-driving-workspace .rl-pad button[data-hold=brake]{border-color:#b16862;background:#fff1ef}.rl-driving-workspace .rl-pad button.rl-on{background:#245ac4;color:white}
.rl-driving-workspace{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px;align-items:start}.rl-driving-workspace #rl-drive-scene{margin:0;aspect-ratio:8/5}.rl-driving-workspace .rl-pad{grid-template-columns:1fr;margin:0;gap:7px}.rl-driving-workspace .rl-pad button{min-height:58px}
.rl-input-drawer{margin:20px 0;padding:16px;border:1px solid #d9e0e7;border-radius:10px}.rl-input-drawer>summary{font-size:15px}.rl-input-drawer .rl-layout{margin-top:16px}
.rl-drive.rl-expanded{position:fixed;inset:0;z-index:10000;margin:0;padding:20px;background:#fff;overflow:auto;border:0}.rl-drive.rl-expanded .rl-driving-workspace{max-width:1500px;margin:auto}.rl-drive.rl-expanded .rl-view-toolbar{position:sticky;top:0;background:#fff;padding:8px;z-index:1}
.rl-drive.rl-expanded .rl-drive-head .rl-small{display:none}.rl-drive.rl-expanded .rl-drive-head h3{font-size:18px;margin:0}.rl-drive.rl-expanded .rl-drive-head{margin:0}
.er-view-toolbar{margin:12px 0}.er-rigid #er-vehicle{aspect-ratio:16/9}.er-native-note{font-size:12px;color:#596677}.er-view-toolbar button{min-height:36px}
@media(max-width:800px){.rl-driving-workspace{grid-template-columns:minmax(0,1fr)}.rl-driving-workspace .rl-pad{grid-template-columns:repeat(4,minmax(0,1fr))}.rl-drive.rl-expanded{padding:12px}}
@media(max-width:600px){.rl-driving-workspace #rl-drive-scene{aspect-ratio:760/1370}.rl-driving-workspace .rl-pad{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-camera button{min-height:40px}.rl-input-drawer{padding:10px}}
@media(max-width:600px){.rl-driving-workspace .rl-steering-pad{display:contents}.rl-driving-workspace .rl-pad{grid-template-columns:repeat(4,minmax(0,1fr))}.rl-driving-workspace .rl-pad button{padding:6px 2px;min-height:54px}.rl-driving-workspace .rl-pad strong{font-size:11px}.rl-driving-workspace .rl-pad span{font-size:9px}.rl-drive.rl-expanded #rl-drive-scene{max-height:calc(100dvh - 300px);object-fit:contain;background:#0b141d}.rl-drive.rl-expanded .rl-view-toolbar{gap:4px;margin:5px 0}.rl-drive.rl-expanded .rl-view-toolbar button{padding:5px;min-height:30px}}
.road-lab{--rl-ink:#192638;--rl-muted:#596677;--rl-line:#d9e0e7;--rl-blue:#245ac4;--rl-green:#2459a8;box-sizing:border-box;background:#fff;color:var(--rl-ink);border:1px solid var(--rl-line);border-radius:18px;padding:26px;margin:25px 0 38px;box-shadow:0 5px 24px #12223808;font:14px/1.5 system-ui,sans-serif;scroll-margin-top:20px}.road-lab *{box-sizing:border-box}.rl-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.road-lab .rl-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:750;color:var(--rl-green);margin:0 0 8px}.road-lab h2{font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:0 0 8px}.road-lab h3{font-size:14px;margin:0;font-weight:700}.rl-heading p{margin:0}.rl-engine{font-size:11px;white-space:nowrap;background:#f3f5f7;border:1px solid var(--rl-line);border-radius:30px;padding:6px 10px}.road-lab .rl-scope{font-size:13px;color:var(--rl-muted);max-width:95ch;margin:16px 0}.road-lab button,.road-lab select,.road-lab input[type=number],.rl-actions a{font:inherit;border:1px solid #c6d0da;border-radius:7px;background:#fff;color:var(--rl-ink);padding:6px 9px}.road-lab button{cursor:pointer}.road-lab button:hover{background:#eff3f7;border-color:#91a3b8}.road-lab button:disabled{opacity:.45;cursor:default}.road-lab :focus-visible{outline:3px solid #91b3ed;outline-offset:3px}.rl-presets{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--rl-line);padding:16px 0}.rl-presets span{color:var(--rl-muted);margin-right:6px;font-size:12px}.rl-presets button{font-size:12px}.rl-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:24px;border-top:1px solid var(--rl-line);padding-top:20px}.rl-controls{border-right:1px solid var(--rl-line);padding-right:24px}.rl-control{display:block;margin:17px 0}.rl-control>span{display:flex;justify-content:space-between;gap:10px;font-size:12px}.rl-control output{font-weight:700;font-variant-numeric:tabular-nums}.road-lab input[type=range]{width:100%;accent-color:var(--rl-green);cursor:pointer}.rl-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rl-pair label{font-size:11px}.rl-pair input{display:block;width:100%;margin-top:4px}.road-lab .rl-small{font-size:11px;color:var(--rl-muted);line-height:1.5;margin:10px 0}.rl-advanced{border-top:1px solid var(--rl-line);padding-top:10px}.road-lab summary{cursor:pointer;font-weight:600;font-size:12px}.rl-advanced .rl-pair{margin-top:12px}.rl-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.rl-road-table{margin:12px 0 8px;overflow-x:auto}.road-lab table{width:100%;border-collapse:collapse;font-size:11px}.road-lab th{text-align:left;font-weight:600;color:var(--rl-muted)}.road-lab th,.road-lab td{padding:4px;border:0;background:transparent}.rl-road-table input{width:100%;min-width:65px}.rl-order{white-space:nowrap}.rl-order button{padding:4px 7px;margin-right:3px}.rl-road-panel>button{font-size:11px}#rl-road-scene{width:100%;display:block;background:#f3f5f7;border:1px solid #e4e8ed;border-radius:10px;margin-top:12px}.rl-road-line{fill:none;stroke:#637386;stroke-width:7;stroke-linejoin:round}#rl-car path{fill:#245ac4;stroke:#152d58;stroke-width:1}#rl-car circle{fill:#253142;stroke:#fff;stroke-width:2}#rl-car.rl-limit path{fill:#a74732}#rl-road-scale{font:13px system-ui;fill:#56677b}.rl-status{background:#f3f5f7;border:1px solid var(--rl-line);border-radius:8px;padding:11px 14px;margin:18px 0 12px;font-size:12px}.rl-status[data-state=limit],.rl-status[data-state=error]{background:#fff4ed;border-color:#edc4a6;color:#8b3f1f}.rl-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 20px}.rl-metrics strong{font-size:22px}.rl-metrics>div{border-left:2px solid #b5c6df;padding-left:12px}.rl-metrics span,.rl-metrics small{display:block;font-size:11px;color:var(--rl-muted)}.rl-metrics strong{display:block;font-size:25px;letter-spacing:-.04em;font-weight:650;font-variant-numeric:tabular-nums}.rl-playback{display:flex;gap:10px;align-items:center;padding-top:16px;border-top:1px solid var(--rl-line)}.rl-playback label{font-size:11px;white-space:nowrap}.rl-playback input{flex:1;min-width:60px}.rl-playback button{font-size:11px;white-space:nowrap}#rl-play,#rl-run{background:var(--rl-green);border-color:var(--rl-green);color:white}.rl-plots{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rl-plot{padding:12px;border:1px solid var(--rl-line);border-radius:9px;min-width:0}.rl-plot svg{width:100%;display:block;touch-action:pan-y}.rl-plot h3{font-size:12px}.rl-plot output{font-size:12px;color:var(--rl-blue);font-variant-numeric:tabular-nums}.rl-plot text{font:10px system-ui;fill:#647386}.rl-gridline{stroke:#e6eaf0;stroke-width:1}.rl-line{fill:none;stroke:var(--rl-blue);stroke-width:2}.rl-baseline{stroke:#7e8998;stroke-width:1.4;stroke-dasharray:5 4}.rl-cursor{stroke:#344c6c;stroke-dasharray:3 3;stroke-width:1}.rl-rating,.rl-limit-line{stroke:#b25a38;stroke-width:1;stroke-dasharray:5 3}.rl-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--rl-line);padding-top:15px;margin-top:16px}.rl-actions button,.rl-actions a{font-size:11px;text-decoration:none}.rl-pending .rl-metrics,.rl-pending .rl-plots{opacity:.35}#rl-blocks{border-top:1px solid var(--rl-line);padding-top:16px;margin-top:20px}#rl-diagram{max-width:100%;overflow:hidden}#rl-inspector{max-height:220px;overflow:auto;white-space:pre-wrap;font-size:11px;background:#f3f5f7;padding:12px}.road-lab[hidden]{display:none}.road-lab button[hidden]{display:none}.wiki-reader:has(.road-lab){max-width:1180px}.wiki-article:has(.road-lab)>.wiki-toc{font-size:13px}.wiki-article:has(.road-lab) .wiki-prose{max-width:95ch}@media(max-width:800px){.road-lab{padding:18px}.rl-layout{grid-template-columns:minmax(0,1fr)}.rl-controls{border-right:0;padding-right:0}.rl-heading{display:block}.rl-engine{display:inline-block;margin-top:12px}.rl-playback{flex-wrap:wrap}.rl-playback input{min-width:40%;order:3}.rl-metrics{grid-template-columns:repeat(2,1fr);row-gap:15px}}@media(max-width:500px){.road-lab{padding:12px;border-radius:10px}.road-lab h2{font-size:23px}.rl-plots{grid-template-columns:1fr}.rl-heading p{font-size:12px}.rl-presets button{font-size:11px;padding:5px 6px}}
.rl-control select{display:block;width:100%;margin-top:4px}.rl-pair select{display:block;width:100%;margin-top:4px;font:inherit;border:1px solid #c6d0da;border-radius:7px;background:#fff;color:var(--rl-ink);padding:6px 9px}.rl-pair output{font-weight:400;color:var(--rl-muted)}.rl-controls h3{margin-top:18px}.rl-controls h3:first-child{margin-top:0}.rl-flame{fill:#e8893b;stroke:#b25a38;stroke-width:1}.rl-suction path{fill:none;stroke:#2459a8;stroke-width:2;stroke-linecap:round}#rl-scene-state{font:12px Arial,Helvetica,sans-serif;fill:#2459a8}.rl-plots{grid-template-columns:repeat(3,1fr)}#rl-parts{border-top:1px solid var(--rl-line);padding-top:16px;margin-top:16px}#rl-parts-record{max-height:260px;overflow:auto;white-space:pre-wrap;font-size:11px;background:#f3f5f7;padding:12px}[hidden].rl-flame,[hidden].rl-suction{display:none}.rl-controls,.rl-road-panel{min-width:0}.road-lab select{max-width:100%}@media(max-width:1000px){.rl-plots{grid-template-columns:repeat(2,1fr)}}
:root:has(#live-road-battery){color-scheme:light;--ground:#ffffff;--surface:#ffffff;--surface-2:#f5f6f8;--line:#dce1e8;--ink:#202938;--ink-2:#425168;--muted:#596579;--accent:#2459a8;--accent-ink:#fff;--accent-soft:#eef4ff}.wiki-article:has(.road-lab){display:block}.wiki-article:has(.road-lab)>.wiki-pack-toc{max-width:95ch}.road-lab h2,.road-lab h3{color:#192638}.road-lab .example-diagram{color-scheme:light}
.rl-drive{border-top:1px solid var(--rl-line);margin-top:22px;padding-top:18px}
.rl-drive-head{align-items:flex-start}.rl-drive-head h3{margin:0 0 4px;font-size:17px}.rl-drive-head .rl-small{margin:0;max-width:62ch}
.rl-drive-run{display:flex;gap:8px;flex-shrink:0}.rl-drive-run button{font-size:12px;white-space:nowrap}#rl-drive-start:not(:disabled){background:var(--rl-blue);color:#fff;border-color:var(--rl-blue);font-weight:600}
#rl-drive-scene{width:100%;height:auto;aspect-ratio:16/9;display:block;border:1px solid #e4e8ed;border-radius:10px;margin-top:14px;outline-offset:2px;touch-action:none;background:#fff}.rl-scene-note{margin:6px 0 0}#rl-drive-record.rl-rec{background:#a74732;border-color:#a74732;color:#fff}
#rl-drive-car path{fill:#245ac4;stroke:#152d58;stroke-width:1}#rl-drive-car circle{fill:#253142;stroke:#fff;stroke-width:2}#rl-drive-car.rl-limit path{fill:#a74732}
.rl-hud{font:600 20px system-ui;fill:var(--rl-ink);font-variant-numeric:tabular-nums}.rl-hud-warn{font:600 13px system-ui;fill:#a74732}.rl-small-text{font:11px system-ui;fill:#647386}
.rl-tick{stroke:#9aa8b8;stroke-width:1}.rl-tick-major{stroke:#56677b;stroke-width:1.5}.rl-tick-label{font:10px system-ui;fill:#647386}
.rl-pad{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:12px}
.rl-pad button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:8px 6px;font-size:13px;border-radius:9px;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}
.rl-pad button strong{font-weight:650}.rl-pad button span{font-size:10px;color:var(--rl-muted)}
.rl-pad button.rl-on,.rl-pad button[aria-pressed=true]{background:var(--rl-blue);border-color:var(--rl-blue);color:#fff}.rl-pad button.rl-on span,.rl-pad button[aria-pressed=true] span{color:#dbe6ff}
.rl-pad button[data-hold=forward].rl-on,.rl-pad button[data-hold=up].rl-on{background:#c9641f;border-color:#c9641f}.rl-pad button[data-toggle=fan][aria-pressed=true]{background:var(--rl-green);border-color:var(--rl-green)}
.rl-pad button[data-hold=forward].rl-firing{background:#c9641f;border-color:#c9641f;color:#fff}
.rl-pad button .rl-thrust-feedback{font-size:10px;font-weight:650;color:#2459a8;line-height:1.3}
.rl-pad button.rl-firing .rl-thrust-feedback,.rl-pad button.rl-on .rl-thrust-feedback{color:#fff}
.rl-pad button .rl-thrust-feedback[data-state=no-pressure],.rl-pad button .rl-thrust-feedback[data-state=no-thrusters]{color:#a63a26}
.rl-gauges{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px 12px;margin:12px 0}
.rl-gauges>div{border-left:2px solid #b5c6df;padding-left:10px;min-width:0}.rl-gauges span,.rl-gauges small{display:block;font-size:10px;color:var(--rl-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-gauges strong{display:block;font-size:20px;letter-spacing:-.03em;font-weight:650;font-variant-numeric:tabular-nums}.rl-gauges>div.rl-warn{border-left-color:#a74732}.rl-gauges>div.rl-warn strong{color:#a74732}
.rl-strips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rl-strip h3{font-size:11px}.rl-strip output{font-size:12px;color:var(--rl-blue);font-variant-numeric:tabular-nums}
.rl-section-title{margin:26px 0 0;font-size:17px}
@media(max-width:1000px){.rl-gauges{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.rl-drive-head{flex-direction:column}.rl-pad{grid-template-columns:repeat(3,minmax(0,1fr))}.rl-pad button{min-height:64px}}
@media(max-width:600px){#rl-drive-scene{aspect-ratio:640/1090}}
@media(max-width:500px){.rl-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-strips{grid-template-columns:minmax(0,1fr)}.rl-pad{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-hud{font-size:16px}}
.rl-kv-wrap{margin:6px 0 10px}.rl-kv{width:100%;border-collapse:collapse;font-size:12px;margin:4px 0}
.rl-kv th,.rl-kv td{border-top:1px solid var(--rl-line);padding:4px 8px 4px 0;text-align:left;vertical-align:top}
.rl-kv th{font-weight:500;color:var(--rl-muted);width:38%}.rl-kv td{color:var(--rl-ink)}
.rl-kv tr[data-flag="limit"] td{color:#9b2c2c;font-weight:600}.rl-kv tr[data-flag="note"] td{font-weight:600}
.rl-kv-source{margin-top:8px;border-top:2px solid var(--rl-line)}.rl-kv-source th{font-style:italic}.rl-kv caption{text-align:left;caption-side:top;padding:6px 0 2px;font-size:11.5px;color:var(--rl-muted);font-weight:600;letter-spacing:.02em}
.rl-mode-table{margin:2px 0 0}.rl-mode-table th{width:30%}
.rl-run-table{margin:-4px 0 12px;font-size:12.5px}.rl-run-table[hidden]{display:none}.rl-run-table th{width:24%}
.rl-blocks{margin:14px 0 6px;padding-top:4px}.rl-blocks .rl-diagram-head{align-items:baseline;gap:8px 16px;flex-wrap:wrap}.rl-blocks .rl-section-title{margin:0 auto 0 0;flex:1 1 100%}.rl-blocks .rl-diagram-head label{display:flex;align-items:center;gap:6px}
.rl-cursor-table{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:12px;table-layout:fixed}
.rl-cursor-table caption{text-align:left;font-size:11px;color:var(--rl-muted);padding:0 0 6px;caption-side:top}
.rl-cursor-table th,.rl-cursor-table td{border-top:1px solid var(--rl-line);padding:5px 8px;text-align:left;vertical-align:baseline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-cursor-table th{font-weight:500;color:var(--rl-muted);width:22%}.rl-cursor-table td{width:28%}
.rl-cursor-table strong{font-weight:650;font-variant-numeric:tabular-nums}.rl-cursor-table small{color:var(--rl-muted);font-size:11px}
.rl-cursor-table tr:last-child th,.rl-cursor-table tr:last-child td{border-bottom:1px solid var(--rl-line)}.rl-cursor-limit td{color:#8b3f1f;font-weight:600}
@media(max-width:500px){.rl-cursor-table{font-size:11px}.rl-cursor-table th,.rl-cursor-table td{padding:4px 5px;white-space:normal}.rl-cursor-table th{width:20%}.rl-cursor-table td{width:30%}}
.rl-diagram-head{margin:6px 0 8px}.rl-diagram-head label{font-size:12px}.rl-diagram-head select{font:inherit;font-size:12px;border:1px solid #c6d0da;border-radius:7px;background:#fff;color:var(--rl-ink);padding:4px 8px;margin-left:6px}
.rl-mode{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #b5c6df;background:#f3f6fb;border-radius:10px;padding:12px 16px;margin:16px 0 4px}
.rl-mode strong{font-size:13px}.rl-mode .rl-small{margin:4px 0 0;max-width:70ch}
.rl-mode-switch{display:flex;gap:6px;flex-shrink:0;background:#fff;border:1px solid #c6d0da;border-radius:9px;padding:4px}
.rl-mode-switch label{font-size:13px;font-weight:600;padding:7px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px}
.rl-mode-switch label:has(input:checked){background:var(--rl-blue);color:#fff}.rl-mode-switch input{margin:0}
.rl-gauges>div.rl-capped{border-left-color:var(--rl-blue)}.rl-gauges>div.rl-capped strong{color:var(--rl-blue)}
@media(max-width:800px){.rl-mode{flex-direction:column;align-items:stretch}.rl-mode-switch{justify-content:stretch}.rl-mode-switch label{flex:1;justify-content:center}}

.rl-controls textarea{width:100%;min-height:8rem;padding:.65rem;border:1px solid #cbd5e1;border-radius:.35rem;background:#fff;color:#1f2937;font:12px/1.5 ui-monospace,monospace;resize:vertical;box-sizing:border-box}

/* Engineering review additions: native 6-DOF and measured-data reports. */
.er-rigid{margin:2rem 0;padding:1.25rem;border:1px solid var(--line,#dce1e8);border-radius:12px;background:var(--ground,#f3f5f7)}
.er-rigid canvas{display:block;width:100%;height:auto;border:1px solid #dce1e8;border-radius:8px;margin:.75rem 0;background:#f3f5f7}
.er-rigid textarea,.er-rigid input[type=range]{width:100%;box-sizing:border-box}.er-rigid textarea{font-family:monospace;min-height:8rem;padding:.6rem}.er-rigid input,.er-rigid select{max-width:100%}
.er-measured{margin:1rem 0;padding:.8rem;border:1px solid #dce1e8;border-radius:8px}.er-measured .rl-actions{flex-wrap:wrap}.er-measured table{overflow-wrap:anywhere}.er-measured h4{margin:.25rem 0}.er-controls{margin:1rem 0}
@media(max-width:600px){.er-rigid{padding:.65rem}.er-controls{grid-template-columns:1fr}.er-rigid .rl-actions{flex-wrap:wrap}}

/* Proving-ground route HUD. The map and native course feedback share one compact panel. */
.road-lab .rl-course{margin:0 0 14px;padding:14px;border:1px solid #314653;border-radius:12px;background:linear-gradient(135deg,#101f2b,#152733);color:#eaf3f6;box-shadow:0 5px 18px #0a182212;color-scheme:dark}
.road-lab .rl-course[hidden],.road-lab .rl-course-fullmap[hidden]{display:none}
.rl-course-head{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;margin-bottom:12px}
.road-lab .rl-course-eyebrow{margin:0 0 3px;color:#80d9c6;font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1.4}
.road-lab .rl-course h4{margin:0;color:#f0f7fa;font-size:14px;font-weight:650;letter-spacing:-.01em;line-height:1.35}
.rl-course-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex-shrink:0}
.road-lab .rl-course-actions button{min-height:34px;padding:7px 10px;border:1px solid #46606e;border-radius:7px;background:#213644;color:#dfecf2;font-size:11px;font-weight:600;line-height:1.3}
.road-lab .rl-course-actions button:first-child{background:#b5f1dc;border-color:#b5f1dc;color:#102d27}
.road-lab .rl-course-actions button:hover{background:#314d5d;border-color:#7f9ba9;color:#fff}
.road-lab .rl-course-actions button:first-child:hover{background:#d3fbe9;border-color:#d3fbe9;color:#102d27}
.road-lab .rl-course-actions button:focus-visible{outline-color:#b5f1dc;outline-offset:3px}
.road-lab .rl-course-actions button[aria-expanded=true]{background:#355363;border-color:#91b6c5}
.rl-course-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:16px}
.rl-course-map{display:block;width:100%;height:150px;min-width:0;border:1px solid #314a59;border-radius:9px;background:#101e2a}
.rl-course-readout{min-width:0;display:grid;gap:8px;font-variant-numeric:tabular-nums}
.rl-course-readout>strong{font-size:17px;font-weight:650;letter-spacing:-.02em;line-height:1.1;color:#bcf5e1}
.road-lab .rl-course-readout>p{margin:0;color:#dae6eb;font-size:11px;line-height:1.5}
.rl-course-gates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0}
.rl-course-gates li{display:grid;gap:3px;min-width:0;padding:7px 8px;border:1px solid #4b5050;border-radius:6px;background:#293234;color:#f5ce78;line-height:1.2}
.rl-course-gates li span{font-size:10px;white-space:nowrap;color:#c8d5dc}
.rl-course-gates li strong{font-size:11px;font-weight:650;overflow-wrap:anywhere}
.rl-course-gates li[data-state=cleared]{border-color:#438770;background:#1b3c36;color:#a9f0d6}
.rl-course-gates li[data-state=hit]{border-color:#bb6b65;background:#452e32;color:#ffc4bb}
.rl-course-gates li[data-state=bypassed]{border-color:#647280;background:#2c3a46;color:#d2dce5}
.road-lab .rl-course-readout>.rl-course-hint{color:#a9bdc9;font-size:10px;line-height:1.45}
.road-lab .rl-course-event{margin:12px 0 0;padding:9px 0 0;border-top:1px solid #304753;color:#c6e5e7;font-size:11px;line-height:1.45}
.road-lab .rl-course-note{margin:5px 0 0;color:#9fb4c1;font-size:10px;line-height:1.45}
.rl-course-fullmap{margin-top:12px;padding:5px;border:1px solid #375363;border-radius:10px;background:#0c1923}
.rl-course-fullmap canvas{display:block;width:100%;height:clamp(220px,33vw,430px);border-radius:6px}
.rl-drive.rl-expanded .rl-course{max-width:1500px;margin:0 auto 14px}
@media(max-width:800px){
 .rl-course-head{align-items:flex-start;flex-wrap:wrap}
 .rl-course-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}
 .road-lab .rl-course-actions button{min-height:38px}
 .rl-course-gates li{padding:6px}
}
@media(max-width:600px){
 .road-lab .rl-course{padding:11px;border-radius:9px;margin-bottom:10px}
 .rl-course-head{gap:9px;margin-bottom:10px}
 .road-lab .rl-course h4{font-size:13px}
 .rl-course-actions{width:100%;gap:6px}
 .road-lab .rl-course-actions button{min-height:40px;font-size:11px;flex:1}
 .rl-course-body{grid-template-columns:minmax(0,1fr);gap:11px}
 .rl-course-map{height:130px}
 .rl-course-readout{gap:7px}
 .rl-course-readout>strong{font-size:15px}
 .rl-course-gates li{padding:7px 9px;grid-template-columns:1fr;gap:3px}
 .road-lab .rl-course-event{margin-top:10px}
 .rl-course-fullmap{margin-top:10px;padding:2px}
}


/* Keep the road and touch controls together in the expanded driving view.
   The canvas already contains a live map; the larger map stays one tap away. */
.rl-drive.rl-expanded .rl-course{padding:8px 10px;margin-bottom:9px}
.rl-drive.rl-expanded .rl-course-head{margin:0}
.rl-drive.rl-expanded .rl-course-head>div:first-child,.rl-drive.rl-expanded .rl-course-body,.rl-drive.rl-expanded .rl-course-note{display:none}
.rl-drive.rl-expanded .rl-course-actions{width:100%;justify-content:space-between}
.rl-drive.rl-expanded .rl-course-actions button{flex:1;min-height:32px}
.rl-drive.rl-expanded .rl-course-event{margin-top:6px;padding-top:6px;font-size:10px}

/* Native gas inventory and explicitly estimated jump reserve beside the controls. */
.road-lab .rl-jump-reserve{margin:12px 0;padding:13px 15px;border:1px solid #34505e;border-radius:10px;background:#112531;color:#eaf4f7;font-variant-numeric:tabular-nums;color-scheme:dark}
.rl-drive [hidden]{display:none!important}
.rl-reference-active [data-reference-hide]{display:none!important}
.rl-jump-reserve-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.road-lab .rl-jump-reserve-head h4{margin:0;color:#eaf4f7;font-size:12px;font-weight:650;letter-spacing:.04em}
.rl-jump-reserve-state{padding:4px 8px;border:1px solid #568676;border-radius:5px;background:#1a3c35;color:#b4f3db;font-size:10px;font-weight:650;line-height:1.2}
.rl-jump-reserve[data-state=low] .rl-jump-reserve-state,.rl-jump-reserve[data-state=waiting] .rl-jump-reserve-state{border-color:#a38244;background:#3c3527;color:#ffe3a4}
.rl-jump-reserve[data-state=empty] .rl-jump-reserve-state,.rl-jump-reserve[data-state=blocked] .rl-jump-reserve-state{border-color:#a3645e;background:#462e30;color:#ffc4bc}
.rl-jump-reserve-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.75fr) auto;align-items:center;gap:14px 22px}
.rl-jump-reserve-tank,.rl-jump-reserve-estimate,.rl-jump-reserve-battery{min-width:0}
.rl-jump-reserve-quantity{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:#dcebf0;font-size:12px;line-height:1.4}
.rl-jump-reserve-quantity strong{font-size:19px;font-weight:650;color:#f4fafb;letter-spacing:-.02em}
.rl-jump-reserve-quantity span{white-space:nowrap;color:#adc8d5}
.rl-jump-reserve-segments{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;margin-top:7px;height:12px;overflow:hidden;border-radius:3px}
.rl-jump-reserve-segments i{display:block;background:#304754;border-radius:1px}
.rl-jump-reserve-segments i[data-fill=full]{background:#8ae3c3}
.rl-jump-reserve[data-state=low] .rl-jump-reserve-segments i[data-fill=full],.rl-jump-reserve[data-state=waiting] .rl-jump-reserve-segments i[data-fill=full]{background:#efca75}
.rl-jump-reserve[data-state=empty] .rl-jump-reserve-segments i[data-fill=full],.rl-jump-reserve[data-state=blocked] .rl-jump-reserve-segments i[data-fill=full]{background:#f59f91}
.rl-jump-reserve-estimate strong{display:block;color:#c1f4e1;font-size:21px;line-height:1.15;letter-spacing:-.02em;font-weight:650}
.rl-jump-reserve-estimate span,.rl-jump-reserve-battery span{display:block;margin-top:3px;color:#b9ccd7;font-size:10px;line-height:1.4}
.rl-jump-reserve-battery strong{font-size:17px;line-height:1.15;font-weight:650;color:#e6f2f6}
.road-lab .rl-jump-reserve button{min-height:38px;max-width:190px;padding:7px 11px;border:1px solid #79b9a4;background:#b5f1dc;color:#102d27;font-size:11px;font-weight:600;line-height:1.4}
.road-lab .rl-jump-reserve button:hover{background:#d3fbe9;border-color:#d3fbe9;color:#102d27}
.road-lab .rl-jump-reserve button:focus-visible{outline-color:#b5f1dc}
.road-lab .rl-jump-reserve-note{margin:10px 0 0;padding-top:8px;border-top:1px solid #304b5a;color:#b9cdd7;font-size:10px;line-height:1.5}
.rl-drive.rl-expanded .rl-jump-reserve{max-width:1500px;margin:10px auto}
@media(max-width:850px){.rl-jump-reserve-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px 18px}.road-lab .rl-jump-reserve button{justify-self:end;width:100%;max-width:none}.rl-jump-reserve-battery{display:flex;align-items:baseline;gap:7px}.rl-jump-reserve-battery span{margin:0}}
@media(max-width:500px){.road-lab .rl-jump-reserve{padding:11px}.rl-jump-reserve-head{align-items:flex-start;gap:8px}.road-lab .rl-jump-reserve-head h4{max-width:50%;font-size:11px}.rl-jump-reserve-state{font-size:9px}.rl-jump-reserve-body{gap:11px 12px}.rl-jump-reserve-quantity{display:block;font-size:11px}.rl-jump-reserve-quantity strong{font-size:17px}.rl-jump-reserve-quantity span{display:block;margin-top:2px}.rl-jump-reserve-estimate strong{font-size:19px}.rl-jump-reserve-battery{display:block}.road-lab .rl-jump-reserve button{min-height:42px;font-size:10px}.rl-jump-reserve-segments{gap:2px;height:11px}}

/* Keep the reference animation explicitly separate from native driving. */
.road-lab .rl-reference-example{margin:12px 0;padding:14px;border:1px solid #c7d2da;border-radius:12px;background:#f3f6f8;color:#192638}
.road-lab .rl-reference-example h3,.road-lab .rl-reference-example h4{margin:0 0 8px;color:#192638;font-size:16px;line-height:1.4}
.rl-reference-example iframe{display:block;width:100%;min-height:700px;height:min(1000px,85vh);border:0;border-radius:8px;background:#101923}
.road-lab .rl-reference-meta{margin:10px 0;color:#526577;font-size:12px;line-height:1.6;max-width:100ch}
.rl-reference-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:10px 0;font-size:12px}
.rl-reference-actions a{color:#245ac4;font-weight:600;text-underline-offset:3px}
.rl-reference-actions a:hover{color:#133d8e}
@media(max-width:600px){.road-lab .rl-reference-example{padding:10px;border-radius:9px}.road-lab .rl-reference-example h3,.road-lab .rl-reference-example h4{font-size:14px}.road-lab .rl-reference-meta{font-size:11px}.rl-reference-actions{font-size:11px}}

/* Connected road navigation and the explicitly selected driving setup. */
.rl-course-roads{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 12px;padding:9px 0;border-top:1px solid #304753;border-bottom:1px solid #304753}
.rl-course-roads label{display:flex;align-items:center;gap:8px;color:#c1d9e3;font-size:11px;font-weight:600}
.road-lab .rl-course-roads select{min-width:155px;min-height:34px;padding:6px 9px;border-color:#4c6977;background:#203846;color:#eef8fa;font-size:11px}
.road-lab .rl-course-roads button{min-height:34px;padding:6px 10px;border:1px solid #74b49f;background:#b5f1dc;color:#102d27;font-size:11px;font-weight:600}
.road-lab .rl-course-roads button:hover:not(:disabled){background:#d3fbe9;color:#102d27}
.road-lab .rl-course-roads button:disabled{background:#263e48;border-color:#48616c;color:#9db4bf;opacity:1;cursor:default}
.rl-course-roads>span{margin-left:auto;color:#9fb7c5;font-size:10px}
.rl-course-gates{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.rl-course-gates li{padding:7px 5px}
.rl-course-gates li span{font-size:9px;white-space:normal}
.rl-course-gates li strong{font-size:10px}
.road-lab .rl-course-guidance[data-cue=jump]{padding:8px 10px;border:1px solid #80ddbb;border-radius:6px;background:#194e3f;color:#cbffe9;font-size:12px;font-weight:650}
.road-lab .rl-course-guidance[data-cue=hit]{padding:8px 10px;border:1px solid #d1897d;border-radius:6px;background:#4b2b2d;color:#ffe0d7;font-size:12px;font-weight:650}
.rl-drive-profile{display:flex;align-items:center;gap:7px;font-size:12px;color:#344d60}
.road-lab .rl-drive-profile select{min-height:34px;font-size:11px;border-color:#9eafb9;background:#f7fafb;color:#192638}
.road-lab .rl-drive-profile-note{margin:0 0 10px;padding:8px 11px;border:1px solid #c9dcd5;border-radius:7px;background:#eef7f2;color:#365f50;font-size:11px;line-height:1.5}
.rl-gear-note{flex:1 1 160px;max-width:250px;color:#526b7a;font-size:10px;line-height:1.4}
.road-lab #rl-drive-gear{min-width:80px}
.rl-drive.rl-expanded .rl-course-roads{margin:7px 0 0;padding:7px 0 0;border-bottom:0}
.rl-drive.rl-expanded .rl-course-roads>span{display:none}
@media(max-width:600px){.rl-course-roads{gap:8px;margin-bottom:10px}.rl-course-roads label{width:100%;justify-content:space-between}.road-lab .rl-course-roads select{flex:1;max-width:75%;min-height:40px}.road-lab .rl-course-roads button{min-height:40px;flex:1}.rl-course-roads>span{max-width:45%;font-size:9px;margin-left:0}.rl-course-gates li{padding:6px 4px}.rl-course-gates li span{font-size:9px}.rl-course-gates li strong{font-size:9px}.rl-drive-profile{width:100%;justify-content:space-between}.road-lab .rl-drive-profile select{max-width:75%;font-size:11px}.road-lab .rl-drive-profile-note{font-size:10px}}

/* A short, optional driving guide stays in the document, never over the road. */
.road-lab .rl-driving-guide{margin:0 0 13px;scroll-margin-top:70px}
.rl-driving-guide[hidden],.rl-driving-guide [hidden]{display:none!important}
.rl-guide-welcome{padding:17px 18px;border:1px solid #abcdbd;border-radius:11px;background:linear-gradient(120deg,#eef8f1,#f6faf7);color:#193d31}
.rl-guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.road-lab .rl-guide-eyebrow{margin:0 0 5px;color:#367762;font-size:10px;font-weight:700;letter-spacing:.12em}
.road-lab .rl-guide-welcome h4{margin:0;color:#173d2e;font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.02em}
.road-lab .rl-guide-intro{margin:6px 0 0;color:#476558;font-size:12px;line-height:1.5}
.rl-guide-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:16px 0 12px;list-style:none;counter-reset:drive-step}
.rl-guide-controls li{position:relative;min-width:0;padding:10px 10px 10px 35px;border:1px solid #cfdfd5;border-radius:8px;background:#ffffffa6;counter-increment:drive-step}
.rl-guide-controls li:before{content:counter(drive-step);position:absolute;top:11px;left:10px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#d7eddf;color:#235e47;font-size:10px;font-weight:700}
.rl-guide-controls strong{display:block;margin-bottom:4px;color:#234a3a;font-size:12px;line-height:1.3}
.rl-guide-controls span{display:block;color:#526c5e;font-size:11px;line-height:1.45}
.road-lab .rl-guide-extra{margin:0;color:#4d695b;font-size:11px;line-height:1.6}
.rl-guide-start-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;margin-top:14px}
.road-lab .rl-guide-start{min-width:170px;min-height:44px;padding:10px 18px;border-color:#1c7051;background:#1c7051;color:#fff;font-size:14px;font-weight:700;box-shadow:0 3px 7px #1d5c4520}
.road-lab .rl-guide-start:hover:not(:disabled){border-color:#15583f;background:#15583f;color:#fff}
.road-lab .rl-guide-start:disabled{opacity:.65}
.rl-guide-ready{color:#557262;font-size:11px;line-height:1.4}
.road-lab .rl-guide-quiet{padding:6px 8px;border-color:transparent;background:transparent;color:#557165;font-size:10px;white-space:nowrap}
.road-lab .rl-guide-quiet:hover{border-color:#b6ccbe;background:#e1efe5;color:#244b39}
.rl-guide-strip{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid #35594f;border-radius:9px;background:#163a31;color:#f0faf4}
.rl-guide-step{flex-shrink:0;display:grid;place-items:center;width:44px;height:38px;border:1px solid #58917b;border-radius:7px;background:#244f40;color:#b5f3d5;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.rl-guide-instruction{flex:1;min-width:0}
.rl-guide-instruction>strong{display:block;color:#eafff1;font-size:14px;font-weight:650;line-height:1.3}
.road-lab .rl-guide-instruction>p{margin:3px 0 0;color:#c1dace;font-size:11px;line-height:1.5}
.rl-guide-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.road-lab .rl-guide-actions button{min-height:34px;padding:6px 10px;border:1px solid #6b9885;background:#295442;color:#e2f5e9;font-size:11px;font-weight:600}
.road-lab .rl-guide-actions button:hover{border-color:#a1d3bc;background:#376b55;color:#fff}
.road-lab .rl-guide-actions .rl-guide-quiet{border-color:transparent;background:transparent;color:#b5d1c2;font-size:10px}
.rl-guide-strip[data-step=jump]{border-color:#c8d995;background:#254c36}
.rl-guide-strip[data-step=collision]{border-color:#b1776d;background:#452c2b}
.rl-guide-strip[data-step=collision] .rl-guide-step{border-color:#bd8174;background:#624139;color:#ffdace}
.rl-guide-launcher{display:flex;justify-content:flex-end}
.road-lab .rl-guide-launcher button{min-height:34px;border-color:#9bb9a9;background:#f3faf5;color:#2d664e;font-size:11px;font-weight:600}
.road-lab .rl-guide-target{position:relative;outline:3px solid #e6b949;outline-offset:3px;box-shadow:0 0 0 6px #f5d36a28}
.road-lab .rl-guide-target:after{content:attr(data-guide-action);position:absolute;top:-9px;right:5px;padding:2px 5px;border-radius:4px;background:#f1ca63;color:#3b321c;font-size:8px;line-height:1.2;font-weight:800;letter-spacing:.05em;pointer-events:none}
.rl-drive.rl-expanded .rl-driving-guide{max-width:1500px;margin:0 auto 11px}
@media(max-width:900px){.rl-guide-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-guide-actions{flex-direction:column;gap:1px}.road-lab .rl-guide-actions .rl-guide-quiet{min-height:24px;padding:3px 5px}}
@media(max-width:600px){.rl-guide-welcome{padding:13px 12px}.road-lab .rl-guide-welcome h4{font-size:18px}.road-lab .rl-guide-intro{font-size:11px}.rl-guide-heading{gap:5px}.rl-guide-controls{gap:7px;margin-top:12px}.rl-guide-controls li{padding:9px 7px 9px 30px}.rl-guide-controls li:before{left:8px;top:10px;width:15px;height:15px;font-size:9px}.rl-guide-controls strong{font-size:11px}.rl-guide-controls span{font-size:10px}.road-lab .rl-guide-extra{font-size:10px}.rl-guide-start-row{gap:8px}.road-lab .rl-guide-start{width:100%;min-height:46px}.rl-guide-strip{align-items:flex-start;gap:9px;padding:10px}.rl-guide-step{width:32px;height:30px;font-size:10px}.rl-guide-instruction>strong{font-size:12px}.road-lab .rl-guide-instruction>p{font-size:10px}.road-lab .rl-guide-actions button{min-height:36px;padding:5px 8px;font-size:10px}.road-lab .rl-guide-actions .rl-guide-quiet{font-size:9px;min-height:30px}.rl-drive.rl-expanded .rl-driving-guide{margin-bottom:8px}}

/* Keep the road, tutorial and every driving control in the expanded desktop view. */
@media(min-width:901px){
 .rl-drive.rl-expanded .rl-drive-profile-note{display:none}
 .rl-drive.rl-expanded .rl-course{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}
 .rl-drive.rl-expanded .rl-course-roads{margin:0;padding:0;border:0}
 .rl-drive.rl-expanded .rl-course-event{display:none}
 .rl-drive.rl-expanded #rl-drive-scene{max-height:calc(100dvh - 320px);object-fit:contain;background:#0b141d}
 .rl-drive.rl-expanded .rl-driving-workspace{grid-template-columns:minmax(0,1fr) 220px}
 .rl-drive.rl-expanded .rl-driving-workspace .rl-pad{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .rl-drive.rl-expanded .rl-driving-workspace .rl-pad button{min-height:48px;padding:7px 4px}
}

/* Mobile expanded play: one visible scene and two thumb-control rows.
   Preserve the canvas aspect with contain; never crop off the road or dashboard. */
.rl-mobile-tools{display:none}
.rl-mobile-settings{display:contents}
body:has(.rl-drive.rl-mobile-fit){overflow:hidden;overscroll-behavior:none}
.rl-drive.rl-expanded.rl-mobile-fit{inset:auto 0 auto;top:var(--rl-mobile-top,0px);height:var(--rl-mobile-height,100dvh);width:100%;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));overflow:hidden;overscroll-behavior:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);gap:6px;border-radius:0}
.rl-drive.rl-mobile-fit>:not(.rl-drive-head):not(.rl-mobile-tools):not(.rl-mobile-settings):not(.rl-driving-guide):not(.rl-driving-workspace){display:none!important}
.rl-drive.rl-mobile-fit .rl-drive-head{grid-row:1;display:block;margin:0;min-width:0}
.rl-drive.rl-mobile-fit .rl-drive-head>div:first-child{display:none}
.rl-drive.rl-mobile-fit .rl-drive-run{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%}
.rl-drive.rl-mobile-fit .rl-drive-run button{font-size:10px;padding:4px 2px;min-height:40px;white-space:normal}
.rl-drive.rl-mobile-fit .rl-mobile-tools{grid-row:2;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:5px}
.rl-drive.rl-mobile-fit .rl-mobile-tools button{min-height:40px;padding:4px;font-size:11px}
.rl-drive.rl-mobile-fit .rl-mobile-settings{display:none}
.rl-drive.rl-mobile-fit.rl-settings-open .rl-mobile-settings{display:block;position:absolute;inset:100px 6px max(6px,env(safe-area-inset-bottom));z-index:30;padding:10px;background:#fff;border:1px solid #aabcc8;border-radius:12px;box-shadow:0 8px 30px #14233438;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}
.rl-drive.rl-mobile-fit .rl-view-toolbar{position:static;margin:0;padding:0;gap:8px}
.rl-drive.rl-mobile-fit .rl-view-toolbar button,.rl-drive.rl-mobile-fit .rl-view-toolbar select{min-height:44px;font-size:14px}
.rl-drive.rl-mobile-fit .rl-view-toolbar select{font-size:16px}
.rl-drive.rl-mobile-fit .rl-driving-guide{grid-row:3;margin:0;min-width:0;width:100%}
.rl-drive.rl-mobile-fit .rl-guide-strip{padding:6px;gap:6px;align-items:center}
.rl-drive.rl-mobile-fit .rl-guide-step{width:28px;height:28px;font-size:9px}
.rl-drive.rl-mobile-fit .rl-guide-instruction>strong{font-size:11px}
.rl-drive.rl-mobile-fit .rl-guide-instruction>p{font-size:10px;line-height:1.3;margin:2px 0 0}
.rl-drive.rl-mobile-fit .rl-guide-actions .rl-guide-quiet{display:none}
.rl-drive.rl-mobile-fit .rl-guide-actions button{min-height:40px;padding:4px;font-size:10px}
.rl-drive.rl-mobile-fit .rl-driving-guide:has(.rl-guide-welcome:not([hidden])){position:absolute;inset:100px 6px auto;max-height:calc(100% - 112px);overflow:auto;z-index:20;overscroll-behavior:contain;box-shadow:0 8px 30px #14233438}
.rl-drive.rl-mobile-fit .rl-driving-workspace{grid-row:4;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px;align-items:stretch;min-height:0;min-width:0;width:100%;height:100%;margin:0}
.rl-drive.rl-mobile-fit .rl-driving-workspace #rl-drive-scene{grid-row:1;width:100%;height:100%;min-height:0;max-height:none;min-width:0;aspect-ratio:auto!important;object-fit:contain;object-position:center;background:#0b141d;margin:0;border-radius:8px}
.rl-drive.rl-mobile-fit .rl-driving-workspace .rl-pad{grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0;min-width:0}
.rl-drive.rl-mobile-fit .rl-steering-pad{display:contents}
.rl-drive.rl-mobile-fit .rl-pad button{min-height:48px;padding:4px 1px;gap:1px;min-width:0;line-height:1.15}
.rl-drive.rl-mobile-fit .rl-pad strong{font-size:10px}
.rl-drive.rl-mobile-fit .rl-pad span{display:none}
.rl-drive.rl-mobile-fit .rl-pad .rl-thrust-feedback{display:block;font-size:8px;line-height:1.1}
.rl-drive.rl-mobile-fit [data-hold=left]{order:0}
.rl-drive.rl-mobile-fit [data-hold=right]{order:1}
.rl-drive.rl-mobile-fit [data-hold=pedal]{order:2}
.rl-drive.rl-mobile-fit [data-hold=brake]{order:3}
.rl-drive.rl-mobile-fit [data-hold=up]{order:4}
.rl-drive.rl-mobile-fit [data-hold=forward]{order:5}
.rl-drive.rl-mobile-fit [data-toggle=fan]{order:6}
.rl-drive.rl-mobile-fit [data-toggle=compressor]{order:7}
.rl-drive.rl-mobile-fit [data-toggle=cruise]{order:8;grid-column:span 2}
@media(orientation:landscape) and (max-height:600px){
 .rl-drive.rl-mobile-fit{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);grid-template-rows:auto auto minmax(0,1fr)}
 .rl-drive.rl-mobile-fit .rl-drive-head{grid-column:1;grid-row:1}
 .rl-drive.rl-mobile-fit .rl-mobile-tools{grid-column:2;grid-row:1}
 .rl-drive.rl-mobile-fit .rl-driving-guide{grid-column:1/-1;grid-row:2}
 .rl-drive.rl-mobile-fit .rl-driving-workspace{grid-column:1/-1;grid-row:3;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:minmax(0,1fr)}
 .rl-drive.rl-mobile-fit .rl-driving-workspace .rl-pad{grid-column:2;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center}
 .rl-drive.rl-mobile-fit [data-toggle=cruise]{grid-column:auto}
 .rl-drive.rl-mobile-fit.rl-settings-open .rl-mobile-settings{top:54px}
 .rl-drive.rl-mobile-fit .rl-driving-guide:has(.rl-guide-welcome:not([hidden])){top:54px;max-height:calc(100% - 66px)}
}
/* Lemonergy workbench palette: tools/wiki-palette.mjs */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):has(#live-road-battery){color-scheme:dark;--ground:#151b25;--surface:#1d2532;--surface-2:#253041;--line:#40506a;--ink:#f0f3f8;--ink-2:#ced8e8;--muted:#acbad0;--accent:#9ec5ff;--accent-ink:#14233a;--accent-soft:#263c5b;--accent-ink:#14233a}:root:not([data-theme="light"]) .road-lab{--rl-ink:#f0f3f8;--rl-muted:#acbad0;--rl-line:#3a475e;--rl-blue:#9ec5ff;--rl-green:#9ec5ff;background:#1d2532;box-shadow:none}:root:not([data-theme="light"]) .road-lab h2,:root:not([data-theme="light"]) .road-lab h3{color:#f0f3f8}:root:not([data-theme="light"]) .rl-engine,:root:not([data-theme="light"]) .rl-status,:root:not([data-theme="light"]) #rl-inspector,:root:not([data-theme="light"]) #rl-parts-record{background:#253041}:root:not([data-theme="light"]) .road-lab button,:root:not([data-theme="light"]) .road-lab select,:root:not([data-theme="light"]) .road-lab input[type=number],:root:not([data-theme="light"]) .rl-actions a,:root:not([data-theme="light"]) .rl-pair select,:root:not([data-theme="light"]) .rl-diagram-head select,:root:not([data-theme="light"]) .rl-mode-switch{background:#1d2532;border-color:#52627e;color:var(--rl-ink)}:root:not([data-theme="light"]) .road-lab button:hover{background:#253041;border-color:#7d8aa0}:root:not([data-theme="light"]) .road-lab :focus-visible{outline-color:#9ec5ff}:root:not([data-theme="light"]) #rl-road-scene,:root:not([data-theme="light"]) #rl-drive-scene,:root:not([data-theme="light"]) .er-rigid canvas{background:#19202b;border-color:#3a475e}:root:not([data-theme="light"]) .er-rigid,:root:not([data-theme="light"]) .er-measured{border-color:#3a475e}:root:not([data-theme="light"]) .rl-road-line{stroke:#7d8aa0}:root:not([data-theme="light"]) #rl-car path,:root:not([data-theme="light"]) #rl-drive-car path{fill:#9ec5ff;stroke:#c3dbff}:root:not([data-theme="light"]) #rl-car circle,:root:not([data-theme="light"]) #rl-drive-car circle{fill:#0f141c;stroke:#acbad0}:root:not([data-theme="light"]) #rl-car.rl-limit path,:root:not([data-theme="light"]) #rl-drive-car.rl-limit path{fill:#ff9b85}:root:not([data-theme="light"]) #rl-road-scale,:root:not([data-theme="light"]) .rl-plot text,:root:not([data-theme="light"]) .rl-small-text,:root:not([data-theme="light"]) .rl-tick-label{fill:#acbad0}:root:not([data-theme="light"]) .rl-gridline{stroke:#2f3a4d}:root:not([data-theme="light"]) .rl-baseline{stroke:#7d8aa0}:root:not([data-theme="light"]) .rl-cursor{stroke:#acbad0}:root:not([data-theme="light"]) .rl-tick{stroke:#52627e}:root:not([data-theme="light"]) .rl-tick-major{stroke:#7d8aa0}:root:not([data-theme="light"]) .rl-metrics>div,:root:not([data-theme="light"]) .rl-gauges>div{border-left-color:#4d6a96}:root:not([data-theme="light"]) .rl-status[data-state=limit],:root:not([data-theme="light"]) .rl-status[data-state=error]{background:#3a2a22;border-color:#7a4a32;color:#f3c3a8}:root:not([data-theme="light"]) .rl-hud-warn{fill:#ff9b85}:root:not([data-theme="light"]) .rl-gauges>div.rl-warn{border-left-color:#ff9b85}:root:not([data-theme="light"]) .rl-gauges>div.rl-warn strong{color:#ff9b85}:root:not([data-theme="light"]) .rl-kv tr[data-flag="limit"] td{color:#ffb6bb}:root:not([data-theme="light"]) .rl-cursor-limit td{color:#f3c3a8}:root:not([data-theme="light"]) #rl-drive-start:not(:disabled),:root:not([data-theme="light"]) .rl-pad button.rl-on,:root:not([data-theme="light"]) .rl-pad button[aria-pressed=true],:root:not([data-theme="light"]) .rl-mode-switch label:has(input:checked){color:#14233a}:root:not([data-theme="light"]) .rl-pad button.rl-on span,:root:not([data-theme="light"]) .rl-pad button[aria-pressed=true] span{color:#14233a}:root:not([data-theme="light"]) .rl-pad button[data-hold=forward].rl-on,:root:not([data-theme="light"]) .rl-pad button[data-hold=up].rl-on{background:#f0a35e;border-color:#f0a35e}:root:not([data-theme="light"]) #rl-drive-record.rl-rec{background:#ff9b85;border-color:#ff9b85;color:#14233a}:root:not([data-theme="light"]) .rl-mode{background:#1f2a3d;border-color:#4d6a96}:root:not([data-theme="light"]) .rl-controls textarea{background:#1d2532;color:#f0f3f8;border-color:#52627e}}:root[data-theme="dark"]:has(#live-road-battery){color-scheme:dark;--ground:#151b25;--surface:#1d2532;--surface-2:#253041;--line:#40506a;--ink:#f0f3f8;--ink-2:#ced8e8;--muted:#acbad0;--accent:#9ec5ff;--accent-ink:#14233a;--accent-soft:#263c5b;--accent-ink:#14233a}:root[data-theme="dark"] .road-lab{--rl-ink:#f0f3f8;--rl-muted:#acbad0;--rl-line:#3a475e;--rl-blue:#9ec5ff;--rl-green:#9ec5ff;background:#1d2532;box-shadow:none}:root[data-theme="dark"] .road-lab h2,:root[data-theme="dark"] .road-lab h3{color:#f0f3f8}:root[data-theme="dark"] .rl-engine,:root[data-theme="dark"] .rl-status,:root[data-theme="dark"] #rl-inspector,:root[data-theme="dark"] #rl-parts-record{background:#253041}:root[data-theme="dark"] .road-lab button,:root[data-theme="dark"] .road-lab select,:root[data-theme="dark"] .road-lab input[type=number],:root[data-theme="dark"] .rl-actions a,:root[data-theme="dark"] .rl-pair select,:root[data-theme="dark"] .rl-diagram-head select,:root[data-theme="dark"] .rl-mode-switch{background:#1d2532;border-color:#52627e;color:var(--rl-ink)}:root[data-theme="dark"] .road-lab button:hover{background:#253041;border-color:#7d8aa0}:root[data-theme="dark"] .road-lab :focus-visible{outline-color:#9ec5ff}:root[data-theme="dark"] #rl-road-scene,:root[data-theme="dark"] #rl-drive-scene,:root[data-theme="dark"] .er-rigid canvas{background:#19202b;border-color:#3a475e}:root[data-theme="dark"] .er-rigid,:root[data-theme="dark"] .er-measured{border-color:#3a475e}:root[data-theme="dark"] .rl-road-line{stroke:#7d8aa0}:root[data-theme="dark"] #rl-car path,:root[data-theme="dark"] #rl-drive-car path{fill:#9ec5ff;stroke:#c3dbff}:root[data-theme="dark"] #rl-car circle,:root[data-theme="dark"] #rl-drive-car circle{fill:#0f141c;stroke:#acbad0}:root[data-theme="dark"] #rl-car.rl-limit path,:root[data-theme="dark"] #rl-drive-car.rl-limit path{fill:#ff9b85}:root[data-theme="dark"] #rl-road-scale,:root[data-theme="dark"] .rl-plot text,:root[data-theme="dark"] .rl-small-text,:root[data-theme="dark"] .rl-tick-label{fill:#acbad0}:root[data-theme="dark"] .rl-gridline{stroke:#2f3a4d}:root[data-theme="dark"] .rl-baseline{stroke:#7d8aa0}:root[data-theme="dark"] .rl-cursor{stroke:#acbad0}:root[data-theme="dark"] .rl-tick{stroke:#52627e}:root[data-theme="dark"] .rl-tick-major{stroke:#7d8aa0}:root[data-theme="dark"] .rl-metrics>div,:root[data-theme="dark"] .rl-gauges>div{border-left-color:#4d6a96}:root[data-theme="dark"] .rl-status[data-state=limit],:root[data-theme="dark"] .rl-status[data-state=error]{background:#3a2a22;border-color:#7a4a32;color:#f3c3a8}:root[data-theme="dark"] .rl-hud-warn{fill:#ff9b85}:root[data-theme="dark"] .rl-gauges>div.rl-warn{border-left-color:#ff9b85}:root[data-theme="dark"] .rl-gauges>div.rl-warn strong{color:#ff9b85}:root[data-theme="dark"] .rl-kv tr[data-flag="limit"] td{color:#ffb6bb}:root[data-theme="dark"] .rl-cursor-limit td{color:#f3c3a8}:root[data-theme="dark"] #rl-drive-start:not(:disabled),:root[data-theme="dark"] .rl-pad button.rl-on,:root[data-theme="dark"] .rl-pad button[aria-pressed=true],:root[data-theme="dark"] .rl-mode-switch label:has(input:checked){color:#14233a}:root[data-theme="dark"] .rl-pad button.rl-on span,:root[data-theme="dark"] .rl-pad button[aria-pressed=true] span{color:#14233a}:root[data-theme="dark"] .rl-pad button[data-hold=forward].rl-on,:root[data-theme="dark"] .rl-pad button[data-hold=up].rl-on{background:#f0a35e;border-color:#f0a35e}:root[data-theme="dark"] #rl-drive-record.rl-rec{background:#ff9b85;border-color:#ff9b85;color:#14233a}:root[data-theme="dark"] .rl-mode{background:#1f2a3d;border-color:#4d6a96}:root[data-theme="dark"] .rl-controls textarea{background:#1d2532;color:#f0f3f8;border-color:#52627e}