@import "https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@85,500;100,700;110,900&family=IBM+Plex+Mono:wght@500;600;700&display=swap";.f1-sim-component{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#08090b;--surface-raised:#111318;--surface-panel:#171a20;--line:#ffffff21;--line-strong:#ffffff47;--text:#f4f7fb;--muted:#8d97a7;--red:var(--paddock-accent-color,#e10600);--green:var(--paddock-green-color,#14c784);--yellow:var(--paddock-yellow-color,#ffd166);--blue:#39a7ff;--track:#262a31;--track-edge:#f4f7fb;--font-display:"Archivo", sans-serif;--font-mono:"IBM Plex Mono", monospace;--timing-columns:1.9rem 2.1rem minmax(4.6rem, 1fr) 4.55rem 1.6rem;--paddock-entry-count:10;--timing-board-max-width:var(--paddock-timing-tower-max-width,390px);--timing-board-min-height:calc(10.8rem + (var(--paddock-entry-count) * 2.25rem));background:var(--surface);min-height:100%;color:var(--text);font-family:var(--font-display);margin:0}.f1-sim-component,.f1-sim-component *{box-sizing:border-box}.f1-sim-component [hidden]{display:none!important}.f1-sim-component button,.f1-sim-component a{font:inherit}.sim-shell{background:#000;min-height:100svh;padding:clamp(.85rem,2vw,1.4rem)}.sim-workspace{flex-direction:column;gap:.9rem;min-height:calc(100svh - clamp(1.7rem,4vw,2.8rem));display:flex}.sim-topbar{border-bottom:2px solid #e10600c2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:72px;display:grid;position:relative;box-shadow:0 18px 34px #0000003d}.sim-backlink,.sim-control{border:1px solid var(--line-strong);color:var(--text);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#ffffff0d;padding:.75rem .9rem;font-size:.76rem;font-weight:800;text-decoration:none}.sim-backlink:hover,.sim-control:hover{border-color:var(--text);background:#ffffff1a}.sim-control--safety.is-active{color:#0a0b0d;background:var(--yellow);border-color:var(--yellow)}.camera-controls button.is-active{color:#08090b;background:var(--text);border-color:var(--text)}.sim-title-block{min-width:0}.sim-kicker{color:var(--red);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .2rem;font-size:.72rem;font-weight:700}.f1-sim-component h1{text-transform:uppercase;letter-spacing:0;margin:0;font-size:clamp(1.8rem,4vw,4.6rem);line-height:.88}.sim-controls{justify-content:flex-end;gap:.6rem;display:flex}.sim-external-camera-controls{justify-content:flex-end;display:flex}.sim-grid{flex:1;grid-template-columns:minmax(255px,.78fr) minmax(500px,3fr) minmax(270px,.9fr);gap:.9rem;min-height:0;display:grid;position:relative}.sim-shell--left-tower-overlay .sim-grid,.sim-shell--left-tower-overlay.sim-grid{--timing-board-width:max(255px, calc((100cqw - 1.8rem) * .78 / 4.68));--race-data-safe-left:calc(2rem + var(--timing-board-width));--race-data-right-gutter:1rem;--race-data-available-width:calc(100% - var(--race-data-safe-left) - var(--race-data-right-gutter));grid-template-columns:minmax(620px,1fr) minmax(270px,.9fr);position:relative;container-type:inline-size}.sim-shell--left-tower-overlay .sim-canvas-panel{grid-column:1}.sim-canvas-panel--with-timing-tower{--timing-board-width:min(var(--timing-board-max-width), max(255px, calc((100cqw - 1.8rem) * .78 / 4.68)));--race-data-safe-left:calc(2rem + var(--timing-board-width));--race-data-right-gutter:1rem;--race-data-available-width:calc(100% - var(--race-data-safe-left) - var(--race-data-right-gutter));container-type:inline-size}.sim-shell--left-tower-overlay.sim-shell--timing-expand-race-view .sim-canvas-panel,.sim-canvas-panel--with-timing-tower.sim-canvas-panel--timing-expand-race-view{min-height:max(var(--paddock-race-view-min-height,620px), var(--timing-board-min-height))}.sim-shell--left-tower-overlay .sim-timing{z-index:5;width:var(--timing-board-width);clip-path:inset(0 round 1.25rem);pointer-events:auto;background:0 0;border:0;border-radius:1.25rem;min-height:0;position:absolute;top:1rem;bottom:1rem;left:1rem}.sim-canvas-panel--with-timing-tower>.sim-timing{z-index:5;width:var(--timing-board-width);max-width:var(--timing-board-width);clip-path:inset(0 round 1.25rem);pointer-events:auto;background:0 0;border:0;border-radius:1.25rem;min-height:0;position:absolute;top:1rem;bottom:1rem;left:1rem}.sim-shell--left-tower-overlay.sim-shell--timing-scroll .sim-timing,.sim-canvas-panel--timing-scroll .sim-timing{overflow:hidden}.sim-shell--left-tower-overlay .sim-canvas-panel>.camera-controls,.sim-canvas-panel--with-timing-tower>.camera-controls{left:calc(2rem + var(--timing-board-width));max-width:calc(100% - (2rem + var(--timing-board-width)) - 1rem)}.sim-shell--left-tower-overlay .start-lights,.sim-canvas-panel--with-timing-tower>.start-lights{left:calc((2rem + var(--timing-board-width)) + (100% - (2rem + var(--timing-board-width))) / 2)}.sim-shell--left-tower-overlay .race-data-panel,.sim-canvas-panel--with-timing-tower .race-data-panel{z-index:8;grid-template-columns:clamp(4.6rem,7.5cqw,7rem) minmax(0,1fr) auto}@container (width>=980px){.sim-shell--left-tower-overlay .race-data-panel--auto,.sim-canvas-panel--with-timing-tower .race-data-panel--auto{--race-data-banner-left:calc(var(--race-data-safe-left) + (var(--race-data-available-width) / 2));--race-data-banner-width:min(860px, calc(var(--race-data-available-width) - .5rem));--race-data-banner-translate-x:-50%}}.sim-shell--left-tower-overlay .race-data-copy,.sim-canvas-panel--with-timing-tower .race-data-copy{padding-inline:.45rem .8rem}.sim-shell--left-tower-overlay .race-data-number,.sim-canvas-panel--with-timing-tower .race-data-number{padding-inline:.45rem;font-size:clamp(3.2rem,6cqw,5.3rem)}.sim-shell--left-tower-overlay .race-data-link,.sim-canvas-panel--with-timing-tower .race-data-link{min-width:clamp(104px,10cqw,140px);margin-right:.55rem;padding-inline:.75rem;font-size:.64rem}.sim-timing,.sim-telemetry,.sim-canvas-panel{background:color-mix(in srgb, var(--surface-raised) 92%, transparent);border:1px solid var(--line);min-height:0}.sim-timing,.sim-telemetry{padding:.9rem;position:relative;overflow:hidden}.telemetry-stack{gap:.72rem;min-height:0;display:grid}.telemetry-stack>.sim-telemetry{min-height:auto}.telemetry-component{width:100%}.sim-timing.broadcast-tower{width:min(100%, var(--timing-board-max-width));max-width:var(--timing-board-max-width);background:0 0;border:0;height:100%;padding:0;position:relative;overflow:hidden}.sim-shell--left-tower-overlay .sim-timing.broadcast-tower,.sim-canvas-panel--with-timing-tower>.sim-timing.broadcast-tower{width:var(--timing-board-width);max-width:var(--timing-board-width);height:auto;position:absolute}.broadcast-tower-frame{background:linear-gradient(#ffffff0f,#ffffff04),linear-gradient(160deg,#1a2c4ae6 0%,#0f1f35f0 42%,#0a1527fa 100%);border:1px solid #fff3;border-radius:1.25rem;flex-direction:column;height:100%;min-height:0;padding:.65rem .5rem .75rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,inset 0 -24px 42px #00000057,0 24px 70px #0000006b}.broadcast-tower-frame:before{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.7;background:linear-gradient(90deg,#ffffff1f,#0000 18% 82%,#e106002e),linear-gradient(#ffffff14,#0000 18%);position:absolute;inset:0}.broadcast-brand,.broadcast-lap,.broadcast-safety-banner,.broadcast-column-head,.timing-list{z-index:1;position:relative}.broadcast-brand{color:#f7f8fb;text-transform:uppercase;justify-content:center;align-items:center;min-height:52px;padding:.35rem .55rem .55rem;display:flex}.broadcast-f1-logo{object-fit:contain;width:6.9rem;max-width:74%;height:auto;display:block}.broadcast-lap{color:#f4f7fbe0;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#ffffff0b,#0003);border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;justify-content:center;align-items:baseline;gap:.36rem;padding:.58rem .5rem .7rem;font-size:.96rem;font-weight:600;display:flex}.broadcast-lap strong{color:#fff;letter-spacing:-.04em;font-size:1.62rem;font-weight:900}.broadcast-safety-banner{color:#0a0b0d;text-transform:uppercase;background:#e0ce00;grid-template-columns:3.4rem minmax(0,1fr);align-items:center;margin:0;display:grid}.broadcast-safety-banner[hidden]{display:none}.broadcast-safety-banner span{min-height:2.65rem;font-family:var(--font-display);letter-spacing:-.06em;border-right:2px solid #00000047;place-items:center;font-size:1rem;font-weight:900;display:grid}.broadcast-safety-banner strong{padding:0 .65rem;font-size:1.1rem;font-weight:900;line-height:.9}.broadcast-gap-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.45rem .2rem .2rem;display:grid}.broadcast-gap-mode button{color:#f4f7fb94;min-width:0;min-height:1.75rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;font-size:.6rem;font-weight:900}.broadcast-gap-mode button.is-active,.broadcast-gap-mode button[aria-pressed=true]{color:#08090b;background:#f5f6f8;border-color:#f5f6f8}.broadcast-column-head{grid-template-columns:var(--timing-columns);color:#f4f7fb70;font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;gap:0;padding:.42rem 0 .35rem;font-size:.52rem;font-weight:800;display:grid}.broadcast-column-head span:first-child,.broadcast-column-head span:nth-child(2),.broadcast-column-head span:nth-child(5){text-align:center}.broadcast-column-head span:first-child,.timing-position{grid-column:1}.broadcast-column-head span:nth-child(2),.timing-icon{grid-column:2}.broadcast-column-head span:nth-child(3),.timing-name{grid-column:3}.broadcast-column-head span:nth-child(4),.timing-gap{grid-column:4}.broadcast-column-head span:nth-child(5),.timing-tire{grid-column:5}.broadcast-column-head span:nth-child(3){padding-inline:.45rem}.broadcast-column-head span:nth-child(4){text-align:right;padding-right:.25rem}.timing-header,.telemetry-header{border-bottom:1px solid var(--line);text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.timing-header span,.telemetry-header span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:.72rem}.timing-header strong{color:var(--green);font-family:var(--font-mono);font-size:.74rem}.timing-list{scrollbar-width:thin;flex:auto;grid-auto-rows:minmax(33px,max-content);place-content:start stretch;gap:1px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.sim-shell--left-tower-overlay .timing-list{overflow:hidden auto}.sim-shell--left-tower-overlay .broadcast-column-head,.sim-shell--left-tower-overlay .timing-row{grid-template-columns:1.7rem 1.8rem minmax(0,1fr) minmax(2.7rem,3.45rem) 1.25rem}.sim-shell--left-tower-overlay .broadcast-column-head{overflow:hidden}.sim-shell--left-tower-overlay .broadcast-column-head span{text-overflow:ellipsis;min-width:0;overflow:hidden}.timing-row{grid-template-columns:var(--timing-columns);width:100%;min-height:33px;color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--driver-color,var(--red)) 10%, transparent), transparent 42%), #0a0c11c7;cursor:pointer;border:0;align-items:center;gap:0;padding:0;display:grid}.broadcast-column-head,.timing-row,.sim-shell--left-tower-overlay .timing-row{min-width:0}.timing-row:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--driver-color,var(--red)) 22%, transparent), transparent 52%), #1c1f26db}.timing-row.is-selected{color:#08090b;box-shadow:inset 4px 0 0 var(--driver-color,var(--red)), 0 0 0 1px #ffffffad;background:#f5f6f8;outline:0}.timing-position,.timing-icon,.timing-tire,.timing-gap{font-family:var(--font-mono);font-weight:700}.timing-position{color:#f5f6f8;background:#020307b8;align-self:stretch;place-items:center;font-size:.78rem;display:grid}.timing-row:first-child .timing-position{background:var(--red)}.timing-row.is-selected .timing-position{color:#fff;background:var(--red)}.timing-icon{color:#08090b;background:var(--driver-color,var(--red));letter-spacing:-.04em;border-radius:.24rem;justify-self:center;place-items:center;width:1.3rem;height:1.3rem;font-size:.48rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff52}.timing-team-icon{background:var(--team-color,var(--driver-color,var(--red)))}.timing-name{letter-spacing:.015em;text-align:left;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;min-width:0;padding-inline:.45rem;font-size:.76rem;font-weight:900;display:block;overflow:hidden}.timing-gap{color:#f4f7fbc2;text-align:right;padding-right:.25rem;font-size:.66rem}.timing-row.is-selected .timing-gap{color:#08090b}.timing-tire{color:#f3e35f;text-align:center;justify-self:center;font-size:.72rem}.timing-tire--s{color:#ff3b30}.timing-tire--m{color:#f3e35f}.timing-tire--h{color:#e9eef5}.timing-row.is-selected .timing-tire--h,.timing-row.is-selected .timing-tire--m,.timing-row.is-selected .timing-tire--s{color:#08090b}.sim-canvas-panel{min-height:var(--paddock-race-view-min-height,620px);position:relative;overflow:hidden;box-shadow:inset 0 0 90px #0000006b,0 24px 70px #00000052}.track-canvas{position:absolute;inset:0}.track-canvas canvas{display:block;width:100%!important;height:100%!important}.race-telemetry-drawer{--telemetry-drawer-width:min(390px, max(300px, 30cqw));inline-size:100%;min-height:var(--paddock-race-view-min-height,620px);background:#000;display:block;position:relative;overflow:hidden;container-type:inline-size}.race-telemetry-drawer__race{min-width:0;min-height:inherit;margin-right:0;transition:margin-right .32s cubic-bezier(.2,.8,.2,1);display:flex}.race-telemetry-drawer.is-telemetry-open .race-telemetry-drawer__race{margin-right:var(--telemetry-drawer-width)}.race-telemetry-drawer__race>.sim-canvas-panel{min-height:inherit;flex:auto;height:auto}.race-telemetry-drawer__controls{z-index:12;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex;position:absolute;top:1rem;right:1rem}.race-telemetry-drawer__controls .sim-control,.race-telemetry-drawer__controls .telemetry-drawer-toggle{min-height:2.45rem;padding:.62rem .72rem;box-shadow:0 14px 34px #0000004d}.telemetry-drawer-toggle{color:#08090b;background:var(--green);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:1px solid #ffffff42;font-size:.66rem;font-weight:900}.telemetry-drawer{z-index:11;width:var(--telemetry-drawer-width);min-width:0;height:100%;color:var(--text);border-left:1px solid var(--line);opacity:0;pointer-events:none;will-change:transform, opacity;background:linear-gradient(#ffffff13,#0000 22%),#08090bf7;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.race-telemetry-drawer.is-telemetry-open .telemetry-drawer{opacity:1;pointer-events:auto;transform:translate(0,0)}.telemetry-drawer__header{border-bottom:1px solid var(--line);min-height:3.4rem}.telemetry-drawer__content{scrollbar-width:thin;gap:.72rem;height:calc(100% - 3.4rem);padding:.72rem;display:grid;overflow-y:auto}.camera-controls{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08090bb8;flex-wrap:wrap;gap:.35rem;max-width:calc(100% - 2rem);padding:.35rem;display:flex;position:absolute;top:1rem;left:1rem}.camera-controls--external{background:#08090bd6;justify-content:flex-end;max-width:100%;position:relative}.camera-controls button{color:var(--text);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;padding:.48rem .58rem;font-size:.66rem;font-weight:800}.camera-controls button:hover{border-color:var(--text)}.fps-counter{z-index:3;color:#f4f7fbe0;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08090bad;border:1px solid #ffffff29;align-items:baseline;gap:.4rem;padding:.38rem .55rem;font-size:.62rem;font-weight:800;display:inline-flex;position:absolute;top:1rem;right:1rem}.fps-counter strong{color:#fff;font-size:.74rem}.race-finish-panel{z-index:9;width:min(620px,100% - 2rem);color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--driver-color,var(--red)) 28%, transparent), transparent 52%), #08090be6;border:1px solid color-mix(in srgb, var(--driver-color,var(--red)) 58%, #ffffff2e);border-left:6px solid var(--driver-color,var(--red));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem 1rem;padding:.9rem 1rem;display:grid;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #00000057}.race-finish-panel span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:.66rem;font-weight:800}.race-finish-panel>strong{grid-column:1;font-size:clamp(1.45rem,3vw,2.4rem);font-weight:900;line-height:.92}.race-finish-panel ol{grid-area:1/2/span 2;gap:.18rem;min-width:7.5rem;margin:0;padding:0;list-style:none;display:grid}.race-finish-panel li{font-family:var(--font-mono);grid-template-columns:2.2rem minmax(0,1fr);align-items:center;gap:.45rem;font-size:.72rem;display:grid}.race-finish-panel li strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.standalone-control{justify-content:center;align-items:center;display:inline-flex}.start-lights{z-index:4;color:#f7f8fb;font-family:var(--font-mono);text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff1a,#0000),#040508d1;border:1px solid #fff3;justify-items:center;gap:.36rem;padding:.58rem .72rem .68rem;display:grid;position:absolute;top:4.15rem;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #0000005c}.start-lights[hidden]{display:none}.start-lights__label{color:#f4f7fbc7;letter-spacing:.16em;font-size:.62rem;font-weight:900}.start-lights__gantry{grid-template-columns:repeat(5,1.35rem);gap:.34rem;display:grid}.start-lights__gantry span{background:#15171d;border:2px solid #ffffff2e;border-radius:50%;width:1.35rem;height:1.35rem;transition:background 80ms linear,box-shadow 80ms linear,border-color 80ms linear;box-shadow:inset 0 0 12px #000000e0,0 0 #e1060000}.start-lights__gantry span.is-lit{background:#e10600;border-color:#ffd2d2db;box-shadow:inset 0 0 8px #ffffff2e,0 0 18px #e10600b8}.start-lights.is-lights-out .start-lights__label{color:#fff}.start-lights.is-lights-out .start-lights__gantry span{background:#08090b;border-color:#ffffff1f;box-shadow:inset 0 0 16px #000000e6}.paddock-loading{z-index:30;color:#f4f7fbd1;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 42%,#e1060033,#0000 34%),#040508c7;place-content:center;justify-items:center;gap:.52rem;font-size:.62rem;font-weight:900;display:grid;position:absolute;inset:0}.paddock-loading__lights{grid-template-columns:repeat(5,1rem);gap:.28rem;display:grid}.paddock-loading__lights span{background:#15171d;border:2px solid #ffffff29;border-radius:50%;width:1rem;height:1rem;animation:.9s ease-in-out infinite paddock-loading-pulse;box-shadow:inset 0 0 10px #000000e0,0 0 #e1060000}.paddock-loading__lights span:nth-child(2){animation-delay:90ms}.paddock-loading__lights span:nth-child(3){animation-delay:.18s}.paddock-loading__lights span:nth-child(4){animation-delay:.27s}.paddock-loading__lights span:nth-child(5){animation-delay:.36s}.paddock-loading__label{text-shadow:0 0 16px #e106007a}[data-paddock-component].is-loaded>.paddock-loading{opacity:0}@keyframes paddock-loading-pulse{0%,to{background:#15171d;border-color:#ffffff29;box-shadow:inset 0 0 10px #000000e0,0 0 #e1060000}45%,62%{background:#e10600;border-color:#ffdcdce0;box-shadow:inset 0 0 8px #ffffff2e,0 0 18px #e10600b8}}.race-data-panel{--race-data-banner-left:50%;--race-data-banner-width:min(1080px, calc(100% - 1.5rem));--race-data-banner-translate-x:-50%;left:var(--race-data-banner-left);transform:translateX(var(--race-data-banner-translate-x));z-index:8;width:var(--race-data-banner-width);min-height:104px;color:var(--text);border-left:6px solid var(--driver-color,var(--red));border-bottom:3px solid var(--driver-color,var(--red));clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(104deg,#0a0d16fa 0 58%,#212733e6 58.2% 68%,#080a10fa 68.2% 100%),repeating-linear-gradient(90deg,#ffffff0e 0 1px,#0000 1px 82px);grid-template-columns:clamp(6.5rem,12vw,9.6rem) minmax(280px,1fr) auto;align-items:center;transition:opacity .18s,transform .18s,width .18s,min-height .18s,background-color .18s;display:grid;position:absolute;bottom:1.2rem;overflow:hidden;box-shadow:0 18px 52px #0000006b,inset 0 1px #ffffff1f}.race-data-panel.is-hidden{opacity:0;pointer-events:none;transform:translate(var(--race-data-banner-translate-x), 18px)}.race-data-panel--custom{--race-data-banner-left:50%;--race-data-banner-width:min(1080px, calc(100% - 1.5rem));--race-data-banner-translate-x:-50%}.race-data-panel:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--driver-color,var(--red)) 70%, transparent) 0, transparent 42%), linear-gradient(180deg, #ffffff1f, transparent 42%);opacity:.2;pointer-events:none;position:absolute;inset:0}.race-data-panel:after{content:"";background:linear-gradient(90deg, var(--driver-color,var(--red)), transparent);pointer-events:none;width:min(42%,430px);height:4px;position:absolute;top:0;left:0}.race-data-copy,.race-data-number,.race-data-link{z-index:1;position:relative}.race-data-copy{grid-area:1/2;min-width:0;padding:.92rem 1.45rem .98rem .55rem}.race-data-kicker{color:var(--driver-color,var(--red));font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.22rem;font-size:.66rem;font-weight:800;display:block}.race-data-copy strong{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;text-shadow:0 2px 0 #00000073, 0 0 24px color-mix(in srgb, var(--driver-color,var(--red)) 28%, transparent);font-size:clamp(1.85rem,3.5vw,2.9rem);line-height:.92;display:block;overflow:hidden}.race-data-subtitle{color:#f4f7fbb8;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.28rem;font-size:.68rem;font-weight:800;display:block}.race-data-number{color:#f4f7fb33;min-width:0;height:100%;font-family:var(--font-display);letter-spacing:-.14em;text-align:center;font-variant-numeric:tabular-nums;-webkit-text-stroke:1px #f4f7fb8a;grid-area:1/1;justify-self:stretch;place-items:center;padding-inline:1rem;font-size:clamp(4.1rem,9vw,6.6rem);font-style:italic;font-weight:900;line-height:.8;transition:opacity .16s,transform .16s;display:grid}.race-data-panel.is-project-mode .race-data-number{transform:translate(-8px)}.race-data-panel--with-telemetry{grid-template-columns:clamp(6.5rem,11vw,8.7rem) minmax(220px,1fr) minmax(190px,.48fr) auto;min-height:112px}.race-data-telemetry{z-index:1;border-left:1px solid #ffffff21;grid-area:1/3;grid-template-rows:auto minmax(0,1fr);align-self:stretch;gap:.4rem;min-width:0;padding:.85rem .65rem;display:grid;position:relative}.race-data-telemetry__label{color:var(--driver-color,var(--red));font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:900;line-height:1}.race-data-telemetry__bars{grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem;min-width:0;display:grid}.race-data-sector-bar{min-height:3.85rem;padding:.52rem .42rem}.race-data-panel--with-telemetry .race-data-link{grid-column:4}.race-data-panel.is-radio-mode .race-data-telemetry{display:none}.race-data-panel.is-radio-mode{grid-template-columns:minmax(280px,1fr)}.race-data-panel.is-radio-mode .race-data-copy{grid-column:1;padding-left:1.45rem}.race-data-panel.is-radio-mode .race-data-copy strong{color:#f8fafc;font-size:clamp(1.6rem,3.2vw,2.35rem)}.race-data-panel[data-idle-mode=quote] .race-data-copy{padding-top:.8rem;padding-bottom:.88rem}.race-data-panel[data-idle-mode=quote] .race-data-copy strong{color:#f4f7fbc7;letter-spacing:.05em;font-size:clamp(.95rem,1.55vw,1.2rem);line-height:1}.race-data-panel[data-idle-mode=quote] .race-data-subtitle{color:#fff;max-width:100%;font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 2px 0 #00000085, 0 0 22px color-mix(in srgb, var(--driver-color,var(--red)) 30%, transparent);margin-top:.34rem;font-size:clamp(1.35rem,2.9vw,2.25rem);font-weight:900;line-height:1}.race-data-panel.is-radio-mode .race-data-number,.race-data-panel.is-radio-mode .race-data-link{display:none}.race-data-link{color:#f6f8fb;background:color-mix(in srgb, var(--driver-color,var(--red)) 88%, #111318);border:1px solid color-mix(in srgb, var(--driver-color,var(--red)) 72%, #fff);min-width:clamp(132px,13vw,176px);min-height:3.1rem;font-family:var(--font-mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;grid-area:1/3;align-self:center;place-items:center;margin-right:.85rem;padding:0 1.05rem;font-size:.72rem;font-weight:900;text-decoration:none;display:grid}.race-data-link:hover{color:#fff;filter:brightness(1.12)}.telemetry-grid dt{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.22rem;font-size:.68rem;font-weight:700;display:block}.telemetry-grid dd{font-family:var(--font-mono);margin:0;font-size:clamp(.86rem,1.6vw,1.15rem)}.telemetry-header{align-items:flex-start}.telemetry-header strong{text-align:right;text-transform:uppercase;min-width:0;font-size:.92rem}.telemetry-grid{background:var(--line);grid-template-columns:1fr;gap:1px;margin:1rem 0 0;display:grid}.telemetry-grid>div{background:var(--surface-panel);justify-content:space-between;gap:1rem;padding:.82rem .7rem;display:flex}.telemetry-grid dd{color:var(--text);text-align:right}.telemetry-module-header{text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.65rem;display:flex}.telemetry-module-header span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;font-size:.66rem;font-weight:800}.telemetry-module-header strong{color:var(--green);font-family:var(--font-mono);letter-spacing:.08em;font-size:.7rem;font-weight:900}.telemetry-sector-bars{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.telemetry-sector-bar{--sector-status-color:var(--green);--sector-status-bg:color-mix(in srgb, var(--sector-status-color) 10%, #080a0ef0);isolation:isolate;color:#f4f7fbd6;background:linear-gradient(90deg, color-mix(in srgb, var(--sector-status-color) 72%, transparent) var(--sector-fill,0%), #ffffff0e 0), var(--sector-status-bg);border:1px solid #ffffff1f;min-width:0;padding:.55rem .46rem .48rem;position:relative;overflow:hidden;box-shadow:inset 0 -2px #ffffff0d}.telemetry-sector-bar.is-active{border-color:color-mix(in srgb, var(--green) 65%, #ffffff38);box-shadow:inset 0 -2px 0 var(--green), 0 0 24px #14c7841f}.telemetry-sector-bar.is-complete{color:#08090b}.telemetry-sector-bar.is-overall-best,.telemetry-sector-table td.is-overall-best{--sector-status-color:#c77dff;--sector-status-bg:#362648f3;color:#fff}.telemetry-sector-bar.is-personal-best,.telemetry-sector-table td.is-personal-best{--sector-status-color:var(--green);--sector-status-bg:color-mix(in srgb, var(--green) 20%, #080a0ef0);color:#ecfff7}.telemetry-sector-bar.is-slower,.telemetry-sector-table td.is-slower{--sector-status-color:var(--yellow);--sector-status-bg:color-mix(in srgb, var(--yellow) 16%, #080a0ef0);color:#fff2b8}.telemetry-sector-table td.is-overall-best,.telemetry-sector-table td.is-personal-best,.telemetry-sector-table td.is-slower{background:linear-gradient(90deg, color-mix(in srgb, var(--sector-status-color) 28%, transparent), transparent 72%), var(--sector-status-bg);box-shadow:inset 3px 0 0 var(--sector-status-color)}.telemetry-sector-bar span,.telemetry-sector-bar strong{z-index:1;font-family:var(--font-mono);text-shadow:0 1px 8px #00000052;line-height:1;display:block;position:relative}.telemetry-sector-bar span{letter-spacing:.16em;margin-bottom:.4rem;font-size:.58rem;font-weight:900}.telemetry-sector-bar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:900;overflow:hidden}.telemetry-sector-banner{--sector-status-color:var(--green);--sector-banner-color:var(--driver-color,var(--green));z-index:9;width:min(560px,100% - 2rem);color:var(--text);border-left:4px solid var(--sector-banner-color);border-bottom:2px solid var(--sector-banner-color);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(110deg,#080a10fa,#181d28eb),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 58px);grid-template-columns:minmax(9rem,.8fr) minmax(14rem,1.2fr);align-items:stretch;gap:.65rem;padding:.65rem;display:grid;position:absolute;bottom:1rem;right:1rem;box-shadow:0 16px 42px #0000006b,inset 0 1px #ffffff1f}.sim-canvas-panel:has(.race-data-panel:not(.is-hidden)) .telemetry-sector-banner{bottom:8.3rem}.telemetry-sector-banner__copy{text-transform:uppercase;min-width:0;padding:.28rem .35rem}.telemetry-sector-banner__copy span{color:var(--sector-banner-color);font-family:var(--font-mono);letter-spacing:.14em;font-size:.62rem;font-weight:900;display:block}.telemetry-sector-banner__copy b{color:inherit;font:inherit}.telemetry-sector-banner__copy strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:clamp(1.15rem,2vw,1.65rem);font-weight:900;line-height:.92;display:block;overflow:hidden}.telemetry-sector-banner__copy em{color:#f4f7fbad;font-family:var(--font-mono);letter-spacing:.12em;margin-top:.28rem;font-size:.66rem;font-style:normal;font-weight:900;display:block}.telemetry-sector-banner__bars{grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;gap:.32rem;display:grid}.telemetry-lap-table,.telemetry-sector-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);background:#ffffff0b;overflow:hidden}.telemetry-lap-table tr,.telemetry-sector-table tr{border-bottom:1px solid #ffffff13}.telemetry-lap-table tr:last-child,.telemetry-sector-table tr:last-child{border-bottom:0}.telemetry-lap-table th,.telemetry-lap-table td,.telemetry-sector-table th,.telemetry-sector-table td{text-align:right;padding:.55rem .5rem;font-size:.68rem;line-height:1}.telemetry-lap-table th,.telemetry-sector-table th{color:var(--muted);letter-spacing:.09em;text-align:left;text-transform:uppercase;font-weight:800}.telemetry-lap-table td,.telemetry-sector-table td{color:var(--text);font-weight:900}.car-overview{border-top:1px solid var(--line);margin-top:1rem;padding-top:.85rem;position:relative}.car-overview-header{text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.car-overview-header span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:.64rem;font-weight:800}.car-overview-header strong{color:var(--driver-color,var(--red));font-family:var(--font-mono);letter-spacing:.08em;font-size:.72rem}.car-overview-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-bottom:.7rem;display:grid}.car-overview-toggle button{min-width:0;min-height:2.15rem;color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;font-size:.68rem;font-weight:900}.car-overview-toggle button.is-active,.car-overview-toggle button[aria-pressed=true]{color:#fff;background:color-mix(in srgb, var(--driver-color,var(--red)) 30%, #ffffff13);border-color:color-mix(in srgb, var(--driver-color,var(--red)) 72%, #ffffff2e)}.car-overview-diagram{--arrow-line:color-mix(in srgb, var(--driver-color,var(--red)) 72%, #ffffff5c);background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--driver-color,var(--red)) 24%, transparent) 0 18%, transparent 42%), linear-gradient(135deg, #ffffff0e, #ffffff03);border:1px solid #ffffff1f;grid-template-rows:auto auto 5.7rem auto auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;min-height:15.25rem;padding:.82rem .62rem;display:grid;position:relative;overflow:hidden}.car-overview-diagram:before{content:"";pointer-events:none;background:linear-gradient(var(--arrow-line), var(--arrow-line)) 50% 18% / 1px 22% no-repeat, linear-gradient(var(--arrow-line), var(--arrow-line)) 50% 61% / 1px 17% no-repeat, linear-gradient(90deg, var(--arrow-line), var(--arrow-line)) 25% 48% / 24% 1px no-repeat, linear-gradient(90deg, var(--arrow-line), var(--arrow-line)) 75% 48% / 24% 1px no-repeat;opacity:.62;position:absolute;inset:.55rem}.car-overview-diagram:after{content:"";pointer-events:none;opacity:.44;background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 36px);position:absolute;inset:0}.car-overview-car{z-index:1;color:#08090b;grid-area:3/1/auto/-1;place-self:center;place-items:center;width:5.15rem;height:3.15rem;display:grid;position:relative;transform:skew(-10deg)}.car-overview-car:before{content:"";background:linear-gradient(90deg, #ffffffbd, transparent 44%), var(--driver-color,var(--red));clip-path:polygon(12% 7%,82% 7%,100% 50%,82% 93%,12% 93%,0 50%);opacity:.28;box-shadow:inset 0 0 0 2px #ffffff57, 0 0 28px color-mix(in srgb, var(--driver-color,var(--red)) 44%, transparent);position:absolute;inset:0}.car-overview-car:after{content:"";z-index:1;opacity:.34;border-top:3px solid #08090bbd;border-bottom:3px solid #08090bbd;position:absolute;inset:.58rem .86rem;transform:skew(10deg)}.car-overview-car-image{z-index:2;object-fit:contain;width:calc(100% - .4rem);height:calc(100% - .5rem);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--driver-color,var(--red)) 72%, transparent)) saturate(1.15) brightness(1.08);position:absolute;inset:.25rem .2rem;transform:skew(10deg)}.car-overview-icon,.car-overview-number,.car-overview-core-stat{z-index:3;font-family:var(--font-mono);font-weight:900;position:relative;transform:skew(10deg)}.car-overview-icon{letter-spacing:-.07em;font-size:.86rem}.car-overview-number{color:#f4f7fbad;font-size:.54rem;position:absolute;bottom:.18rem;right:.42rem}.car-overview-core-stat{color:color-mix(in srgb, var(--driver-color,var(--red)) 62%, #fff);letter-spacing:.05em;text-transform:uppercase;font-size:.58rem;position:absolute;bottom:-1.05rem;left:50%;transform:translate(-50%)skew(10deg)}.car-overview-cell{z-index:1;min-width:0;box-shadow:inset 3px 0 0 color-mix(in srgb, var(--driver-color,var(--red)) 78%, transparent);background:#08090bc2;border:1px solid #ffffff1f;padding:.5rem .48rem;position:relative}.car-overview-cell:after{content:"";background:var(--arrow-line);width:.42rem;height:.42rem;position:absolute;transform:rotate(45deg)}.car-overview-cell--slot-1{grid-area:1/1;justify-self:stretch;width:auto}.car-overview-cell--slot-1:after,.car-overview-cell--slot-2:after{bottom:-.25rem;right:50%;transform:translate(50%)rotate(45deg)}.car-overview-cell--slot-2{grid-area:1/2;justify-self:stretch;width:auto}.car-overview-cell--slot-3{grid-area:2/1;justify-self:stretch;width:auto}.car-overview-cell--slot-4{grid-area:2/2;justify-self:stretch;width:auto}.car-overview-cell--slot-3:after,.car-overview-cell--slot-4:after{top:50%;transform:translateY(-50%)rotate(45deg)}.car-overview-cell--slot-3:after{right:-.25rem}.car-overview-cell--slot-4:after{left:-.25rem}.car-overview-cell--slot-5,.car-overview-cell--slot-6{grid-row:4}.car-overview-cell--slot-5{grid-column:1}.car-overview-cell--slot-6{grid-column:2}.car-overview-cell--slot-5:after,.car-overview-cell--slot-6:after{top:-.25rem;right:50%;transform:translate(50%)rotate(45deg)}.car-overview-cell--slot-7{grid-area:5/1/auto/-1;grid-template-columns:minmax(0,auto) minmax(0,1fr);justify-self:stretch;align-items:end;gap:.5rem;width:auto;display:grid}.car-overview-cell--slot-7:after{top:-.25rem;left:50%;transform:translate(-50%)rotate(45deg)}.car-overview-cell--slot-7>span{margin-bottom:0}.car-overview-cell--slot-7 strong{text-align:right}.car-overview-cell>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.18rem;font-size:.56rem;font-weight:800;display:block}.car-overview-cell strong{color:#fff;font-family:var(--font-mono);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:900;display:block;overflow:hidden}.car-overview-cell strong span{color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;margin:0;display:inline}@media (width<=1120px){.sim-grid,.sim-shell--left-tower-overlay .sim-grid,.sim-shell--left-tower-overlay.sim-grid{grid-template-columns:1fr}.sim-canvas-panel,.sim-shell--left-tower-overlay .sim-canvas-panel{order:-1;grid-column:auto;min-height:62svh}.sim-shell--left-tower-overlay.sim-shell--timing-expand-race-view .sim-canvas-panel{min-height:62svh}.sim-shell--left-tower-overlay .sim-timing{clip-path:none;width:auto;max-width:390px;position:static}.sim-shell--left-tower-overlay .sim-canvas-panel>.camera-controls{max-width:calc(100% - 2rem);left:1rem}.sim-shell--left-tower-overlay .start-lights{left:50%}.sim-shell--left-tower-overlay .race-data-panel{--race-data-banner-left:50%;--race-data-banner-width:min(1080px, calc(100% - 1.5rem));left:50%}.sim-timing,.sim-telemetry{min-height:auto}.sim-telemetry{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:1rem;display:grid}.telemetry-header{grid-column:1/-1}.telemetry-grid{margin-top:0}.car-overview{border-top:0;margin-top:0;padding-top:0}}@media (width<=760px){.sim-shell{padding:.75rem}.sim-grid,.sim-shell--left-tower-overlay .sim-grid,.sim-shell--left-tower-overlay.sim-grid{grid-template-columns:minmax(0,1fr)}.sim-shell--left-tower-overlay .sim-timing,.sim-canvas-panel--with-timing-tower>.sim-timing{width:min(100%, var(--timing-board-max-width))}.sim-shell--left-tower-overlay .sim-timing{width:100%;max-width:100%}.sim-topbar{grid-template-columns:1fr;align-items:stretch}.sim-controls,.sim-backlink{justify-content:stretch}.sim-controls{grid-template-columns:1fr 1fr;display:grid}.sim-control,.sim-backlink{text-align:center}.sim-canvas-panel{min-height:58svh}.race-telemetry-drawer{--telemetry-drawer-width:100%}.race-telemetry-drawer__race,.race-telemetry-drawer.is-telemetry-open .race-telemetry-drawer__race{margin-right:0}.race-telemetry-drawer.is-telemetry-open .race-telemetry-drawer__race{margin-bottom:min(360px,46svh)}.telemetry-drawer{border-left:0;border-top:1px solid var(--line);height:min(360px,46svh);top:auto;transform:translateY(100%)}.race-telemetry-drawer.is-telemetry-open .telemetry-drawer{transform:translate(0,0)}.camera-controls{max-width:calc(100% - 1.5rem)}.race-data-panel{grid-template-columns:minmax(0,1fr) auto;width:calc(100% - 1.5rem);min-height:88px;bottom:.75rem;left:50%}.telemetry-sector-banner{grid-template-columns:1fr;width:calc(100% - 1.5rem);bottom:.75rem;right:.75rem}.sim-canvas-panel:has(.race-data-panel:not(.is-hidden)) .telemetry-sector-banner{bottom:8rem}.race-data-panel.is-radio-mode{grid-template-columns:minmax(0,1fr)}.race-data-panel--with-telemetry{grid-template-columns:minmax(4.8rem,auto) minmax(0,1fr)}.race-data-copy{grid-column:2;padding:.78rem .95rem .85rem}.race-data-panel--with-telemetry .race-data-copy{grid-column:2;padding-bottom:.35rem}.race-data-telemetry{border-left:0;grid-area:2/1/auto/-1;padding:0 .95rem .75rem}.race-data-panel--with-telemetry .race-data-link{grid-column:1/-1}.race-data-panel.is-radio-mode .race-data-copy{grid-column:1;padding-left:.95rem}.race-data-number{grid-column:1;min-width:4.8rem;height:auto;font-size:3.4rem}.race-data-link{grid-column:1/-1;min-height:48px;margin:0}.sim-telemetry{display:block}.telemetry-grid{margin-top:1rem}.car-overview{border-top:1px solid var(--line);margin-top:1rem;padding-top:.85rem}.car-overview-diagram{grid-template-rows:repeat(2,auto) 5.3rem repeat(4,auto);grid-template-columns:1fr}.car-overview-diagram:before{background:linear-gradient(var(--arrow-line), var(--arrow-line)) 50% 18% / 1px 16% no-repeat, linear-gradient(var(--arrow-line), var(--arrow-line)) 50% 82% / 1px 16% no-repeat}.car-overview-cell,.car-overview-car{grid-column:1;justify-self:stretch;width:auto}.car-overview-cell--slot-1{grid-row:1}.car-overview-cell--slot-2{grid-row:2}.car-overview-car{grid-row:3;justify-self:center}.car-overview-cell--slot-3{grid-row:4}.car-overview-cell--slot-4{grid-row:5}.car-overview-cell--slot-5{grid-row:6}.car-overview-cell--slot-6{grid-row:7}.car-overview-cell--slot-7{grid-row:8;display:block}.car-overview-cell--slot-7 strong{text-align:left}.car-overview-cell:after{display:none}}@media (width<=520px){.sim-canvas-panel--with-timing-tower{min-height:max(58svh,min(46svh,420px) + 17rem)}.sim-canvas-panel--with-timing-tower>.sim-timing{clip-path:none;width:100%;max-width:100%;height:min(46svh,420px);position:static;inset:auto}.sim-canvas-panel--with-timing-tower>.sim-timing.broadcast-tower{width:100%;max-width:100%;height:min(46svh,420px);position:static}.sim-canvas-panel--with-timing-tower>.camera-controls{max-width:calc(100% - 1.5rem);top:calc(min(46svh,420px) + 1.25rem);left:.75rem}.sim-canvas-panel--with-timing-tower>.start-lights{top:calc(min(46svh,420px) + 4.2rem);left:50%}}
