/* Two primary instruments with quiet car-specific auxiliary readings. */
:root{--bg:#090d10;--panel:#141b21;--line:#263039;--ink:#eef0e9;--muted:#9ba7af;--dash-accent:#e8e2d2}
html{height:100%;height:100dvh}body{height:100%}
.shell{max-width:1600px;margin:auto}
.top{padding:8px max(14px,env(safe-area-inset-right,0px)) 8px max(14px,env(safe-area-inset-left,0px));gap:12px;border-bottom:1px solid #20282e}
.car{padding:4px 0 4px 10px;border-left:2px solid var(--dash-accent)}
.car b{font-size:21px;line-height:1.3;letter-spacing:.035em}
.ign{min-width:70px;min-height:44px;border:1px solid #7e5140;border-radius:10px;font-family:var(--f-body);font-size:14px;letter-spacing:.04em;background:linear-gradient(#30221d,#171614);box-shadow:inset 0 1px #ffffff0d}
.ign[data-on=true]{background:#e36536;border-color:#f28358;color:#100c0a}
.dash{padding:8px max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px));gap:8px}
.gauges{flex:1 1 0;position:relative;display:block;width:100%;min-height:0;overflow:hidden;touch-action:none}
.gauges canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.strip{flex:none;display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:8px;width:100%;max-width:600px;margin-inline:auto}
.strip button{min-width:0;min-height:46px;border:1px solid #344149;border-radius:9px;background:linear-gradient(#202930,#131a20);font-size:14px;box-shadow:inset 0 1px #ffffff08}
.strip #bBrake{background:linear-gradient(#302622,#201c1a);border-color:#65473b;color:#f4c9b8}
.strip button[data-held=true]{background:var(--dash-accent);border-color:var(--dash-accent);color:#11191d}
.strip button:disabled{opacity:.35;cursor:default}
.strip.manual-only{grid-template-columns:1fr 1fr}
.tabs{padding-block:4px 3px;background:#0e1418}
.tabs button{position:relative;gap:3px;font-size:11px;min-height:48px}
.tabs button[aria-selected=true]::before{content:'';position:absolute;top:-5px;width:24px;height:2px;background:var(--dash-accent);border-radius:2px}
.tabs button[aria-selected=true] svg{stroke:var(--dash-accent)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
@media(min-width:800px) and (min-height:600px){.top{padding-inline:28px}.dash{padding-inline:24px}.strip button{min-height:50px}}
@media(max-width:350px){.car b{font-size:18px}.ign{min-width:64px;padding-inline:10px}.strip button{font-size:12px}.tabs button{font-size:10px}}
@media(orientation:landscape) and (max-height:550px){.top{padding-block:4px}.car b{font-size:18px}.ign{min-height:34px;font-size:12px}.dash{padding-block:4px;gap:4px}.strip{max-width:480px}.strip button{min-height:38px;font-size:12px}.tabs{padding-block:2px}.tabs button{min-height:32px;flex-direction:row;justify-content:center;gap:6px;font-size:10px}.tabs svg{width:18px;height:18px}}