:root{color-scheme:dark;font-family:"Segoe UI",system-ui,sans-serif;--bg:#070b0f;--panel:#0c1218;--card:#121b24;--line:#263542;--muted:#91a6b8;--text:#eef4f8;--green:#49d17d;--blue:#3f86ff;--red:#ff6969;--amber:#ffc15c;--accent:#3f86ff;--reading-scale:1}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,select,input{font:inherit}button,select{cursor:pointer}button{color:inherit}button,a,select,input{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:4px}button{min-height:44px}button:disabled{cursor:default;opacity:.45}a{color:#82b7ff}button,select{transition:background .15s,border-color .15s}button:hover{filter:brightness(1.15)}[hidden]{display:none!important}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 30px;min-height:70px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:900;letter-spacing:.12em;color:var(--text);text-decoration:none;white-space:nowrap}.brand-symbol{display:flex;gap:3px;transform:skewX(-20deg)}.brand-symbol i{background:var(--accent);width:6px;height:22px}.brand-symbol i:last-child{height:14px;align-self:flex-end}.brand-version{font-size:10px;letter-spacing:.16em;color:var(--muted);border-left:1px solid var(--line);padding-left:14px;margin-left:6px}.header-meta{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.header-weather span{padding:0 8px}.demo-tag{font-size:11px;letter-spacing:.07em;color:#c2ccd4;border:1px solid var(--line);border-radius:4px;padding:5px 8px}.app-nav{display:flex;gap:32px;padding:0 30px;height:55px;align-items:stretch;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;white-space:nowrap;overflow:auto}.app-nav>span{display:flex;align-items:center;gap:10px}.app-nav-active{color:var(--text);border-bottom:2px solid var(--accent);font-weight:700}.app-nav small{font-weight:600;color:#9bc2ff;background:#172b49;border-radius:3px;padding:3px 5px;font-size:9px;letter-spacing:.05em}main{max-width:1760px;margin:auto;padding:26px 30px 18px}.design-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:600;text-transform:uppercase}h1{font-size:26px;letter-spacing:-.035em;margin:6px 0 0;font-weight:700}h2{font-size:23px;letter-spacing:-.025em;margin:5px 0}h3{font-size:16px}.toolbar-actions{display:flex;gap:10px;align-items:center}.quiet-button,.outline-button,.primary-button,.icon-button{border-radius:6px;padding:0 16px;font-size:13px;font-weight:600}.quiet-button{background:transparent;border:1px solid transparent;color:var(--muted)}.outline-button{background:#111a23;border:1px solid #344451}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff}.toolbar-actions button span{margin-right:7px;font-size:18px}.concept-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:19px}.concept-button{background:#0d141b;border:1px solid var(--line);border-radius:7px;padding:13px 14px;text-align:left;display:flex;gap:12px;align-items:center}.concept-button[aria-pressed=true]{border-color:var(--accent);background:#132238;box-shadow:inset 0 0 0 1px #3f86ff20}.concept-number{color:#708396;font-size:12px;align-self:flex-start;margin-top:3px;font-variant-numeric:tabular-nums}.concept-button[aria-pressed=true] .concept-number{color:#80b0ff}.concept-button strong{display:block;font-size:14px}.concept-button small{display:block;font-size:11px;margin-top:4px;color:var(--muted)}.preview-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:16px}.preview-controls>div{display:flex;gap:12px;align-items:center}.preview-controls .eyebrow{font-size:10px}.preview-controls select{background:#111a23;border:1px solid var(--line);border-radius:5px;padding:8px 30px 8px 10px;min-height:40px;font-size:12px;color:#dce5ed}.preview-right{color:#748b9e;font-size:11px}.preview-right button{min-height:40px}.dashboard-frame{background:#090f14;border:1px solid #34424f;border-radius:10px;overflow:hidden;box-shadow:0 14px 55px #0003}.dashboard{padding:16px;--flag-color:var(--green)}.flag-banner{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid color-mix(in srgb,var(--flag-color) 40%,transparent);border-left:5px solid var(--flag-color);background:color-mix(in srgb,var(--flag-color) 9%,#090f14);padding:10px 18px;margin-bottom:14px;border-radius:5px}.flag-message{display:flex;align-items:center;gap:16px}.flag-symbol{font-size:25px;width:38px;height:36px;display:grid;place-items:center;color:var(--flag-color)}.flag-title{color:var(--flag-color);font-size:calc(22px * var(--reading-scale));font-weight:900;letter-spacing:.055em}.flag-instruction{font-size:14px;color:#c3cfd9;margin-top:1px}.flag-context{font-size:12px;letter-spacing:.04em;line-height:1.8;text-align:right;color:var(--muted)}.flag-context strong{display:block;color:var(--text);font-size:15px}.dash-panel{background:var(--card);border:1px solid var(--line);border-radius:6px;min-width:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 18px 0}.dash-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9eafbd;font-weight:600}.dash-label.accent{color:#91b7ed}.panel-meta{font-size:12px;color:var(--muted)}.numeric{font-family:"Segoe UI",system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-weight:800}.gain{color:var(--green)}.loss{color:var(--red)}.amber{color:var(--amber)}.cockpit-primary{display:grid;grid-template-columns:1fr 1.34fr 1.06fr;gap:12px}.relative-stack{padding:17px 20px 0}.rival-caption{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.rival-caption b{font-size:14px;color:var(--text)}.rival-name{font-size:19px;font-weight:700;margin-top:9px;display:flex;gap:8px;align-items:center}.car-number{font-size:12px;color:#9bafbf;font-weight:500}.gap-value{font-size:calc(49px * var(--reading-scale));line-height:1.1;margin-top:3px}.gap-value small{font-size:18px;letter-spacing:0;font-weight:500;color:var(--muted)}.gap-trend{font-size:12px;display:flex;justify-content:space-between;margin:9px 0 15px;gap:8px}.you-divider{border-block:1px solid var(--line);padding:9px 20px;display:flex;justify-content:space-between;align-items:center;background:#182735;font-size:12px}.you-divider strong{font-size:17px}.tyre-tag{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--amber);color:var(--amber);font-size:10px;font-weight:800;letter-spacing:0}.tyre-tag.hard{color:#eef4f8;border-color:#c7d2da}.instrument{background:linear-gradient(135deg,#172532,#101922 70%);display:flex;flex-direction:column;align-items:center;position:relative}.rpm-strip{display:flex;gap:5px;width:calc(100% - 36px);padding-top:18px}.rpm-strip span{height:7px;flex:1;background:#2c3b47;border-radius:2px}.rpm-strip span:nth-child(-n+6){background:var(--green)}.rpm-strip span:nth-child(n+7):nth-child(-n+10){background:var(--amber)}.rpm-strip span:nth-child(n+11):nth-child(-n+13){background:var(--red)}.rpm-label{display:flex;justify-content:space-between;width:calc(100% - 36px);margin-top:9px;font-size:10px;color:var(--muted);letter-spacing:.06em}.gear-readout{text-align:center;margin-top:14px}.gear-readout .numeric{font-size:calc(133px * var(--reading-scale));line-height:.95;font-weight:900}.gear-label{font-size:11px;color:var(--muted);letter-spacing:.17em;margin-top:8px}.speed-readout{font-size:calc(35px * var(--reading-scale));margin-top:13px;line-height:1.1}.speed-readout small{font-size:12px;font-weight:500;letter-spacing:.07em;color:var(--muted);padding-left:9px}.car-modes{display:flex;gap:7px;margin:15px 0}.mode-tag{border:1px solid #344753;background:#172934;color:#a8bdcd;font-size:10px;letter-spacing:.04em;padding:5px 8px;border-radius:3px}.mode-tag.on{color:var(--green);background:#183027;border-color:#285842}.instrument-foot{width:100%;display:flex;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--line);margin-top:auto;color:var(--muted);font-size:11px}.instrument-foot b{color:var(--text);font-size:15px}.timing-main{padding:0 20px}.current-time{font-size:calc(46px * var(--reading-scale));margin:9px 0 18px;line-height:1.1}.delta-display{border-top:1px solid var(--line);padding-top:17px}.delta-value{font-size:calc(58px * var(--reading-scale));line-height:1.1;margin:7px 0}.delta-caption{font-size:12px;color:var(--green)}.delta-bar{height:4px;background:#283743;border-radius:3px;position:relative;margin:18px 0 17px}.delta-bar:after{content:"";position:absolute;left:50%;top:-4px;height:12px;width:1px;background:#8fa6b7}.delta-bar:before{content:"";position:absolute;right:50%;top:0;height:4px;width:32%;background:var(--green)}.lap-prediction{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0 16px;color:var(--muted);font-size:11px}.lap-prediction b{font-size:22px;color:var(--text)}.cockpit-secondary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-top:12px}.lap-times-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px 18px 16px}.lap-times-row .numeric{font-size:calc(26px * var(--reading-scale));margin-top:4px}.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 18px 16px}.sector{border-top:3px solid var(--green);padding-top:7px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.sector:last-child{border-color:#576573}.sector b{color:var(--green);font-weight:600}.sector:last-child b{color:var(--muted)}.tires-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:13px 18px 17px}.tire{border-left:3px solid var(--green);padding-left:9px;display:flex;align-items:center;justify-content:space-between}.tire div{font-size:10px;line-height:1.6;color:var(--muted)}.tire b{color:#e0e9ef;font-size:20px;letter-spacing:-.035em}.tire small{font-size:10px;color:var(--muted)}.resource-body{padding:14px 18px}.resource-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.resource-row b{font-size:22px;color:var(--text)}.resource-row b small{font-size:12px;font-weight:400}.meter{height:5px;background:#293641;border-radius:3px;margin:8px 0 13px;overflow:hidden}.meter span{height:100%;display:block;background:var(--accent);border-radius:3px}.meter.energy span{background:var(--green)}.resource-hint{font-size:11px;color:var(--green);margin-top:6px}.dash-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 2px 0;color:var(--muted);font-size:11px}.radio-line{display:flex;gap:10px;align-items:center;color:#c3d2de}.radio-line span:first-child{color:var(--accent);font-size:15px}.demo-watermark{font-size:10px;letter-spacing:.08em;color:#8b9aa6;white-space:nowrap}.concept-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:12px;padding-top:20px;color:var(--muted)}.concept-footer>div{display:flex;gap:15px;align-items:center}.concept-footer strong{font-size:13px;color:var(--text);white-space:nowrap}.concept-index{font-variant-numeric:tabular-nums;color:#8aa7bd;white-space:nowrap}.footer-hint{white-space:nowrap;color:#687f91}.race-mode-bar{display:none}.race-mode main{padding:0;max-width:none}.race-mode .review-chrome{display:none}.race-mode .dashboard-frame{min-height:100dvh;border:0;border-radius:0}.race-mode .dashboard{max-width:1900px;margin:auto;padding:18px 26px}.race-mode .race-mode-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 26px 0;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em}.race-mode-bar b{font-size:10px;border:1px solid #435565;border-radius:3px;margin-left:10px;padding:3px 5px}.race-mode-bar button{font-size:12px}kbd{margin-left:8px;font-size:10px;color:var(--muted)}dialog{color:var(--text);background:#101922;border:1px solid #3b4e5e;border-radius:12px;padding:0;box-shadow:0 30px 100px #000a;width:min(470px,calc(100vw - 30px));max-height:90dvh}dialog::backdrop{background:#02070bbb;backdrop-filter:blur(5px)}.notes-dialog{width:min(650px,calc(100vw - 30px))}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 18px;border-bottom:1px solid var(--line)}.icon-button{background:#1d2a35;border:1px solid var(--line);font-size:25px;min-width:44px;padding:0}.dialog-body{padding:18px 24px;color:#b6c5d1;font-size:14px;line-height:1.65}.dialog-body h3{color:var(--text);margin:22px 0 6px}.dialog-body p{margin:5px 0 15px}.dialog-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:17px 24px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;border-bottom:1px solid #243442}.setting-row label{color:var(--text);font-size:14px}.setting-row select{padding:8px;border:1px solid #42566a;border-radius:5px;background:#17232e}.setting-row input[type=checkbox]{width:21px;height:21px;accent-color:var(--accent)}.setting-row input[type=range]{width:145px;accent-color:var(--accent)}.setting-hint{color:var(--muted);font-size:12px;margin:12px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#e6eff7;color:#112130;border-radius:7px;padding:12px 20px;font-size:13px;box-shadow:0 10px 30px #0007;z-index:100}.note-disclaimer{font-size:12px;padding-top:15px;border-top:1px solid var(--line)}.hide-tires [data-widget=tires],.hide-resources [data-widget=resources],.hide-sectors .sectors,.hide-radio .radio-line{display:none}.cockpit-secondary:has([data-widget=tires]:last-child){grid-template-columns:1fr 1fr}.dashboard.hide-tires .cockpit-secondary,.dashboard.hide-resources .cockpit-secondary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard.high-contrast{--card:#05090d;--muted:#c0ccd6;--line:#5b6b77}.dashboard.large-labels .dash-label{font-size:14px}.dashboard[data-scenario=stale] .data-surface{opacity:.5}.dashboard[data-scenario=stale] .flag-banner{background:#281b1d}.flag-banner.urgent{min-height:80px}.flag-banner.urgent .flag-title{font-size:calc(27px * var(--reading-scale))}
@media(min-width:1600px){.dashboard{padding:20px}.cockpit-primary{grid-template-columns:1fr 1.4fr 1.1fr}.instrument{min-height:370px}.gear-readout{margin-top:22px}.gear-readout .numeric{font-size:calc(151px * var(--reading-scale))}.current-time{font-size:calc(52px * var(--reading-scale));margin-bottom:24px}.delta-value{font-size:calc(67px * var(--reading-scale))}.relative-stack{padding-top:22px}.gap-value{font-size:calc(57px * var(--reading-scale))}.gap-trend{margin-bottom:22px}.rpm-strip{padding-top:22px}}
@media(max-width:1150px){.app-header{padding:0 20px}.header-weather,.brand-version{display:none}.app-nav{padding:0 20px;gap:26px}main{padding:20px}.concept-button{gap:8px;padding:12px 10px}.concept-button small{font-size:10px}.cockpit-primary{grid-template-columns:1fr 1.1fr 1fr}.gap-value{font-size:calc(40px * var(--reading-scale))}.current-time{font-size:calc(35px * var(--reading-scale))}.delta-value{font-size:calc(46px * var(--reading-scale))}.toolbar-actions{gap:6px}.toolbar-actions button{padding-inline:10px}.footer-hint{display:none}.instrument-foot{font-size:10px}.tire b{font-size:18px}}
@media(max-width:850px){.app-header{min-height:60px}.brand{font-size:14px}.header-meta>span:not(.demo-tag){display:none}.app-nav{height:50px}.design-toolbar{align-items:flex-start}.toolbar-title h1{font-size:21px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar-actions .quiet-button{display:none}.concept-nav{grid-template-columns:repeat(3,1fr)}.concept-button small{font-size:11px}.preview-controls{align-items:flex-end}.preview-controls>div:first-child{flex-direction:column;align-items:flex-start;gap:7px}.demo-explainer{display:none}.cockpit-primary{grid-template-columns:1fr 1fr}.cockpit-primary .timing-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr}.timing-panel .panel-heading{align-items:flex-start;padding-top:23px}.timing-panel .timing-main{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:17px}.timing-panel .delta-display{border-top:0;padding-top:0}.timing-panel .delta-bar{display:none}.timing-panel .lap-prediction{grid-column:1/-1;padding-bottom:0}.current-time{font-size:34px;margin-top:4px}.delta-value{font-size:40px}.cockpit-secondary{grid-template-columns:1fr 1fr}.cockpit-secondary>section:first-child{grid-column:1/-1}.flag-title{font-size:19px}.flag-context{font-size:10px}.flag-context strong{font-size:13px}.concept-footer>div{flex-wrap:wrap;gap:6px 12px}.concept-footer #conceptDescription{flex-basis:100%;line-height:1.6}.flag-instruction{font-size:12px}}
@media(max-width:560px){main{padding:15px 10px}.app-header{padding:0 14px;gap:8px}.brand{font-size:12px;gap:10px}.brand-symbol i{width:4px;height:18px}.demo-tag{font-size:9px}.app-nav{padding:0 14px;gap:24px;font-size:13px}.design-toolbar{display:block;margin-bottom:17px}.toolbar-title h1{font-size:22px}.toolbar-actions{justify-content:flex-start;margin-top:14px}.toolbar-actions .quiet-button{display:block}.concept-button{padding:10px;gap:8px}.concept-button small{font-size:10px}.concept-button strong{font-size:12px}.concept-number{font-size:10px}.dashboard{padding:10px}.flag-banner{padding:10px;gap:8px}.flag-message{gap:6px}.flag-symbol{width:23px;font-size:20px}.flag-title{font-size:17px}.flag-context{display:none}.flag-instruction{font-size:11px}.relative-stack{padding:14px 12px 0}.rival-name{font-size:15px}.gap-value{font-size:calc(33px * var(--reading-scale))}.gap-trend{font-size:10px;flex-wrap:wrap;gap:3px}.you-divider{padding:8px 12px;font-size:10px}.you-divider strong{font-size:14px}.instrument-foot{padding:10px;font-size:9px;gap:8px}.instrument-foot b{font-size:13px}.gear-readout .numeric{font-size:calc(104px * var(--reading-scale))}.speed-readout{font-size:calc(29px * var(--reading-scale))}.speed-readout small{font-size:10px;padding-left:5px}.rpm-strip{gap:3px;width:calc(100% - 22px)}.rpm-label{width:calc(100% - 22px);font-size:9px}.car-modes{gap:4px}.mode-tag{font-size:8px;padding:4px}.cockpit-primary{gap:7px}.cockpit-primary .timing-panel{display:block}.timing-panel .panel-heading{padding:13px 13px 0}.timing-panel .timing-main{padding:12px 13px;gap:10px}.current-time{font-size:calc(27px * var(--reading-scale))}.delta-value{font-size:calc(31px * var(--reading-scale));margin:5px 0}.dash-label{font-size:10px}.delta-caption{font-size:10px}.cockpit-secondary{gap:7px}.panel-heading{padding:13px 12px 0}.panel-meta{font-size:10px}.tires-grid{padding:13px 12px;gap:8px}.tire{padding-left:6px;display:block}.tire b{font-size:18px}.tire div{font-size:9px;line-height:1.3}.tire small{font-size:9px}.resource-body{padding:13px 12px}.resource-row{font-size:11px}.resource-row b{font-size:19px}.resource-hint{font-size:10px}.radio-line{font-size:10px}.dash-bottom{align-items:flex-start;gap:10px}.demo-watermark{font-size:8px}.race-mode .dashboard{padding:10px}.race-mode .race-mode-bar{padding:10px 12px 0}.flag-banner.urgent .flag-title{font-size:20px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.focus-layout{padding:0 30px 6px;background:#080e13;border-radius:6px}.focus-session{display:flex;justify-content:space-between;padding-top:15px;font-size:12px;color:var(--muted);letter-spacing:.08em}.focus-session b{color:var(--text);margin:0 6px}.focus-delta{text-align:center;padding:27px 0 22px}.focus-delta>.numeric{font-size:calc(122px * var(--reading-scale));font-weight:900;line-height:1.03;margin:10px 0 5px;letter-spacing:-.055em}.focus-delta-caption{display:flex;align-items:center;justify-content:center;gap:13px;letter-spacing:.14em;color:var(--green);font-size:12px;font-weight:700}.focus-delta-caption span:first-child{font-size:14px}.focus-delta-caption span:last-child{color:var(--muted);font-size:10px;font-weight:400;border-left:1px solid var(--line);padding-left:13px}.focus-delta-track{height:5px;width:min(480px,80%);margin:26px auto 10px;background:#1f2c36;position:relative}.focus-delta-track span{position:absolute;right:50%;width:25%;height:100%;background:var(--green)}.focus-delta-track i{position:absolute;height:16px;width:2px;background:#8ea3b3;left:50%;top:-6px}.mini-relative{display:grid;grid-template-columns:1fr .65fr 1fr;border-block:1px solid var(--line);padding:20px 0;margin-top:2px;gap:15px}.mini-relative>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px 12px}.mini-relative>div>.dash-label{grid-column:1/-1}.mini-relative b{font-size:18px}.mini-relative b small{font-size:11px;font-weight:400;color:var(--muted)}.mini-relative strong{font-size:calc(46px * var(--reading-scale));line-height:1}.mini-relative strong small{font-size:16px;color:var(--muted);font-weight:400;letter-spacing:0}.mini-relative>.mini-you{display:flex;flex-direction:column;gap:6px;border-inline:1px solid var(--line);text-align:center}.mini-you strong{font-size:calc(53px * var(--reading-scale))}.mini-you>span:last-child{font-size:10px;color:var(--muted);letter-spacing:.09em}.mini-relative>div:last-child{text-align:right}.focus-laps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0 12px}.focus-laps>div:not(:first-child){border-left:1px solid var(--line);padding-left:25px}.focus-laps strong{display:block;font-size:calc(32px * var(--reading-scale));margin-top:8px}.battle-layout{display:grid;grid-template-columns:1.32fr 1fr;gap:12px}.timing-tower .panel-heading{padding-bottom:20px}.tower-scroll{overflow:auto}.tower-table{border-collapse:collapse;width:100%;white-space:nowrap}.tower-table th{font-weight:500;text-align:left;font-size:10px;letter-spacing:.08em;color:var(--muted);padding:0 14px 12px;border-bottom:1px solid var(--line)}.tower-table td{padding:16px 14px;border-bottom:1px solid #263542a0;font-size:14px}.tower-table td:first-child{font-size:18px}.tower-table .numeric{font-size:18px}.tower-table td>small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px;letter-spacing:0}.tower-driver{padding-left:10px;border-left:3px solid var(--team-color)}.tower-driver b{display:block;font-size:14px;letter-spacing:.02em}.tower-driver span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.player-row{background:#203446}.player-row .tower-driver b{color:#fff}.tower-foot{font-size:10px;color:var(--muted);padding:16px}.battle-right{display:grid;gap:12px}.attack-card{border-top:2px solid var(--green)}.defend-card{border-top:2px solid var(--amber)}.battle-card-title{display:flex;justify-content:space-between;align-items:center;padding:9px 20px 0}.battle-card-title h2{font-size:23px;margin:0}.battle-gap{display:flex;align-items:center;gap:17px;padding:2px 20px}.battle-gap strong{font-size:calc(65px * var(--reading-scale));line-height:1.15}.battle-gap>span{font-size:11px;line-height:1.6;letter-spacing:.08em;color:var(--muted)}.battle-trend{padding:2px 20px 12px;font-size:12px}.sparkline{width:calc(100% - 40px);height:61px;margin:0 20px 12px;display:block}.battle-card-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;padding:11px 20px;font-size:9px;letter-spacing:.06em;color:var(--muted)}.battle-card-foot b{display:block;letter-spacing:0;font-size:18px;margin-top:3px}.battle-card-foot>span:last-child{text-align:right}.battle-bottom{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.compact-metric{padding:15px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.compact-metric>.numeric{font-size:calc(31px * var(--reading-scale));line-height:1;white-space:nowrap}.compact-metric small{font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0}.compact-metric .dash-label{font-size:10px;max-width:90px;line-height:1.6}.endurance-layout{display:grid;grid-template-columns:1.95fr 1fr;gap:12px}.endurance-main,.endurance-aside{display:flex;flex-direction:column;gap:12px;min-width:0}.stint-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 10px}.stint-heading .numeric{font-size:calc(59px * var(--reading-scale));margin-top:5px}.stint-heading .numeric>span{color:#7c95a7;margin:0 5px}.stint-heading p{color:var(--muted);font-size:13px;margin:1px 0 0}.next-compound{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 15px 0 30px;border-left:1px solid var(--line)}.next-compound .tyre-tag{width:48px;height:48px;font-size:29px;border-width:3px;margin:5px 0}.next-compound b{font-size:13px}.next-compound small{font-size:9px;color:var(--muted);letter-spacing:.08em}.stint-timeline{padding:22px 25px}.stint-track{background:#344250;height:9px;position:relative;border-radius:5px}.completed-stint{position:absolute;left:0;width:18%;background:#597185;height:100%;border-radius:5px 0 0 5px}.current-stint{position:absolute;left:18%;width:17%;height:100%;background:var(--amber)}.pit-window{position:absolute;left:44%;width:6%;height:19px;top:-5px;background:#c5d2da;border:3px solid #8195a5;border-radius:4px}.stint-track i{position:absolute;left:34%;width:3px;height:24px;top:-8px;background:#fff;border-radius:2px}.stint-ticks{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:10px;color:var(--muted)}.stint-ticks b{color:var(--amber)}.stint-note{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);background:#182825;padding:11px 25px;font-size:12px}.stint-note>span:last-child{color:var(--muted);margin-left:auto}.endurance-resources{display:grid;grid-template-columns:1.05fr 1fr;gap:12px}.fuel-hero{display:flex;gap:14px;align-items:center;padding:12px 20px 8px}.fuel-hero strong{font-size:calc(51px * var(--reading-scale));color:var(--green)}.fuel-hero>span{font-size:10px;letter-spacing:.07em;color:var(--muted);line-height:1.6}.fuel-scale{height:6px;margin:3px 20px 8px;background:linear-gradient(to right,#ff6969 0 20%,#ffc15c 20% 33%,#49d17d 33% 100%);position:relative;border-radius:2px}.fuel-scale i{position:absolute;width:2px;height:15px;top:-5px;left:78%;background:#fff;box-shadow:0 0 0 1px #10171d}.fuel-scale-label{display:flex;justify-content:space-between;font-size:8px;margin:0 20px;color:var(--muted);gap:10px}.fuel-scale-label b{font-weight:500}.fuel-facts{padding:14px 20px}.fuel-facts>div{display:flex;justify-content:space-between;font-size:12px;margin-top:6px;color:var(--muted)}.fuel-facts b{color:var(--text);font-size:16px}.fuel-facts b small{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}.endurance-resources .tires-grid{height:calc(100% - 40px);align-items:stretch;gap:14px;padding:22px}.endurance-resources .tire{flex-direction:column;align-items:flex-start;justify-content:center;background:#0b131b;border-radius:3px;padding:10px}.endurance-resources .tire b{font-size:28px;line-height:1.5}.endurance-resources .tire div{font-size:11px}.consistency-body{padding:14px 20px 20px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:end;gap:20px}.consistency-body strong{display:block;font-size:calc(38px * var(--reading-scale))}.consistency-body strong span{display:block;font-weight:500;font-size:10px;letter-spacing:.12em;margin-top:5px}.consistency-body p{font-size:12px;color:var(--muted);margin:10px 0 4px}.consistency-body p b{margin-left:8px}.lap-bars{height:115px;display:flex;align-items:flex-end;gap:10px}.lap-bars>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.lap-bars>div>span{font-size:9px;color:#a6bdce;font-weight:500;letter-spacing:-.02em}.lap-bars i{background:#36536b;width:65%;border-radius:3px 3px 0 0}.lap-bars>div:last-child i{background:var(--accent)}.lap-bars small{font-size:9px;color:var(--muted)}.endurance-aside .relative-panel{flex:1}.endurance-aside .gap-value{font-size:45px}.endurance-aside .relative-stack{padding-top:15px}.endurance-aside .gap-trend{margin-bottom:17px}.endurance-aside .lap-times-row .numeric{font-size:26px}.endurance-aside .sectors{padding-bottom:15px}.endurance-aside .compact-metric{padding:17px}.modular-intro{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);padding:0 2px 14px;gap:16px}.modular-intro b{color:var(--text);font-weight:600}.layout-saved{font-size:9px;letter-spacing:.07em;white-space:nowrap}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module{min-width:0;display:flex;flex-direction:column;border:1px dashed #3f5363;border-radius:6px;padding:5px;background:#0d161f;transition:border-color .15s}.module.drop-target{border:2px solid var(--accent);background:#203446}.module>.dash-panel{height:100%;min-height:177px}.module-controls{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;padding:0 4px 5px}.module-controls>span:nth-child(2){flex:1}.drag-handle{cursor:grab;font-size:20px;padding:3px}.drag-handle:active{cursor:grabbing}.module-move{min-height:32px;min-width:32px;border:1px solid var(--line);border-radius:3px;background:#152330;font-size:15px}.module .relative-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.module .relative-stack{padding:15px 12px 0}.module .relative-stack:first-child{border-right:1px solid var(--line)}.module .relative-stack:last-child{grid-row:1;grid-column:2}.module .you-divider{grid-column:1/-1;align-self:end;margin-top:4px}.module .gap-value{font-size:calc(35px * var(--reading-scale))}.module .rival-name{font-size:13px;gap:4px}.module .gap-trend{font-size:10px;display:block;margin-bottom:12px}.module .gap-trend>span:last-child{display:block;margin-top:5px}.module .rival-caption{font-size:10px}.module .rival-caption b{font-size:12px}.module .car-number{font-size:10px}.module .timing-panel{display:block}.module .timing-main{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.module .timing-panel .panel-heading{padding:12px 14px 0}.module .current-time{font-size:calc(29px * var(--reading-scale));margin:7px 0 0}.module .delta-display{border:0;padding:0}.module .delta-display .dash-label{font-size:9px}.module .delta-value{font-size:calc(31px * var(--reading-scale));margin-top:7px}.module .delta-caption{font-size:9px}.module .delta-bar{display:none}.module .lap-prediction{grid-column:1/-1;padding:10px 0 0;margin-top:5px}.module .tires-grid{height:calc(100% - 35px);align-items:center;padding-bottom:18px}.module .resource-body{padding-top:17px}.module .lap-times-row{padding-top:23px;padding-bottom:27px}.module .lap-times-row .numeric{font-size:calc(28px * var(--reading-scale))}.session-metrics{display:flex;justify-content:space-between;padding:20px}.session-metrics strong{display:block;font-size:calc(38px * var(--reading-scale));margin-top:5px}.session-metrics small{font-size:17px;color:var(--muted);font-weight:400;letter-spacing:0;padding-left:4px}.session-strip{display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:var(--muted);padding:15px;gap:10px}.session-strip b{color:var(--text);margin-left:5px;font-size:12px}.portrait-layout{display:grid;grid-template-columns:1fr 380px 1fr;gap:55px;align-items:center;max-width:1120px;margin:0 auto;padding:13px 0 20px}.portrait-context h2{font-size:31px;line-height:1.17;letter-spacing:-.04em;margin:15px 0}.portrait-context p,.portrait-callouts p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.portrait-size{border-block:1px solid var(--line);padding:20px 0;display:flex;flex-direction:column;gap:7px;margin:22px 0}.portrait-size>span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.portrait-size strong{font-size:16px}.portrait-size small{font-size:11px;color:var(--muted)}.portrait-context button{font-size:12px}.portrait-context button span{padding-left:10px}.portrait-device{background:#0d1720;border:1px solid #486070;border-radius:12px;box-shadow:0 0 0 5px #05080c,0 10px 40px #0004;overflow:hidden}.portrait-session{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px;font-size:9px;letter-spacing:.08em}.portrait-session b{color:#cad7e0;font-size:10px;letter-spacing:.1em}.portrait-session span{color:var(--muted)}.portrait-position{display:grid;grid-template-columns:1fr 1fr;padding:20px 25px}.portrait-position>div:last-child{border-left:1px solid var(--line);padding-left:25px}.portrait-position strong{display:block;font-size:calc(43px * var(--reading-scale));line-height:1.2;margin-top:5px}.portrait-position small{font-size:17px;color:var(--muted);font-weight:400;letter-spacing:0;padding-left:5px}.portrait-delta{padding:14px 25px 21px;border-block:1px solid #294233;background:#10241d;display:flex;flex-direction:column;align-items:center;gap:7px}.portrait-delta strong{font-size:calc(65px * var(--reading-scale));line-height:1.13}.portrait-delta>span:last-child{font-size:9px;letter-spacing:.14em}.portrait-rivals{padding:4px 25px}.portrait-rivals>div{padding:16px 0;display:flex;justify-content:space-between;gap:16px;align-items:center}.portrait-rivals>div+div{border-top:1px solid var(--line)}.portrait-rivals>div>div{display:flex;flex-direction:column;gap:8px}.portrait-rivals>div>div>span{color:var(--muted);font-size:10px;letter-spacing:.07em}.portrait-rivals b{font-size:15px}.portrait-rivals small{font-size:10px;color:var(--muted);font-weight:400}.portrait-rivals strong{font-size:calc(36px * var(--reading-scale))}.portrait-rivals strong small{font-size:14px;margin-left:4px}.portrait-laps{padding:7px 25px 13px;border-top:1px solid var(--line)}.portrait-laps>div{display:flex;justify-content:space-between;align-items:center;padding:7px 0}.portrait-laps span{font-size:10px;color:var(--muted);letter-spacing:.07em}.portrait-laps b{font-size:22px}.portrait-resource{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.04em;color:var(--muted);border-top:1px solid var(--line);padding:16px 25px}.portrait-resource b{font-size:16px;margin-left:7px;letter-spacing:0}.portrait-footer{text-align:center;font-size:8px;letter-spacing:.1em;background:#080e13;padding:10px;color:var(--muted)}.portrait-callouts>div{padding:20px 0;border-bottom:1px solid var(--line)}.portrait-callouts>div:last-child{border:0}.portrait-callouts>div>span{font-size:11px;color:#7995ad}.portrait-callouts h3{margin:8px 0;font-size:14px}.portrait-callouts p{font-size:12px}.race-mode .module{border-color:transparent;background:transparent;padding:0}.race-mode .portrait-layout{display:flex;padding:5px 0;justify-content:center;max-width:650px}.race-mode .portrait-device{width:min(500px,100%)}.race-mode .portrait-delta strong{font-size:calc(87px * var(--reading-scale))}.race-mode .portrait-position strong{font-size:calc(53px * var(--reading-scale))}.race-mode .portrait-rivals strong{font-size:calc(47px * var(--reading-scale))}.dashboard.hide-tires .endurance-resources,.dashboard.hide-resources .endurance-resources{grid-template-columns:1fr}.dashboard.hide-resources .battle-bottom{grid-template-columns:repeat(3,1fr)}.unavailable-state{min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px solid var(--line);border-radius:6px;background:#0b1219;padding:30px;gap:12px}.unavailable-state>span{font-size:64px;color:#687f91;line-height:1}.unavailable-state h2{font-size:27px}.unavailable-state p{color:var(--muted);max-width:420px;line-height:1.8;font-size:14px;margin:0}.dashboard[data-scenario=stale] .data-surface{display:none}
@media(min-width:1600px){.focus-delta>.numeric{font-size:calc(145px * var(--reading-scale))}.focus-delta{padding-top:40px}.focus-laps{padding-top:30px;padding-bottom:20px}.tower-table td{padding-block:19px}.battle-gap strong{font-size:calc(73px * var(--reading-scale))}.battle-bottom .compact-metric>.numeric{font-size:calc(35px * var(--reading-scale))}.module>.dash-panel{min-height:215px}.module .relative-stack{padding:20px 16px 0}.module .rival-name{font-size:16px}.module .gap-value{font-size:calc(43px * var(--reading-scale))}.module .current-time{font-size:calc(35px * var(--reading-scale))}.module .delta-value{font-size:calc(38px * var(--reading-scale))}.module .timing-main{padding-top:25px}.portrait-layout{grid-template-columns:1fr 405px 1fr;max-width:1220px;gap:70px}.portrait-device{margin:5px 0}.portrait-delta{padding-block:22px}}
@media(max-width:1250px){.battle-layout{grid-template-columns:1.3fr 1fr}.tower-table td{padding:16px 10px;font-size:12px}.tower-table th{padding-inline:10px}.tower-driver b{font-size:12px}.tower-driver span{font-size:9px}.tower-table .numeric{font-size:16px}.compact-metric{flex-direction:column;align-items:flex-start;gap:8px}.compact-metric .dash-label{max-width:none}.endurance-layout{grid-template-columns:1.65fr 1fr}.stint-heading .numeric{font-size:calc(49px * var(--reading-scale))}.stint-note>span:last-child{font-size:10px}.consistency-body{grid-template-columns:1fr 1.2fr;gap:15px}.consistency-body strong{font-size:calc(29px * var(--reading-scale))}.lap-bars{gap:6px}.portrait-layout{gap:30px;grid-template-columns:1fr 350px 1fr}.portrait-context h2{font-size:27px}.portrait-callouts p{font-size:11px}.focus-laps strong{font-size:calc(28px * var(--reading-scale))}.module-grid{grid-template-columns:repeat(2,1fr)}.module .rival-name{font-size:16px}.module .gap-value{font-size:calc(41px * var(--reading-scale))}.module .current-time{font-size:calc(32px * var(--reading-scale))}.module .delta-value{font-size:calc(35px * var(--reading-scale))}}
@media(max-width:950px){.focus-layout{padding-inline:12px}.mini-relative{grid-template-columns:1fr .5fr 1fr;gap:12px}.mini-relative>div{display:flex;align-items:flex-start;flex-direction:column}.mini-relative>div:last-child{align-items:flex-end}.mini-relative>.mini-you{justify-content:center;align-items:center}.mini-relative strong{font-size:calc(40px * var(--reading-scale))}.mini-relative b{font-size:15px}.focus-laps{gap:10px}.focus-laps>div:not(:first-child){padding-left:15px}.focus-laps strong{font-size:calc(25px * var(--reading-scale))}.battle-layout{grid-template-columns:1fr}.battle-right{grid-template-columns:1fr 1fr}.battle-gap strong{font-size:calc(51px * var(--reading-scale))}.battle-card-title h2{font-size:21px}.defend-card{display:flex;flex-direction:column}.defend-card .battle-card-foot{margin-top:auto}.tower-table td{padding:14px 16px}.tower-table th{padding-inline:16px}.tower-table .numeric{font-size:18px}.endurance-layout{grid-template-columns:1fr}.endurance-aside{display:grid;grid-template-columns:1fr 1fr}.endurance-aside>.relative-panel{grid-row:span 2}.endurance-aside .compact-metric{flex-direction:row;align-items:center}.endurance-resources .tires-grid{min-height:210px}.stint-heading .numeric{font-size:calc(65px * var(--reading-scale))}.portrait-layout{grid-template-columns:1fr 360px;gap:30px;max-width:760px}.portrait-callouts{display:none}.focus-delta>.numeric{font-size:calc(110px * var(--reading-scale))}.focus-delta{padding-top:35px}}
@media(max-width:680px){.focus-delta>.numeric{font-size:calc(83px * var(--reading-scale))}.focus-laps{grid-template-columns:1fr 1fr;gap:20px}.focus-laps>div:nth-child(3){border:0;padding-left:0}.focus-laps strong{font-size:calc(28px * var(--reading-scale))}.focus-session{font-size:10px}.focus-session>span:first-child b{display:none}.mini-relative b{font-size:13px}.mini-relative b small{display:none}.mini-relative strong{font-size:calc(31px * var(--reading-scale))}.mini-relative .dash-label{font-size:9px;letter-spacing:.04em}.mini-you strong{font-size:calc(41px * var(--reading-scale))}.battle-right{grid-template-columns:1fr 1fr;gap:8px}.battle-right .panel-heading{display:block;padding:12px 12px 0}.battle-right .panel-meta{display:block;font-size:10px;margin-top:5px}.battle-right .dash-label{font-size:9px}.battle-card-title{padding:10px 12px 0}.battle-card-title h2{font-size:16px}.battle-gap{padding:5px 12px;gap:8px;flex-wrap:wrap}.battle-gap strong{font-size:calc(36px * var(--reading-scale))}.battle-gap>span{font-size:8px}.battle-trend{padding:5px 12px 13px;font-size:10px;line-height:1.6}.battle-card-foot{padding:10px 12px;font-size:8px;flex-direction:column;gap:10px}.battle-card-foot>span:last-child{text-align:left}.battle-card-foot b{font-size:16px}.sparkline{margin:0 12px 12px;width:calc(100% - 24px);height:44px}.battle-bottom{grid-template-columns:repeat(2,1fr);gap:8px}.tower-table td{padding:13px 10px}.tower-table th{padding-inline:10px}.tower-table .numeric{font-size:16px}.tower-table td:first-child{font-size:15px}.tower-table th:last-child,.tower-table td:last-child{display:none}.tower-driver b{font-size:11px}.tower-driver span{font-size:9px}.tower-foot{font-size:9px;padding:12px}.tower-table td>small{font-size:9px}.endurance-aside{display:flex}.endurance-aside .relative-panel{display:grid;grid-template-columns:1fr 1fr}.endurance-aside .relative-stack:last-child{grid-row:1;grid-column:2}.endurance-aside .you-divider{grid-column:1/-1}.endurance-aside .relative-stack{padding:15px 16px 0}.endurance-aside .relative-stack:first-child{border-right:1px solid var(--line)}.endurance-aside .gap-value{font-size:38px}.stint-heading{padding:20px 16px 8px}.stint-heading .numeric{font-size:calc(43px * var(--reading-scale))}.stint-heading p{font-size:11px}.next-compound{padding-left:20px;padding-right:0}.next-compound .dash-label{font-size:9px}.next-compound small{font-size:8px}.stint-timeline{padding:22px 16px}.stint-ticks{font-size:9px;gap:8px}.stint-note{padding:10px 16px;flex-wrap:wrap;gap:6px;font-size:11px}.stint-note>span:last-child{margin-left:0;width:100%}.endurance-resources{gap:8px}.endurance-resources .panel-meta{font-size:9px}.fuel-hero{padding:15px 12px 8px;gap:9px}.fuel-hero strong{font-size:calc(39px * var(--reading-scale))}.fuel-hero>span{font-size:8px}.fuel-scale{margin-inline:12px}.fuel-scale-label{margin-inline:12px;font-size:7px}.fuel-scale-label b{display:none}.fuel-facts{padding:14px 12px}.fuel-facts>div{font-size:10px;gap:5px;align-items:center}.fuel-facts b{font-size:14px;white-space:nowrap}.fuel-facts b small{font-size:9px}.endurance-resources .tires-grid{padding:12px;gap:9px;min-height:210px}.endurance-resources .tire{padding:7px}.endurance-resources .tire b{font-size:23px}.endurance-resources .tire div{font-size:10px}.consistency-body{display:block}.consistency-body strong{font-size:35px}.lap-chart{margin-top:10px}.lap-bars>div>span{font-size:10px}.lap-bars small{font-size:10px}.module-grid{grid-template-columns:1fr}.module>.dash-panel{min-height:185px}.module .current-time{font-size:calc(33px * var(--reading-scale))}.module .delta-value{font-size:calc(35px * var(--reading-scale))}.module .rival-name{font-size:15px}.modular-intro{line-height:1.7;font-size:11px}.modular-intro>span:last-child{display:none}.module-controls{font-size:12px}.module-move{min-width:44px;min-height:44px}.portrait-layout{display:block;padding:10px 10px 15px;max-width:420px}.portrait-context{display:none}.portrait-device{width:100%;margin:0}.portrait-position strong{font-size:calc(41px * var(--reading-scale))}.portrait-delta strong{font-size:calc(60px * var(--reading-scale))}.portrait-rivals strong{font-size:calc(33px * var(--reading-scale))}.portrait-position{padding:18px 20px}.portrait-rivals{padding-inline:20px}.portrait-laps{padding-inline:20px}.portrait-resource{padding-inline:20px}.dashboard.hide-resources .battle-bottom{grid-template-columns:repeat(2,1fr)}.unavailable-state{min-height:350px}.unavailable-state h2{font-size:23px}}
@media(max-width:380px){.concept-button{gap:5px;padding:8px}.concept-button small{font-size:9px}.focus-delta>.numeric{font-size:calc(64px * var(--reading-scale))}.mini-relative{gap:8px}.mini-relative strong{font-size:27px}.mini-relative b{font-size:11px}.focus-laps strong{font-size:25px}.tower-table th:nth-child(4),.tower-table td:nth-child(4){display:none}.portrait-delta strong{font-size:calc(48px * var(--reading-scale))}.portrait-rivals strong{font-size:calc(28px * var(--reading-scale))}}
@media(max-width:560px){.focus-delta>.numeric{font-size:clamp(56px,calc(16vw * var(--reading-scale)),88px)}.tower-scroll{scrollbar-width:thin}.tower-scroll::-webkit-scrollbar{height:4px}.tower-scroll::-webkit-scrollbar-thumb{background:#43566a;border-radius:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Production controls and display-aware layout. CSS pixels follow the usable viewport. */
.button{border:1px solid var(--line);border-radius:6px;background:#17222e;color:var(--text);padding:10px 16px;min-height:44px;font-weight:600;font-size:13px}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button.quiet{background:transparent}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.display-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0 20px;color:var(--muted);font-size:12px}.display-toolbar label{font-weight:600;color:var(--text)}select{color:var(--text);background:#111a23;border:1px solid var(--line);border-radius:5px;padding:10px;min-height:44px;max-width:100%}.display-toolbar #displayStatus{flex:1;min-width:180px}.display-toolbar button[aria-pressed=true]{border-color:var(--accent);color:#b4d2ff}.preview-controls{justify-content:flex-start;flex-wrap:wrap;font-size:12px;color:var(--muted)}.preview-controls select{min-height:44px}.preview-controls #demoControls{flex-direction:row;align-items:center;flex-wrap:wrap}.concept-button{font-size:13px;min-height:52px}.concept-button small{margin:0;align-self:center}.prototype-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;font-size:12px;color:var(--muted);line-height:1.6}.download-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.download-actions a{padding-block:10px}.dashboard-frame{overflow:clip}.flag-banner{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--flag-color) 9%,#090f14)}.flag-title,.flag-instruction,.rival-name{overflow-wrap:anywhere}.flag-instruction{line-height:1.4}.production-portrait{display:flex;justify-content:center;max-width:650px;width:100%;padding:10px}.production-portrait .portrait-device{width:min(500px,100%)}.rpm-unavailable>span{background:#263542!important;box-shadow:none!important}.high-contrast{--muted:#c5d4df;--line:#657888;--card:#05090d}.high-contrast .dash-panel{background:#05090d}.dashboard.hide-tires [data-widget=tires],.dashboard.hide-resources [data-widget=resources],.dashboard.hide-sectors .sectors,.dashboard.hide-radio .radio-line{display:none}.dash-bottom{flex-wrap:wrap}.dash-bottom .radio-line{min-width:0;max-width:100%}.radio-line>span:last-child{white-space:normal;overflow-wrap:anywhere}.embedded .standalone-header,.embedded .standalone-download{display:none}.embedded main{padding:16px}.race-mode .dashboard{max-width:1920px}.race-mode-bar small{color:var(--muted);padding-left:8px}.race-mode .flag-banner{top:0}.race-mode .race-mode-bar{padding-top:max(6px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.race-mode .dashboard-frame{min-height:var(--usable-height,100dvh)}.race-mode .dashboard{padding-bottom:max(10px,env(safe-area-inset-bottom))}.module-move{min-height:44px;min-width:44px}.module-controls{min-height:44px}.settings-note{font-size:13px;color:var(--muted);line-height:1.6}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;min-height:56px}.setting-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}.dialog-heading{margin-bottom:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.help-content{line-height:1.7;color:#bdcdd8;font-size:14px}.help-content b{color:var(--text)}dialog{background:#0d151e;color:var(--text);border:1px solid #496171;border-radius:12px;padding:24px;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#000b}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;background:#263d52;color:#fff;border:1px solid #7aa0bc;border-radius:8px;z-index:10;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tower-scroll{max-width:100%;overflow-x:auto}.gap-trend{gap:6px;flex-wrap:wrap}.dash-panel{min-width:0}.timing-main,.relative-stack{min-width:0}.current-time{font-size:clamp(25px,3vw,50px)}.portrait-delta .dash-label{text-align:center}.mini-relative b,.portrait-rivals b{overflow-wrap:anywhere}.mini-relative>div{min-width:0}.portrait-rivals strong{white-space:nowrap}.focus-laps strong{white-space:nowrap}.lap-times-row .numeric{font-size:clamp(20px,2.5vw,36px)}
body[data-display=fold] main,body[data-display=tablet] main{padding-inline:16px}body[data-display=fold] .focus-delta{padding-top:20px}body[data-display=wide] main{max-width:2400px}body[data-display=wide] .race-mode .dashboard{max-width:2300px}
@media(max-width:1100px){.concept-nav{grid-template-columns:repeat(3,1fr)}.app-header{padding-inline:18px}.header-meta{gap:8px}.header-meta #trackStatus{display:none}.design-toolbar{gap:12px;align-items:flex-start}.cockpit-primary{grid-template-columns:1fr 1fr}.cockpit-primary .relative-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr}.cockpit-primary .you-divider{margin:0;justify-content:center;align-items:center;flex-direction:column;gap:6px;padding:12px}.cockpit-primary .relative-stack{padding:14px}.cockpit-primary .gap-trend{margin-bottom:0}.cockpit-secondary{grid-template-columns:1fr 1fr}.cockpit-secondary>section:first-child{grid-column:1/-1}}
@media(max-width:700px){main{padding:18px 12px}.design-toolbar{flex-direction:column;margin-bottom:12px}.toolbar-actions{width:100%}.toolbar-actions .button{flex:1;padding-inline:8px;font-size:12px}.display-toolbar{gap:8px;padding-bottom:14px}.display-toolbar select{flex:1;min-width:170px}.display-toolbar #displayStatus{font-size:11px}.concept-button{padding:9px 8px;gap:8px}.preview-controls{gap:8px}.preview-controls #demoControls{width:100%;gap:8px}.preview-controls #demoControls select{flex:1}.prototype-footer{align-items:flex-start;flex-direction:column;gap:8px}.app-header{min-height:58px;padding-inline:12px;gap:10px}.brand{font-size:14px;gap:8px}.brand-symbol i{width:4px;height:18px}.demo-tag{font-size:9px;white-space:nowrap}.race-mode .dashboard{padding:8px}.race-mode .race-mode-bar{padding-bottom:6px}.race-mode .portrait-position{padding:12px 20px}.race-mode .portrait-position strong{font-size:calc(39px * var(--reading-scale))}.race-mode .portrait-delta{padding:12px}.race-mode .portrait-delta strong{font-size:clamp(48px,calc(13vw * var(--reading-scale)),76px)}.race-mode .portrait-rivals>div{padding:12px 0}.race-mode .portrait-rivals strong{font-size:calc(30px * var(--reading-scale))}.race-mode .portrait-session{display:none}.flag-context{display:none}.flag-banner.urgent .flag-title{font-size:clamp(17px,4.5vw,24px)}.flag-banner .flag-title{font-size:18px}.flag-symbol{flex-shrink:0}.focus-laps{grid-template-columns:1fr 1fr}.focus-laps>div:nth-child(3){padding-left:0;border:0}.focus-delta>.numeric{font-size:clamp(55px,calc(13vw * var(--reading-scale)),100px)}.endurance-resources{grid-template-columns:1fr}.endurance-aside{display:grid;grid-template-columns:1fr}.endurance-aside .relative-panel{grid-column:auto}.cockpit-primary{grid-template-columns:1fr 1fr}.cockpit-primary .relative-panel{grid-template-columns:1fr 1fr}.cockpit-primary .relative-stack:last-child{grid-row:1;grid-column:2}.cockpit-primary .you-divider{grid-column:1/-1;flex-direction:row}.cockpit-primary .rival-name{font-size:13px}.cockpit-primary .gap-value{font-size:33px}.cockpit-primary .gap-trend{font-size:10px}.cockpit-primary .relative-stack{padding:12px}.cockpit-primary .gear-readout .numeric{font-size:96px}.cockpit-primary .speed-readout{font-size:38px}.cockpit-primary .current-time{font-size:clamp(20px,4.4vw,32px)}.cockpit-primary .delta-value{font-size:clamp(28px,5vw,40px)}.cockpit-primary .timing-main{padding:12px 8px}.cockpit-primary .dash-label{font-size:9px;letter-spacing:.05em}.cockpit-secondary{grid-template-columns:1fr}.cockpit-secondary>section:first-child{grid-column:auto}.car-modes{flex-wrap:wrap}.instrument-foot{gap:5px;padding-inline:8px}.lap-prediction{flex-wrap:wrap;gap:6px}.module .relative-panel{grid-template-columns:1fr 1fr}.module .gap-trend{overflow-wrap:anywhere}.module .timing-main{grid-template-columns:1fr}.module .delta-display{padding-top:12px}.module .current-time{font-size:30px}.module .lap-prediction{grid-column:1}}
@media(max-width:380px){.toolbar-actions .button{font-size:11px}.concept-button{font-size:11px}.preview-controls #demoControls label{width:100%}.portrait-rivals b{font-size:12px}.portrait-rivals strong{font-size:28px}.portrait-laps b{font-size:20px}.portrait-position{padding-inline:16px}.portrait-position>div:last-child{padding-left:16px}.portrait-rivals,.portrait-laps{padding-inline:16px}.flag-instruction{font-size:10px}.radio-line b{display:none}.instrument-foot{flex-wrap:wrap}}
@media(min-width:701px) and (max-height:820px){.race-mode .dashboard{padding-top:8px}.race-mode .gear-readout>.numeric{font-size:calc(108px * var(--reading-scale))}.race-mode .relative-stack{padding-top:12px}.race-mode .gap-value{font-size:calc(38px * var(--reading-scale))}.race-mode .gap-trend{margin-bottom:12px}.race-mode .timing-main{padding-top:16px}.race-mode .focus-delta{padding:12px}.race-mode .focus-delta>.numeric{font-size:calc(93px * var(--reading-scale))}.race-mode .focus-laps{padding-block:16px}.race-mode .mini-relative{padding-block:18px}.race-mode .production-portrait{max-width:100%}.race-mode .production-portrait .portrait-device{width:min(850px,100%);display:grid;grid-template-columns:1fr 1fr}.race-mode .portrait-session{display:none}.race-mode .portrait-delta{grid-row:span 2}.race-mode .portrait-rivals{grid-row:2;grid-column:1}.race-mode .portrait-resource,.race-mode .portrait-laps{border-top:1px solid var(--line)}}
@media(max-height:500px) and (min-width:500px){.race-mode .production-portrait{padding:0;max-width:100%}.race-mode .production-portrait .portrait-device{width:100%;display:grid;grid-template-columns:1fr 1fr}.race-mode .portrait-session{display:none}.race-mode .portrait-position{padding:8px 14px}.race-mode .portrait-position strong{font-size:32px}.race-mode .portrait-delta{grid-row:span 2;padding:8px}.race-mode .portrait-delta strong{font-size:54px}.race-mode .portrait-rivals{grid-row:2;grid-column:1;padding:0 14px}.race-mode .portrait-rivals>div{padding:7px 0}.race-mode .portrait-rivals strong{font-size:27px}.race-mode .portrait-resource,.race-mode .portrait-laps{padding:5px 14px}.race-mode .flag-banner{min-height:50px;margin-bottom:6px}.race-mode .flag-banner.urgent{min-height:56px}.race-mode .flag-title{font-size:18px}.race-mode .dash-bottom{padding-top:6px}.race-mode .portrait-delta .dash-label{font-size:9px}.race-mode .race-mode-bar{padding-top:2px}.race-mode .race-mode-bar button{min-height:36px;padding:6px 12px}.race-mode .radio-line{display:none}}
@media(max-width:380px){.battle-bottom{grid-template-columns:1fr}.battle-bottom .compact-metric{flex-direction:row;align-items:center}.battle-bottom .compact-metric>.numeric{font-size:calc(24px * var(--reading-scale))}.module .lap-times-row{display:grid;grid-template-columns:1fr;gap:20px}.module .lap-times-row>div{border:0;padding-left:0}}
.battle-bottom,.dashboard.hide-resources .battle-bottom{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}

/* The custom workspace shares the instruments and colour system of the race views. */
.preferences-loading main{visibility:hidden}.preferences-loading-message{padding:28px 24px;color:var(--muted);font-size:14px;line-height:1.6}
.workspace-toolbar{border:1px solid var(--line);border-top:2px solid var(--accent);background:linear-gradient(120deg,#122132,#0d151d 65%);padding:20px 22px;margin:0 0 18px;border-radius:8px}
.workspace-title h2{font-size:23px;letter-spacing:-.035em;margin:5px 0 6px}.workspace-title p,.workspace-tip{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.workspace-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 12px}.workspace-tip{max-width:850px}.workspace-actions select{flex:1;max-width:260px}
.sample-banner{display:flex;align-items:center;gap:14px;border:1px solid #816b3e;background:#251f14;color:#e9c785;padding:10px 14px;margin-bottom:12px;border-radius:5px;font-size:12px;line-height:1.5}.sample-banner strong{font-size:10px;letter-spacing:.12em;white-space:nowrap}.sample-banner span{color:#cabb9e}.race-mode .sample-banner{margin-bottom:8px;padding-block:7px}.race-mode .sample-banner span{display:none}.race-mode .demo-watermark{color:var(--amber)}
.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:340px;gap:12px;align-items:stretch}
.module{grid-column:span var(--widget-width,1);grid-row:span var(--widget-height,1);border:1px solid #334859;border-radius:8px;padding:0;background:#0c151e;overflow:hidden;min-height:0;transition:border-color .12s,box-shadow .12s}
.module-controls{padding:0 4px;gap:2px;border-bottom:1px solid var(--line);min-height:46px;flex-shrink:0;background:#14212e}.module-controls>span{flex:1;min-width:0;font-size:11px;font-weight:600;color:#c1d4e1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.module-controls button{flex-shrink:0;background:transparent;border:0;color:#91a6b8;min-height:44px;min-width:38px;padding:0;border-radius:4px}.module-controls button:hover{color:#fff;background:#233b51}.module-controls .drag-handle{font-size:24px;min-width:44px;touch-action:none;cursor:grab;color:#aac6da}.module-controls .module-remove{font-size:23px}.module-controls .module-move{font-size:18px}
.module-content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#456078 transparent}.module-content>.dash-panel{min-height:100%;height:100%;border:0;border-radius:0}.module-content .panel-heading{padding:14px 16px 0;gap:8px;flex-wrap:wrap}.module-content .panel-meta{font-size:10px}.module-content .panel-heading .dash-label{font-size:10px;letter-spacing:.09em}.module-content .timing-panel{display:flex;flex-direction:column}.module-content .timing-main{flex:1;align-content:center}.module .current-time{font-size:clamp(25px,2.8vw,42px)}.module .delta-value{font-size:clamp(30px,3.4vw,48px)}.module-content .lap-times-row{padding:20px 16px}.module .lap-times-row .numeric{font-size:clamp(22px,2.2vw,32px)}.module-content .relative-panel{align-content:center}.module-content .relative-stack{padding:12px 14px 0}.module .gap-value{font-size:calc(35px * var(--reading-scale))}.module-content .instrument{padding-top:12px}.module .instrument .gear-readout{margin-top:6px}.module .instrument .gear-readout .numeric{font-size:82px}.module .instrument .rpm-strip{max-width:210px;height:8px}.module .instrument .rpm-label{font-size:8px}.module .instrument .speed-readout{font-size:36px;margin-top:5px}.module .instrument .gear-label{font-size:9px;margin-top:3px}.module .instrument .car-modes{margin:8px 0;gap:4px}.module .instrument .mode-tag{font-size:9px;padding:4px}.module .instrument .instrument-foot{padding:8px 12px}.module .instrument-foot{font-size:9px}.module .instrument-foot b{font-size:13px}
.module-sizing{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:3px 4px 3px 10px;min-height:49px;flex-shrink:0;background:#101a24}.module-sizing label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;min-width:0}.module-sizing select{background:transparent;font-size:10px;padding:6px 4px;min-height:38px;max-width:90px;border-color:#2c4052}.resize-handle{min-width:44px;min-height:44px;border:0;border-radius:4px;background:transparent;color:#abc9de;font-size:24px;touch-action:none;cursor:nwse-resize}.resize-handle:hover{background:#233b51}.module.is-dragging{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);opacity:.8;z-index:3}.module.drop-target{border:2px solid var(--green);box-shadow:inset 0 0 0 2px #49d17d33;background:#12342b}.module.drop-target .module-controls{background:#1c4033}.module.is-dragging .module-controls{background:#21456a}.module [data-drag]:active{cursor:grabbing}
.widget-body{padding:14px 16px;min-width:0}.widget-facts{margin:0;display:grid;gap:9px}.widget-facts>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.widget-facts dt{font-size:12px;color:var(--muted)}.widget-facts dd{margin:0;font-size:20px;font-weight:750;text-align:right;overflow-wrap:anywhere}.widget-facts dd small{font-size:11px;font-weight:400;color:var(--muted)}.widget-note{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}.widget-hero{font-size:calc(55px * var(--reading-scale));line-height:1.15;margin:2px 0 14px;letter-spacing:-.05em}.widget-hero small{font-size:16px;color:var(--muted);font-weight:500;letter-spacing:0}.wheel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wheel-metrics>div{padding:8px 12px;border-left:3px solid var(--accent);background:#0c151e;border-radius:3px}.wheel-metrics strong{display:block;font-size:calc(31px * var(--reading-scale));margin-top:6px;white-space:nowrap}.wheel-metrics small{font-size:12px;font-weight:500;color:var(--muted)}.input-meter>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.input-meter b{font-size:22px}.input-meter .meter{height:9px;margin:7px 0 14px}.input-meter .gain span{background:var(--green)}.input-meter .loss span{background:var(--red)}.steering-value{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:14px;flex-wrap:wrap}.steering-value strong{font-size:24px}.steering-value>span:last-child{font-size:10px;color:var(--muted);margin-left:auto}.gforce-plot{width:100px;height:100px;border:1px solid #3a5365;border-radius:50%;margin:0 auto 14px;position:relative;background:linear-gradient(90deg,transparent 49.5%,#355064 49.5% 50.5%,transparent 50.5%),linear-gradient(transparent 49.5%,#355064 49.5% 50.5%,transparent 50.5%)}.gforce-plot i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 16px #3f86ff80}.weather-condition{font-size:28px;font-weight:750;margin:6px 0 25px;overflow-wrap:anywhere}.strategy-copy{font-size:15px;line-height:1.6}.engineer-copy{font-size:clamp(17px,2vw,25px);font-weight:600;line-height:1.6;border-left:3px solid var(--accent);padding-left:18px;margin:8px 0;overflow-wrap:anywhere}.history-laps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.history-laps>div{font-size:10px;color:var(--muted)}.history-laps b{display:block;color:var(--text);font-size:13px;margin:4px 0}.lap-history-bar{display:block;height:4px;background:var(--accent)}.single-rival .rival-name{font-size:18px}.single-rival .gap-value{font-size:56px}.single-rival .gap-trend{margin-top:8px}.empty-workspace{text-align:center;padding:50px 20px;border:1px dashed #435d72;border-radius:8px;background:#0b141e}.empty-workspace h2{font-size:25px;margin:0 0 10px}.empty-workspace p{font-size:14px;color:var(--muted);margin-bottom:22px}.dashboard[data-layout=modular][data-scenario=stale] .data-surface{display:block;opacity:1}
.race-mode .module{border:1px solid var(--line);border-radius:6px}.race-mode .module-content{overflow:auto}.race-mode .modular-layout{padding-top:2px}
.widget-dialog{width:min(840px,calc(100% - 24px))}.widget-dialog .dialog-heading{padding:0 0 18px;gap:12px}.widget-dialog h2{font-size:25px;margin:5px 0}.widget-dialog .icon-button,#layoutsDialog .icon-button{flex-shrink:0;border-radius:5px}.widget-dialog input,#layoutsDialog input{width:100%;min-height:46px;border:1px solid #40566a;background:#09121b;color:var(--text);border-radius:6px;padding:11px 13px;font-size:14px}.library-group h3{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin:24px 0 10px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.library-widget{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid var(--line);border-radius:7px;background:#111c27;padding:13px;min-height:82px}.library-widget[aria-pressed=true]{background:#132a22;border-color:#376148}.library-widget-icon{font-size:23px;color:#82b7ff;width:24px;flex-shrink:0}.library-widget[aria-pressed=true] .library-widget-icon{color:var(--green)}.library-widget b{font-size:13px;display:block;line-height:1.4}.library-widget small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}.library-widget-state{font-size:10px;margin-left:auto;color:var(--muted)}#layoutsDialog .dialog-heading{padding:0 0 15px;gap:12px}#saveLayoutForm>label{font-size:13px;color:var(--muted)}.save-layout-row{display:flex;gap:8px;margin-top:10px}.save-layout-row input{min-width:0}.saved-layout-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.saved-layout-row>span{flex:1;min-width:0}.saved-layout-row b{font-size:14px;overflow-wrap:anywhere}.saved-layout-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.saved-layout-row button{font-size:12px;padding-inline:12px}#savedLayoutsList{margin-top:18px}
@media(max-width:1100px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module[data-width="3"]{grid-column:span 2}.module .current-time{font-size:29px}.module .delta-value{font-size:36px}.module .lap-times-row .numeric{font-size:26px}}
@media(max-width:700px){.workspace-toolbar{padding:16px 14px}.workspace-title h2{font-size:21px}.workspace-actions{gap:7px}.workspace-actions .button{font-size:12px;padding-inline:12px}.workspace-actions select{max-width:none;flex-basis:50%;font-size:12px}.module-grid{grid-template-columns:minmax(0,1fr)}.module,.module[data-width="3"]{grid-column:span 1}.module-controls button{min-width:44px}.module-controls>span{font-size:12px}.module-controls .drag-handle{min-width:44px}.module-sizing{justify-content:flex-end}.module-sizing label{font-size:11px}.module-sizing select{min-height:44px;font-size:11px;max-width:100px}.module .timing-main{grid-template-columns:1fr 1fr;gap:10px}.module .timing-main .delta-display{padding-top:0}.module .timing-main .lap-prediction{grid-column:1/-1}.module .current-time{font-size:27px}.module .delta-value{font-size:34px}.module .lap-times-row{grid-template-columns:1fr 1fr;gap:10px}.module .lap-times-row .numeric{font-size:24px}.module .lap-times-row>div{border:0;padding-left:0}.sample-banner{align-items:flex-start;flex-direction:column;gap:3px}.sample-banner span{font-size:11px}.library-grid{grid-template-columns:1fr}.widget-dialog{padding:20px 16px}.widget-dialog h2{font-size:21px}.saved-layout-row{flex-wrap:wrap}.workspace-tip{font-size:11px}.module .rival-name{font-size:13px}.module .gap-value{font-size:33px}}
@media(max-width:380px){.module-controls>span{font-size:10px}.module-controls button{min-width:40px}.module .lap-times-row .numeric{font-size:22px}.module .current-time{font-size:24px}.module .delta-value{font-size:30px}.wheel-metrics strong{font-size:27px}.module .relative-stack{padding-inline:10px}.module .rival-name{font-size:12px}.module .gap-value{font-size:29px}}