:root{color-scheme:dark;--bg:#101214;--panel:#171a1d;--line:#343a40;--muted:#949da5;--text:#f1f3f5;--warn:#f3c44f;--crit:#f15359;--good:#66ce96}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Arial,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:var(--text);background:#21262b;border:1px solid var(--line);border-radius:4px;padding:8px 11px;cursor:pointer}button:hover,a:hover{background:#30363d}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #eee;outline-offset:3px}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:default}button.active{background:#47515a;border-color:#aeb6bd}small,label{color:var(--muted)}label{font-size:11px;letter-spacing:.6px;line-height:1.3}b,strong{font-variant-numeric:tabular-nums}strong{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif;font-stretch:condensed}button,nav a{font-size:11px;font-weight:600;letter-spacing:.3px}[hidden]{display:none!important}.good{color:var(--good)!important}.warn{color:var(--warn)!important}.crit{color:var(--crit)!important}
.screen{height:100svh;min-height:650px;display:flex;flex-direction:column}.topbar{height:76px;flex-shrink:0;display:flex;align-items:center;gap:18px;padding:12px 20px;border-bottom:1px solid var(--line);background:#141719}.identity{display:flex;align-items:center;gap:10px;padding-right:18px;border-right:1px solid var(--line)}.identity strong{font-size:43px;letter-spacing:-2px}.roundel{width:44px;height:44px;border:2px solid #a2aab1;border-radius:50%;padding:8px;display:block}.roundel i{display:block;width:100%;height:100%;border-radius:50%;background:conic-gradient(#cad1d6 0 25%,#444e57 25% 50%,#cad1d6 50% 75%,#444e57 75%)}.event,.session,.driver{display:flex;flex-direction:column;gap:5px;min-width:0}.event b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.event span,.session span{font-size:11px;color:var(--muted)}.session{padding-left:16px;border-left:1px solid var(--line)}.session b{font-size:19px}.driver{max-width:180px}.driver b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.connections{margin-left:auto;display:flex;gap:15px}.connections>span{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.connections b{font-size:11px;color:#e0e4e8;font-weight:400;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:5px}.toolbar button{height:36px;white-space:nowrap}.toolbar em{font-style:normal;border-radius:8px;background:#3b4249;padding:1px 5px}.menuWrap{position:relative}nav{position:absolute;right:0;top:44px;width:210px;border:1px solid var(--line);border-radius:5px;background:#24292e;z-index:40;box-shadow:0 12px 40px #0008}nav a{display:block;padding:15px}
.main{flex:1;min-height:0;padding:14px 18px 0;display:grid;grid-template-rows:minmax(220px,1.45fr) minmax(112px,.65fr) minmax(176px,1fr) 35px;gap:12px}.panel{border:1px solid var(--line);border-radius:5px;background:linear-gradient(135deg,#1b1f23,#15181b);min-width:0;min-height:0;overflow:hidden}.primary{display:grid;grid-template-columns:1.07fr 1.65fr .8fr 1.48fr;gap:12px;min-height:0}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:8px 12px;border-bottom:1px solid #2b3035}.panelHead label{font-size:12px;color:#bec5cb}.panelHead small{font-size:9px}.panelHead button{padding:4px 7px;font-size:10px;background:transparent}.power{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr .58fr}.speed,.rpm{padding:15px 14px;min-width:0}.speed{border-right:1px solid var(--line)}.speed strong{font-size:clamp(38px,4.5vw,80px);letter-spacing:-3px;display:block;line-height:1.15}.speed small{font-size:14px}.rpm strong{font-size:clamp(28px,3.1vw,54px);display:block;margin-top:7px;letter-spacing:-1.5px}.rpm>small{font-size:11px}.rpmTrack{height:15px;background:#353c42;margin-top:12px;overflow:hidden}.rpmTrack i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#e2e6e9 0 6px,#30363b 6px 8px);transition:width .08s linear}.scale{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:4px}.gear{grid-column:1/3;border-top:1px solid var(--line);display:flex;align-items:center;padding:9px 15px;gap:16px}.gear strong{font-size:49px;line-height:1}.gear>span{margin-left:auto;font-size:10px;color:var(--muted)}
.timing{padding:14px;display:flex;flex-direction:column}.lapTop{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;align-items:center;flex:1}.current label{display:flex;align-items:center;gap:10px}.current label span{font-size:10px;color:#e1e5e8}.current strong{display:block;font-size:clamp(30px,3.9vw,70px);letter-spacing:-1.5px;line-height:1.2;white-space:nowrap}.delta{border:1px solid var(--line);border-radius:4px;padding:10px;text-align:center;background:#20262a}.delta label{font-size:10px}.delta label small{font-size:8px}.delta strong{display:block;font-size:clamp(25px,3vw,53px);letter-spacing:-1px}.lapPrevious{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:10px;padding:10px 0;gap:16px}.lapPrevious>div+div{border-left:1px solid var(--line);padding-left:16px}.lapPrevious label{display:block;font-size:10px}.lapPrevious b{font-size:clamp(17px,1.7vw,28px);display:block;margin-top:5px;letter-spacing:-.5px}.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sectors>div{border:1px solid var(--line);border-radius:3px;padding:8px;display:grid;grid-template-columns:auto 1fr;gap:5px}.sectors label{font-size:10px}.sectors b{text-align:right;font-size:14px}.sectors small{text-align:right;grid-column:2;font-size:11px}
.map,.video{display:flex;flex-direction:column}.mapStage{position:relative;flex:1;min-height:0}.mapStage canvas{position:absolute;width:100%;height:100%;inset:0}.mapStage span{position:absolute;top:45%;left:10px;right:10px;text-align:center;color:var(--muted);font-size:10px}.mapFoot{padding:8px;display:flex;justify-content:space-between;gap:4px;font-size:9px;color:var(--muted)}.videoStage{position:relative;flex:1;background:#0d0f11;min-height:0}.videoStage iframe{border:0;position:absolute;inset:0;width:100%;height:100%}#videoPlaceholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#616b74}#videoPlaceholder span{font-size:17px;letter-spacing:2px}#videoPlaceholder small{font-size:10px}#videoPlaceholder button{background:#242a2f}
.sensors{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;min-height:0}.sensor{padding:13px 12px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:5px;background:var(--panel);min-width:0}.sensor label{font-size:10px;display:flex;gap:6px;align-items:center;white-space:nowrap}.sensor label svg{width:17px;height:17px;stroke:#a5afb7;fill:none;stroke-width:1.5;flex-shrink:0}.sensor .value{display:flex;align-items:baseline;justify-content:center;gap:5px;margin:6px 0}.sensor strong{font-size:clamp(24px,2.5vw,43px);line-height:1;letter-spacing:-.6px}.sensor .value small{font-size:11px}.bar{height:7px;background:#343b41;overflow:hidden;border-radius:1px}.bar i{display:block;width:0;height:100%;background:#bfc8cf;transition:width .12s linear}.sensor .scale{font-size:8px;margin-top:5px}.sensor.warn,.fuel.warn{border-color:var(--warn)}.sensor.crit,.fuel.crit{border-color:var(--crit)}.warn .bar i{background:var(--warn)}.crit .bar i{background:var(--crit)}.sensor.warn strong,.fuel.warn #fuel{color:var(--warn)}.sensor.crit strong,.fuel.crit #fuel{color:var(--crit)}
.bottom{display:grid;grid-template-columns:1.05fr 1.05fr 1.05fr 1.9fr;gap:12px;min-height:0}.fuelMain{padding:10px 15px 8px;display:flex;align-items:baseline;gap:8px}.fuelMain strong{font-size:clamp(29px,3.2vw,52px);line-height:1;letter-spacing:-1px}.fuelMain span{color:var(--muted)}.fuelMain small{font-size:9px;margin-left:6px}.fuel>.bar{margin:0 15px}.fuelStats{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 12px;gap:6px}.fuelStats>div{min-width:0}.fuelStats>div+div{border-left:1px solid var(--line);padding-left:8px}.fuelStats b{font-size:18px;display:block;margin-bottom:5px;white-space:nowrap}.fuelStats label{font-size:8px}.tyreGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.tyre{border:1px solid var(--line);padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px;border-radius:3px}.tyre label{grid-column:1/3;font-size:10px}.tyre b{font-size:17px}.tyre b+span{text-align:right;color:#d0d5da;font-variant-numeric:tabular-nums}.statusTitle{font-size:15px;text-align:center;margin:10px 12px;padding:8px;border:1px solid var(--line);color:#d9dfe3}.statusGrid{display:grid;grid-template-columns:1fr 1fr;padding:0 12px;gap:8px}.statusGrid label{font-size:8px;display:block}.statusGrid b{font-size:11px;display:block;margin-top:3px;font-weight:400}.statusFooter{display:flex;justify-content:space-between;gap:4px;padding:10px 12px;font-size:8px;color:var(--muted)}.lapRow{display:grid;grid-template-columns:.4fr 1.35fr 1fr .8fr .8fr .8fr;gap:6px;align-items:center;font-size:11px;padding:7px 10px;font-variant-numeric:tabular-nums;border-bottom:1px solid #282d32}.lapHeader{font-size:8px;color:var(--muted);padding-top:9px;padding-bottom:6px}.lapRow.best{background:#66ce960c}.lapRow.best span:nth-child(2){color:var(--good)}.empty{padding:16px 12px;font-size:11px;color:var(--muted)}.warningsStrip{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:var(--muted)}.warningsStrip button{background:none;border:0;padding:0;font-size:9px;color:var(--muted)}.warningsStrip small{margin-left:10px;font-size:8px}.warningsStrip a{padding:5px}
.graphs{padding:24px 18px 40px;border-top:1px solid var(--line);scroll-margin-top:10px}.graphControls{display:flex;align-items:center;justify-content:space-between;gap:20px}.graphControls label{font-size:16px;color:var(--text)}.graphControls small{display:block;margin-top:7px;font-size:11px}#rangeButtons{display:flex;gap:4px;flex-wrap:wrap}#rangeButtons button{font-size:10px}#channelButtons{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}#channelButtons label{display:flex;align-items:center;gap:5px;cursor:pointer}input[type=checkbox]{accent-color:#c2cbd2}#chartGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.chart{padding:15px;border:1px solid var(--line);border-radius:4px;background:var(--panel)}.chartHead{display:flex;align-items:center;justify-content:space-between}.chart canvas{width:100%;height:190px;display:block;margin-top:12px}.chart small{font-size:10px}
.alertDrawer{position:fixed;top:10px;left:50%;transform:translateX(-50%);width:min(780px,94vw);z-index:60;border:1px solid #626a72;border-radius:6px;background:#191d21f5;box-shadow:0 12px 60px #000b;animation:drop .23s ease-out;max-height:85svh;display:flex;flex-direction:column}.alertHandle{cursor:grab;touch-action:none;display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);user-select:none}.alertHandle:active{cursor:grabbing}.alertHandle>b{font-size:16px}.dragHint{margin-left:auto;color:var(--muted);font-size:9px}.alertHandle button{font-size:16px;padding:1px 10px}#alertBody{overflow:auto}.activeAlert{display:grid;grid-template-columns:85px 1fr auto;gap:16px;padding:13px 16px;border-left:4px solid currentColor;border-bottom:1px solid var(--line);align-items:center}.activeAlert .details{color:var(--text)}.activeAlert .details>b{font-size:14px}.activeAlert small{display:block;font-size:10px;margin-top:5px}.activeAlert>strong{font-size:25px;white-space:nowrap}.activeAlert>strong small{font-size:9px;text-align:right}.alertDrawer footer{display:flex;align-items:center;gap:8px;padding:12px 16px}.alertDrawer footer small{margin-right:auto;font-size:10px}.alertDrawer footer button{font-size:10px}.alertDrawer.collapsed #alertBody{display:none}.alertDrawer.collapsed .alertHandle{border:0}@keyframes drop{from{opacity:0;top:-30px}to{opacity:1;top:10px}}
dialog{width:min(1100px,95vw);max-height:85svh;border:1px solid #59636c;border-radius:6px;background:#191d21;color:var(--text);padding:0;box-shadow:0 20px 80px #000a}dialog::backdrop{background:#0009}dialog header{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}dialog header button{border:0;background:none}dialog .dialogTools{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.dialogTools small{font-size:10px}.tableScroll{overflow:auto;max-height:60svh}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-size:9px;color:var(--muted);background:#20252a;position:sticky;top:0}th,td{padding:12px;border-bottom:1px solid var(--line)}td a{text-decoration:underline}.expanded{position:fixed!important;inset:20px!important;z-index:50;background:#111518!important;border-color:#68727b!important;box-shadow:0 0 0 100vmax #000b}.expanded .mapFoot{font-size:13px}.expanded .videoStage{min-height:0}
@media(min-width:1800px){.topbar{height:86px}.main{gap:16px;padding:18px 22px 0}.primary,.bottom{gap:16px}.sensor{padding:18px}.panelHead{min-height:40px}.lapRow{font-size:13px;padding:10px 12px}.tyre{padding:13px}.fuelStats{padding:16px}.statusGrid{gap:14px}.statusTitle{padding:12px}.current strong{font-size:70px}}
@media(max-width:1250px){.topbar{gap:12px;padding:10px 14px}.identity{gap:6px;padding-right:12px}.identity strong{font-size:36px}.roundel{width:34px;height:34px;padding:6px}.event b{max-width:150px;font-size:11px}.driver{max-width:130px}.connections{gap:9px}.toolbar button{padding:7px}.toolbar button span{display:none}.main{gap:9px;padding:10px 12px 0}.primary{gap:9px;grid-template-columns:1.05fr 1.65fr .85fr 1.3fr}.bottom{gap:9px}.timing{padding:10px}.lapTop{gap:7px}.current label{font-size:9px;gap:6px}.current strong{font-size:3.5vw}.delta{padding:8px}.sectors>div{padding:5px;gap:4px}.sectors b{font-size:12px}.sensor{padding:10px 8px}.sensor label{font-size:8px;gap:4px}.sensor label svg{width:14px;height:14px}.sensor strong{font-size:28px}.sensor .value small{font-size:9px}.lapRow{font-size:10px;padding:7px 8px;gap:4px}.lapHeader{font-size:8px}.fuelStats b{font-size:16px}.tyreGrid{gap:5px;padding:7px}.tyre{padding:7px}.tyre b{font-size:15px}.carStatus .panelHead small{display:none}.statusTitle{font-size:12px}.statusGrid b{font-size:10px}.statusFooter{font-size:7px}.warningsStrip #dataNote{display:none}}
@media(max-height:780px) and (min-width:1001px){.screen{min-height:620px}.topbar{height:65px}.main{grid-template-rows:minmax(215px,1.3fr) minmax(108px,.6fr) minmax(175px,1fr) 28px;gap:8px}.sensor{padding-top:10px;padding-bottom:8px}.timing{padding:9px}.panelHead{min-height:30px;padding:6px 10px}.lapPrevious{padding:7px 0;margin-top:7px}.sectors>div{padding:6px}.lapRow{padding:6px 8px}.fuelMain{padding-top:8px}.statusTitle{margin:8px;padding:6px}.tyre{padding:6px}}
@media(max-width:1000px){.screen{height:auto;min-height:100svh}.topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:10px}.event{flex:1}.session{border:0;padding:0}.driver{max-width:none}.connections{margin-left:0}.toolbar{margin-left:auto}.main{display:flex;flex-direction:column;gap:12px;padding:12px}.primary{grid-template-columns:1fr 1.5fr;grid-template-rows:260px 250px}.current strong{font-size:42px}.delta strong{font-size:35px}.sensors{grid-template-columns:repeat(4,1fr)}.sensor{min-height:120px}.sensor label{font-size:10px}.bottom{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(200px,auto)}.recent{min-height:220px}.warningsStrip{min-height:32px}.graphs{padding:20px 12px}.graphControls{align-items:flex-start;flex-direction:column}.identity strong{font-size:34px}.toolbar button span{display:none}.event b{max-width:180px}.power .speed strong{font-size:64px}.rpm strong{font-size:42px}.lapRow{font-size:12px}.fuelMain strong{font-size:44px}}
@media(max-width:600px){.topbar .driver,.topbar .session{display:none}.connections{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}.connections>span{flex-direction:row;gap:6px}.topbar{gap:8px}.identity{border:0;padding:0}.roundel{width:28px;height:28px}.identity strong{font-size:30px}.event b{font-size:10px;max-width:120px}.event span{font-size:9px}.toolbar{gap:3px}.toolbar button{font-size:10px;height:30px;padding:6px}#videoToggle{display:none}.primary{grid-template-columns:1fr;grid-template-rows:190px 270px 250px 220px}.power{grid-template-columns:1fr 1fr .7fr;grid-template-rows:1fr}.gear{grid-column:auto;flex-direction:column;border-top:0;justify-content:center;gap:12px;border-left:1px solid var(--line)}.gear>span{font-size:8px;margin:0}.gear strong{font-size:65px}.current strong{font-size:48px}.delta strong{font-size:38px}.sensors{grid-template-columns:repeat(2,1fr);gap:8px}.sensor{min-height:112px}.bottom{grid-template-columns:1fr}.warningsStrip{flex-wrap:wrap;gap:8px}.warningsStrip small{display:none}#chartGrid{grid-template-columns:1fr}.activeAlert{grid-template-columns:60px 1fr;gap:9px;padding:10px}.activeAlert>b{font-size:10px}.activeAlert>strong{grid-column:2;font-size:23px}.activeAlert>strong small{text-align:left;display:inline;margin-left:12px}.dragHint{display:none}.alertHandle{padding:12px}.alertHandle>b{font-size:13px}.alertHandle button{margin-left:auto}.alertDrawer footer{flex-wrap:wrap;padding:10px}.alertDrawer footer small{width:100%}.expanded{inset:8px!important}.dialogTools{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.fuel.warn,.fuel.crit{color:var(--text)!important}.sensor.warn,.sensor.crit{color:var(--text)!important}

/* Reference typography and instrument styling */
@font-face{font-family:Rajdhani;src:url("fonts/Rajdhani-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Rajdhani;src:url("fonts/Rajdhani-Bold.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap}
:root{--bg:#040d12;--panel:#071319;--line:#203641;--muted:#a7bdca;--text:#f3f6f8;--warn:#ffc344;--crit:#f13c46;--good:#45d783}
body{font-family:Rajdhani,"Arial Narrow",sans-serif;font-weight:600;font-variant-numeric:tabular-nums;background:radial-gradient(ellipse at 50% 0,#0b1a22 0,#040d12 65%)}
button,select,a,label,small,b,strong{font-family:inherit}b,strong{font-weight:700;font-variant-numeric:tabular-nums;font-stretch:normal}label{font-size:14px;letter-spacing:.15px}
button,nav a{font-size:14px;font-weight:600}.topbar{background:#050e13;border-color:#233842}.identity strong{font-size:55px;letter-spacing:-1px}.roundel{border-color:#b8c9d4}.event b{font-size:20px}.event span,.session span{font-size:16px}.session b{font-size:25px}.driver small{font-size:13px}.driver b{font-size:18px}.connections>span{font-size:13px}.connections b{font-size:14px}.toolbar button{font-size:15px}.toolbar em{background:#23333d}.toolbar button.active{background:#233640;border-color:#748e9f}
.panel{border-color:var(--line);background:linear-gradient(120deg,#08161e,#050e13);border-radius:4px}.primary{grid-template-columns:1.1fr 1.2fr .65fr 1.1fr}.panelHead{border-color:#182b36}.panelHead label{font-size:17px;color:#b7cedb}.panelHead small{font-size:12px}.panelHead button{font-size:13px;padding:3px 10px;border-color:#2b4758;background:#081923}.power{grid-template-columns:.86fr 1.14fr;grid-template-rows:1fr .52fr}.speed,.rpm{padding:13px 16px}.speed label,.rpm label,.gear label{font-size:16px}.speed strong{font-size:clamp(54px,6.3vw,108px);line-height:1.02;letter-spacing:-2px;margin-top:10px}.speed small{font-size:25px}.rpm strong{font-size:clamp(41px,4.1vw,72px);line-height:1.05;margin-top:9px;letter-spacing:-1px}.rpm>small{font-size:19px}.rpmTrack{height:25px;background:#213541;margin-top:10px}.rpmTrack i{background:repeating-linear-gradient(90deg,#dce4ea 0 7px,#182c38 7px 9px)}.scale{font-size:14px;margin-top:5px}.gear{gap:15px;padding:10px 15px}.gearCurrent{display:flex;flex-direction:column;min-width:65px}.gearCurrent strong{font-size:clamp(51px,5vw,88px);line-height:.98;margin-top:3px}.gearRight{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.gearSteps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}.gearSteps span{height:36px;display:grid;place-items:center;border:1px solid #263e4c;background:#07151c;border-radius:4px;font-size:22px;line-height:1;color:#89a4b7}.gearSteps span.selected{border-color:#edf3f7;color:#fff;background:#17232c;box-shadow:inset 0 0 0 1px #ffffff15}.gearRight #ignition{font-size:11px;color:#92aab9;letter-spacing:.4px}
.timing{padding:12px}.current label{font-size:17px;gap:10px}.current label span{font-size:14px}.current strong{font-size:clamp(35px,4vw,68px);line-height:1.12;letter-spacing:-.9px;margin-top:5px}.delta{padding:9px 7px;background:#07151c;border-color:#2c424e}.delta label{font-size:14px}.delta label small{font-size:11px}.delta strong{font-size:clamp(29px,3.3vw,56px);line-height:1.1;letter-spacing:-.6px}.lapPrevious label{font-size:14px}.lapPrevious b{font-size:clamp(22px,2.2vw,36px);line-height:1.1;letter-spacing:0}.sectors{gap:8px}.sectors>div{padding:8px;background:#061219;border-color:#1e3543;grid-template-columns:1fr}.sectors label{font-size:14px}.sectors b{font-size:21px;text-align:center}.sectors small{grid-column:1;font-size:17px;text-align:center}.mapFoot{font-size:12px}.mapStage span{font-size:13px}
.sensors{gap:10px}.sensor{background:linear-gradient(120deg,#08171f,#040e14);padding:12px 13px;border-color:#203a49;border-radius:4px}.sensor label{font-size:14px;gap:9px;letter-spacing:.1px;color:#abc5d6}.sensor label svg{width:22px;height:22px;stroke:#dce5eb;stroke-width:1.7}.sensor .value{gap:7px;margin:8px 0}.sensor strong{font-size:clamp(30px,3.2vw,51px);line-height:1;letter-spacing:-.5px}.sensor .value small{font-size:19px;color:#a5c0d4}.bar{height:12px;background:linear-gradient(90deg,#526a7a,#213744);border-radius:2px}.bar i{background:linear-gradient(90deg,#b1bdc6,#e9eff3)}.sensor .scale{font-size:13px;color:#9eb9cc;margin-top:5px}
.sensor.warn,.fuel.warn{background:linear-gradient(115deg,#514015,#28220f 70%,#1c1a10);border-color:#f2bf43}.sensor.crit,.fuel.crit{background:linear-gradient(115deg,#3c151b,#201015 75%);border-color:#e4434b}.sensor.warn label svg{stroke:var(--warn)}.sensor.crit label svg{stroke:var(--crit)}.warn .bar i{background:linear-gradient(90deg,#d49525,#ffd168)}.crit .bar i{background:linear-gradient(90deg,#ee323e,#b55d63)}.sensor.warn strong,.fuel.warn #fuel{color:var(--warn)}.sensor.crit strong,.fuel.crit #fuel{color:var(--crit)}
.fuelMain{padding:10px 16px 8px;gap:10px;align-items:center}.fuelMain strong{font-size:clamp(41px,4.3vw,69px);line-height:1;letter-spacing:-.8px}.fuelMain>span{font-size:25px;color:#a8c5d8;align-self:flex-end;margin-bottom:5px}.fuelIcon{width:38px;height:48px;fill:none;stroke:#e7edf2;stroke-width:2.7;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}.fuel>.bar{margin:2px 16px 0;height:15px}.fuelScale{display:flex;justify-content:space-between;margin:4px 16px 0;font-size:13px;color:#a4bfd1}.fuelStats{padding:10px 16px;gap:8px}.fuelStats b{font-size:25px;line-height:1.1;margin-bottom:4px}.fuelStats label{font-size:13px;white-space:nowrap}.fuelStats>div+div{border-color:#203642;padding-left:9px}.tyreGrid{padding:9px;gap:8px}.tyre{background:#061219;border-color:#203b4b;padding:8px 10px}.tyre label{font-size:14px}.tyre b{font-size:24px;line-height:1}.tyre b+span{font-size:22px;line-height:1;color:#d4dfe6}.statusTitle{font-size:25px;background:#07161e;border-color:#243e4c;padding:7px;margin:8px 12px}.statusGrid label{font-size:12px}.statusGrid b{font-size:17px;line-height:1.1;margin-top:3px}.statusFooter{font-size:11px;padding:9px 12px;color:#91adbf}.lapRow{font-size:16px;line-height:1.15;padding:6px 10px;border-color:#122936;gap:7px}.lapHeader{font-size:12px;padding-top:8px;padding-bottom:6px}.empty{font-size:15px}.warningsStrip{font-size:12px}.warningsStrip button{font-size:12px}.warningsStrip small{font-size:11px}.graphControls label{font-size:23px}.graphControls small{font-size:15px}#channelButtons label{font-size:15px}#rangeButtons button{font-size:14px}.chart small{font-size:13px}
.alertDrawer{background:linear-gradient(120deg,#0a1820fa,#030c12fa);border-color:#577182}.alertHandle>b{font-size:24px}.activeAlert{grid-template-columns:90px 1fr auto;padding:12px 16px}.activeAlert>b{font-size:20px}.activeAlert .details>b{font-size:21px}.activeAlert small{font-size:16px}.activeAlert>strong{font-size:35px}.activeAlert>strong small{font-size:12px}.alertDrawer footer small,.alertDrawer footer button{font-size:15px}.dragHint{font-size:12px}
dialog{background:#07151e}dialog header b{font-size:23px}table{font-size:16px}th{font-size:13px}.dialogTools small,dialog .dialogTools{font-size:15px}
@media(min-width:1800px){.current strong{font-size:73px}.gearSteps span{height:44px;font-size:27px}.sensor label{font-size:17px}.lapRow{font-size:19px;padding:8px 12px}.lapHeader{font-size:14px}.fuelMain{padding-top:14px}.fuelStats{padding-top:12px}.fuelStats b{font-size:29px}}
@media(max-width:1250px) and (min-width:1001px){.topbar{gap:11px}.event b{font-size:16px;max-width:150px}.event span,.session span{font-size:13px}.identity strong{font-size:44px}.driver b{font-size:15px}.connections{gap:8px}.connections>span,.connections b{font-size:11px}.toolbar button{font-size:13px}.primary{grid-template-columns:1.15fr 1.2fr .65fr 1.1fr;gap:8px}.speed,.rpm{padding:10px}.speed strong{font-size:6vw}.rpm strong{font-size:4.1vw}.gear{padding:8px 10px;gap:10px}.gearCurrent{min-width:48px}.gearSteps{gap:4px}.gearSteps span{font-size:19px;height:29px}.gearRight #ignition{font-size:9px}.current label{font-size:13px;gap:6px}.current label span{font-size:12px}.current strong{font-size:3.7vw}.delta label{font-size:12px}.delta label small{display:none}.lapPrevious label{font-size:12px}.lapPrevious b{font-size:2.2vw}.sectors>div{padding:5px}.sectors label{font-size:12px}.sectors b{font-size:18px}.sectors small{font-size:14px}.sensor{padding:10px 9px}.sensor label{font-size:12px;gap:5px}.sensor label svg{width:18px;height:18px}.sensor strong{font-size:3vw}.sensor .value small{font-size:16px}.sensor .scale{font-size:11px}.fuelMain strong{font-size:4vw}.fuelIcon{width:30px;height:40px}.fuelStats{padding:8px 10px}.fuelStats b{font-size:21px}.fuelStats label{font-size:11px}.tyre b{font-size:22px}.tyre b+span{font-size:20px}.statusTitle{font-size:20px}.statusGrid b{font-size:15px}.statusFooter{font-size:9px}.lapRow{font-size:14px;padding:6px 8px;gap:4px}.lapHeader{font-size:10px}.panelHead label{font-size:15px}.panelHead button{font-size:12px}}
@media(max-height:780px) and (min-width:1001px){.speed strong{font-size:5.3vw}.rpm strong{font-size:3.7vw}.gearCurrent strong{font-size:55px}.gearSteps span{height:31px;font-size:21px}.gearRight{gap:5px}.sensor{padding:8px 10px}.sensor strong{font-size:34px}.sensor .value{margin:4px 0}.sensor .value small{font-size:16px}.sensor .bar{height:10px}.sensor .scale{font-size:11px}.sensor label{font-size:12px}.sensor label svg{width:18px;height:18px}.fuelMain{padding:7px 12px 5px}.fuelMain strong{font-size:42px}.fuelIcon{width:29px;height:38px}.fuel>.bar{height:10px;margin-left:12px;margin-right:12px}.fuelScale{margin:2px 12px 0;font-size:11px}.fuelStats{padding:6px 12px}.fuelStats b{font-size:20px}.fuelStats label{font-size:11px}.tyreGrid{padding:6px;gap:5px}.tyre{padding:5px 8px;gap:4px}.tyre label{font-size:12px}.tyre b{font-size:20px}.tyre b+span{font-size:18px}.statusTitle{font-size:19px;padding:5px}.statusGrid{gap:5px}.statusGrid label{font-size:10px}.statusGrid b{font-size:14px}.statusFooter{font-size:9px;padding-top:7px}.lapRow{font-size:14px;padding:5px 8px}.lapHeader{font-size:10px}.sectors>div{padding:5px}.sectors b{font-size:18px}.sectors small{font-size:14px}.lapPrevious{padding:6px 0}.lapPrevious label{font-size:12px}.current label{font-size:14px}.current label span{font-size:12px}}
@media(max-width:1000px){.primary{grid-template-columns:1fr 1.4fr;grid-template-rows:290px 250px}.power .speed strong{font-size:75px}.rpm strong{font-size:49px}.gearSteps span{height:30px;font-size:21px}.gearCurrent strong{font-size:58px}.current strong{font-size:49px}.delta strong{font-size:40px}.sensor strong{font-size:39px}.sensor label{font-size:14px}.fuelMain strong{font-size:57px}.lapRow{font-size:17px}.event b{font-size:17px}.event span{font-size:14px}.driver b{font-size:17px}.connections>span,.connections b{font-size:12px}.toolbar button{font-size:14px}.identity strong{font-size:45px}}
@media(max-width:600px){.primary{grid-template-columns:1fr;grid-template-rows:250px 290px 250px 220px}.power{grid-template-columns:.85fr 1.15fr;grid-template-rows:1fr .55fr}.gear{grid-column:1/3;flex-direction:row;border-left:0;border-top:1px solid var(--line);justify-content:initial;gap:18px}.gearCurrent{min-width:55px}.gearCurrent strong{font-size:56px}.gearRight{gap:4px}.gearRight #ignition{font-size:10px}.gearSteps span{height:32px;font-size:22px}.power .speed strong{font-size:67px}.rpm strong{font-size:49px}.current strong{font-size:50px}.identity strong{font-size:35px}.event b{font-size:13px;max-width:100px}.event span{font-size:11px}.toolbar button{font-size:12px}.connections>span,.connections b{font-size:12px}.sensor label{font-size:14px}.sensor strong{font-size:39px}.sensor .value small{font-size:18px}.sensor .scale{font-size:12px}.activeAlert{grid-template-columns:65px 1fr}.activeAlert>b{font-size:14px}.activeAlert .details>b{font-size:18px}.activeAlert small{font-size:14px}.alertHandle>b{font-size:19px}.alertDrawer footer small,.alertDrawer footer button{font-size:13px}.activeAlert>strong{font-size:29px}.warningsStrip{font-size:12px}}

.fuelStats b small{font-size:15px;font-weight:600;color:#b0c5d2}.gearCurrent strong{font-size:clamp(64px,6.5vw,106px)}@media(max-height:780px) and (min-width:1001px){.gearCurrent strong{font-size:61px}.fuelStats b small{font-size:12px}}@media(max-width:1250px) and (min-width:1001px){.fuelStats b small{font-size:12px}.gearCurrent strong{font-size:69px}}@media(max-width:600px){.gearCurrent strong{font-size:61px}}

@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Rajdhani-SemiBold-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Rajdhani-Bold-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Lap comparisons and reference status instruments */
.badTime{color:#f34b54!important}.lapPrevious>div{position:relative}.lapPrevious #lastLapDelta{font-size:19px;display:block;text-align:right;line-height:1.1;margin-top:2px}.rpmTrack{position:relative;--rpm-level:0%;background:linear-gradient(90deg,#dce5eb 0%,#dce5eb 50%,#f6d664 65%,#ff994b 80%,#ed3548 97%);overflow:hidden}.rpmTrack i{position:absolute;inset:0;width:100%!important;height:100%;background:repeating-linear-gradient(90deg,transparent 0 7px,#10222e 7px 9px);transition:none}.rpmTrack::after{content:"";position:absolute;right:0;top:0;bottom:0;width:calc(100% - var(--rpm-level));background:#203541;transition:width .08s linear}
.carStatus .panelHead label{display:flex;align-items:center;gap:9px}.carStatus .panelHead svg{width:26px;height:24px;stroke:#d9e3ea;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.referenceStatusMetrics{display:grid;grid-template-columns:1.25fr .75fr 1.2fr 1fr;gap:6px;padding:5px 12px 10px;border-bottom:1px solid #1d3441}.referenceStatusMetrics>div{min-width:0}.referenceStatusMetrics>div+div{border-left:1px solid #203743;padding-left:7px}.referenceStatusMetrics label{font-size:12px;white-space:nowrap;display:block}.referenceStatusMetrics b{font-size:20px;white-space:nowrap;display:block;margin-top:5px;line-height:1.1}.statusSignals{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px 12px;gap:7px}.statusSignals>div{text-align:center}.statusSignals label{font-size:13px;display:block;margin-bottom:7px}.statusSignals i{width:14px;height:14px;display:block;margin:auto;border-radius:50%;background:#758996;border:1px solid #a2b5c044}.statusSignals i.on{background:#64d57b;border-color:#a2e5ab;box-shadow:0 0 7px #4ad87524}
.tyreBar{grid-column:1/3;height:10px;background:#233947;border-radius:1px;overflow:hidden}.tyreBar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a8b7c2,#e0e7ec);transition:width .15s linear}
@media(min-width:1800px){.referenceStatusMetrics{padding-top:10px;padding-bottom:15px}.referenceStatusMetrics label{font-size:14px}.referenceStatusMetrics b{font-size:24px}.statusSignals{padding-top:15px}.statusSignals label{font-size:16px}.statusSignals i{width:17px;height:17px}.tyreBar{height:12px}}
@media(max-width:1500px) and (min-width:1001px){.referenceStatusMetrics{padding:3px 8px 8px;gap:3px}.referenceStatusMetrics label{font-size:10px}.referenceStatusMetrics b{font-size:16px}.referenceStatusMetrics>div+div{padding-left:4px}.statusSignals{padding:8px 9px 10px}.statusSignals label{font-size:12px}.statusSignals i{width:12px;height:12px}.lapPrevious #lastLapDelta{font-size:16px}}
@media(max-height:780px) and (min-width:1001px){.referenceStatusMetrics{padding-top:1px;padding-bottom:6px}.referenceStatusMetrics label{font-size:9px}.referenceStatusMetrics b{font-size:15px;margin-top:4px}.statusSignals{padding-top:5px;padding-bottom:6px}.statusSignals label{font-size:11px;margin-bottom:5px}.statusSignals i{width:11px;height:11px}.tyreBar{height:7px}.lapPrevious #lastLapDelta{font-size:14px}}
@media(max-width:600px){.referenceStatusMetrics label{font-size:13px}.referenceStatusMetrics b{font-size:20px}.statusSignals label{font-size:15px}.statusSignals{padding-bottom:15px}.tyreBar{height:11px}}

@media(max-width:1500px) and (min-width:1001px){.referenceStatusMetrics>div:first-child b{font-size:14px}}

.sectors>div.sectorLive{border-color:#91adbd;background:linear-gradient(120deg,#142b37,#0b1c26);box-shadow:inset 0 0 0 1px #b9cbd30a}.sectorLive label{color:#e0edf5}.sectorLive b{color:#fff}

/* Driver identity, compact instruments and vehicle telltales */
.topbar{gap:14px}.identity{padding-right:14px}.identity strong{font-size:46px;letter-spacing:-.7px;white-space:nowrap}.event b{max-width:160px;font-size:18px}.event span,.session span{font-size:14px}.session{padding-left:12px}.session b{font-size:23px}.driver{flex-direction:row;align-items:center;gap:9px;max-width:220px;min-width:125px}.headerDriverIdentity{min-width:0;display:flex;flex-direction:column;gap:3px}.driver small{font-size:11px}.headerDriverName{display:flex;align-items:center;gap:6px;min-width:0}.driver b{font-size:17px;line-height:1.2;min-width:0}.headerDriverPhoto{width:43px;height:43px;object-fit:cover;border-radius:4px;border:1px solid #39505e;background:#14222c;flex-shrink:0}#driverFlag{display:inline-flex;align-items:center;flex-shrink:0}#driverFlag svg{display:block;width:22px;height:15px;border:1px solid #ffffff26;border-radius:1px}.connections{gap:10px}.connections>.connectionState{display:flex;flex-direction:row;align-items:center;gap:5px;white-space:nowrap}.connectionState>span{font-size:12px;line-height:1}.connectionState i{width:11px;height:11px;display:block;flex-shrink:0;border-radius:50%;background:#728592;border:1px solid #acbfcc44}.connectionState i.on{background:#64d57b;border-color:#a2e5ab;box-shadow:0 0 6px #4ad87522}.toolbar button{font-size:14px;padding-left:9px;padding-right:9px}
.recent{display:flex;flex-direction:column}.recent .panelHead,.recent>.lapHeader{flex-shrink:0}.recent #recentLaps{flex:1;min-height:0;overflow:hidden}.recent .lapRow{font-size:16px;line-height:1.05;padding:5px 10px}.recent .lapHeader{font-size:11px;padding-top:7px;padding-bottom:6px}
.vehicleSignals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px 10px 10px}.vehicleSignal{min-width:0;min-height:71px;padding:7px 3px 5px;border:1px solid #1b3341;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6e8594;background:#06131a}.vehicleSignal svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.vehicleSignal label{font-size:11px;line-height:1.15;letter-spacing:0;white-space:nowrap;color:#9ab1c2}.vehicleSignal b{font-size:12px;line-height:1;color:#90a6b5}.vehicleSignal.signalOn{color:#62d883;border-color:#355a49;background:#0c201b}.vehicleSignal.signalOn b{color:#74db90}.vehicleSignal.signalUnknown{opacity:.58}.vehicleSignal#vehicle-engine.signalOn{color:#ffc344;border-color:#69582b;background:#251e0f}.vehicleSignal#vehicle-engine.signalOn b{color:#ffc344}.vehicleSignal.indicatorActive svg{animation:vehicleTurn 1s steps(1,end) infinite}.carStatus .statusTitle{font-size:21px;margin:8px 10px;padding:7px}
@keyframes vehicleTurn{0%,49%{opacity:1}50%,100%{opacity:.18}}
@media(min-width:1001px){.main{grid-template-rows:minmax(220px,1.2fr) clamp(106px,13vh,128px) minmax(200px,1fr) 35px}.sensor{padding:9px 11px}.sensor strong{font-size:clamp(30px,2.7vw,41px)}.sensor .value{margin:5px 0}.sensor label{font-size:13px;gap:7px}.sensor label svg{width:19px;height:19px}.sensor .value small{font-size:17px}.sensor .bar{height:10px}.sensor .scale{font-size:12px;margin-top:4px}}
@media(min-width:1800px){.topbar{gap:20px}.identity strong{font-size:56px}.event b{max-width:230px;font-size:23px}.event span,.session span{font-size:17px}.session b{font-size:28px}.driver{max-width:300px;gap:12px}.driver b{font-size:23px}.driver small{font-size:14px}.headerDriverPhoto{width:54px;height:54px}#driverFlag svg{width:27px;height:18px}.connections{gap:18px}.connectionState>span{font-size:16px}.connectionState i{width:14px;height:14px}.toolbar button{font-size:17px}.sensor strong{font-size:42px}.sensor label{font-size:16px}.recent .lapRow{font-size:18px;padding:6px 12px}.recent .lapHeader{font-size:13px;padding-top:8px;padding-bottom:7px}.vehicleSignal{min-height:85px}.vehicleSignal svg{width:30px;height:30px}.vehicleSignal label{font-size:14px}.vehicleSignal b{font-size:15px}.carStatus .statusTitle{font-size:26px}}
@media(max-width:1250px) and (min-width:1001px){.topbar{gap:9px;padding-left:12px;padding-right:12px}.identity{padding-right:9px}.identity strong{font-size:39px}.event b{max-width:125px;font-size:15px}.event span,.session span{font-size:12px}.session{padding-left:9px}.session b{font-size:19px}.driver{min-width:115px;max-width:185px;gap:6px}.driver b{font-size:14px}.driver small{font-size:10px}.headerDriverPhoto{width:34px;height:38px}#driverFlag svg{width:18px;height:12px}.headerDriverName{gap:4px}.connections{gap:7px}.connectionState>span{font-size:11px}.connectionState i{width:9px;height:9px}.toolbar button{font-size:12px;padding:6px}.sensor{padding:8px 9px}.sensor label{font-size:11px;gap:5px}.sensor label svg{width:17px;height:17px}.sensor strong{font-size:31px}.sensor .value small{font-size:15px}.sensor .scale{font-size:10px}.recent .lapRow{font-size:14px;padding:5px 8px}.recent .lapHeader{font-size:10px}.vehicleSignals{padding:3px 7px 8px;gap:5px}.vehicleSignal{min-height:63px;padding:6px 2px}.vehicleSignal svg{width:21px;height:21px}.vehicleSignal label{font-size:9px}.vehicleSignal b{font-size:10px}.carStatus .statusTitle{font-size:18px}}
@media(max-height:780px) and (min-width:1001px){.main{grid-template-rows:minmax(215px,1.2fr) 98px minmax(185px,1fr) 28px;gap:8px}.sensor{padding:7px 10px}.sensor strong{font-size:32px}.sensor label{font-size:11px}.sensor label svg{width:16px;height:16px}.sensor .value{margin:3px 0}.sensor .value small{font-size:15px}.sensor .scale{font-size:10px;margin-top:3px}.sensor .bar{height:8px}.vehicleSignals{padding:2px 8px 7px;gap:5px}.vehicleSignal{min-height:57px;padding:4px 2px;gap:2px}.vehicleSignal svg{width:19px;height:19px}.vehicleSignal label{font-size:10px}.vehicleSignal b{font-size:10px}.carStatus .statusTitle{margin:6px 8px;font-size:17px;padding:5px}.recent .lapRow{font-size:14px;padding:4px 8px}.recent .lapHeader{font-size:10px;padding-top:6px;padding-bottom:5px}}
@media(max-width:1000px){.driver{max-width:230px}.driver b{font-size:18px}.topbar .connections{gap:14px}.connectionState>span{font-size:13px}.headerDriverPhoto{width:40px;height:40px}.bottom{grid-auto-rows:minmax(245px,auto)}.recent{height:280px}.vehicleSignal{min-height:65px}.carStatus .statusTitle{font-size:20px}.recent .lapRow{font-size:17px;padding:5px 10px}.recent .lapHeader{font-size:12px}.identity strong{font-size:41px}}
@media(max-width:600px){.topbar .driver{display:flex;order:3;width:100%;max-width:none;min-width:0;border-top:1px solid #203641;padding-top:8px}.headerDriverPhoto{width:34px;height:34px}.driver small{font-size:10px}.driver b{font-size:17px}.topbar .connections{order:4;gap:10px}.connectionState>span{font-size:12px}.connectionState i{width:10px;height:10px}.identity strong{font-size:31px}.event b{max-width:110px;font-size:13px}.event span{font-size:11px}.vehicleSignal label{font-size:13px}.vehicleSignal b{font-size:13px}.vehicleSignal svg{width:26px;height:26px}.vehicleSignal{min-height:72px}.recent{height:300px}.recent .lapRow{font-size:17px}.recent .lapHeader{font-size:12px}}
@media(prefers-reduced-motion:reduce){.vehicleSignal.indicatorActive svg{animation:none!important}}

.power{grid-template-rows:minmax(0,1fr) auto}.power .speed,.power .rpm{min-height:0}

.gearCurrent strong{line-height:1.1}

.vehicleSignals{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.vehicleSignal{min-height:71px;gap:6px;padding:9px 2px}.vehicleSignal label{font-size:10px}.vehicleSignal#vehicle-engine.signalOn{color:#62d883;border-color:#355a49;background:#0c201b}.vehicleSignal svg{width:26px;height:26px}@media(min-width:1800px){.vehicleSignal{min-height:85px}.vehicleSignal label{font-size:13px}.vehicleSignal svg{width:31px;height:31px}}@media(max-width:1250px) and (min-width:1001px){.vehicleSignals{gap:4px}.vehicleSignal{min-height:63px}.vehicleSignal label{font-size:8px}.vehicleSignal svg{width:23px;height:23px}}@media(max-height:780px) and (min-width:1001px){.vehicleSignal{min-height:57px;gap:4px;padding:6px 2px}.vehicleSignal label{font-size:8px}.vehicleSignal svg{width:22px;height:22px}}@media(max-width:600px){.vehicleSignal{min-height:72px}.vehicleSignal label{font-size:11px}.vehicleSignal svg{width:27px;height:27px}}

/* Keep RPM and speed units above the gear divider at short viewport heights. */
.power{container-type:size}.power .speed,.power .rpm{padding-top:10px;padding-bottom:10px}.power .speed{display:flex;flex-direction:column}.power .speed>div{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.power .speed strong{font-size:clamp(36px,min(6.3vw,25cqh),108px);line-height:.95;margin-top:0}.power .speed small{display:block;line-height:1.05;font-size:clamp(16px,7cqh,25px)}.power .rpm{display:flex;flex-direction:column}.power .rpm strong{font-size:clamp(28px,min(4.1vw,18cqh),72px);line-height:.98;margin-top:3px}.power .rpm>small{line-height:1.05;font-size:clamp(13px,5.5cqh,19px)}.power .rpmTrack{flex-shrink:0;height:clamp(12px,6cqh,25px);margin-top:6px}.power .scale{line-height:1;margin-top:4px;font-size:clamp(10px,4cqh,14px)}
#allLapRows .bestLapTime,.recent .lapRow.best>span:nth-child(2){color:#bc91ff!important}#allLapRows .good{color:#64d582!important}#allLapRows .badTime{color:#f15359!important}