:root{--bg: #0d0e10;--panel: #131417;--panel-2: #17191c;--rule: #24262b;--rule-2: #2e3136;--text: #d6dade;--dim: #80868e;--faint: #4b5058;--select: #22262c;--purple: #b26cff;--green: #3ccf7e;--yellow: #f2c230;--red: #ff4545;--blue: #4aa3ff;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "Titillium Web", "Arial Narrow", sans-serif;--top: 30px;--bottom: 44px;--left: 404px;--right: 340px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:12px/1.3 var(--sans);-webkit-font-smoothing:antialiased}button,select{font:600 11px var(--sans);letter-spacing:.04em;color:var(--dim);background:transparent;border:0;padding:0 8px;height:22px;cursor:pointer}button:hover{color:var(--text)}button.on{color:var(--bg);background:var(--text)}select{color:var(--text);background:var(--panel-2);border:1px solid var(--rule-2)}select option{background:var(--panel)}.dim{color:var(--dim)}.mini{height:18px;padding:0 6px;border:1px solid var(--rule-2)}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:var(--left) 1fr var(--right);grid-template-rows:var(--top) 1fr var(--bottom);grid-template-areas:"top top top" "timing view side" "transport transport transport"}#topbar{grid-area:top;display:flex;align-items:stretch;background:var(--panel);border-bottom:1px solid var(--rule);white-space:nowrap;overflow:hidden}#topbar .cell{display:flex;align-items:center;gap:6px;padding:0 10px;border-right:1px solid var(--rule)}#topbar .k{font-size:10px;letter-spacing:.08em;color:var(--dim)}#topbar .v{font:500 12px var(--mono)}#topbar .event{font-weight:700;letter-spacing:.04em;text-transform:uppercase}#topbar .event small{color:var(--dim);font-weight:500;margin-left:6px}#topbar .status{font-weight:700;letter-spacing:.08em;color:var(--green);min-width:112px;justify-content:center}#topbar .status[data-s=SC],#topbar .status[data-s=VSC]{background:var(--yellow);color:#000}#topbar .status[data-s=RED]{background:var(--red);color:#000}#topbar .status[data-s=CHEQUERED]{background:var(--text);color:#000}#topbar .spacer{flex:1;border-right:1px solid var(--rule)}#topbar .controls{border-right:0}.rain-bars{display:inline-flex;gap:2px;align-items:flex-end;height:10px}.rain-bars i{width:3px;background:var(--faint)}.rain-bars i:nth-child(1){height:4px}.rain-bars i:nth-child(2){height:7px}.rain-bars i:nth-child(3){height:10px}.rain-bars i.on{background:var(--blue)}aside{background:var(--panel);overflow:hidden;display:flex;flex-direction:column;min-height:0}#timing{grid-area:timing;border-right:1px solid var(--rule)}#side{grid-area:side;border-left:1px solid var(--rule)}.panel-head{display:flex;justify-content:space-between;align-items:center;height:26px;padding:0 10px;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--dim);border-bottom:1px solid var(--rule);flex:none}.panel-head .dim{font-weight:500;letter-spacing:.04em}#app[data-view=tunnel]{--left: 218px}#app[data-view=tunnel] .table-head,#app[data-view=tunnel] .row{grid-template-columns:26px 62px 72px 30px}#app[data-view=tunnel] :is(.table-head,.row)>:is(.c-lap,.c-age,.c-pit){display:none}.table-head,.row{display:grid;grid-template-columns:26px 62px 72px 66px 66px 30px 28px 26px;align-items:center;padding:0 10px 0 6px}.table-head{height:22px;font-size:10px;letter-spacing:.08em;color:var(--dim);border-bottom:1px solid var(--rule);flex:none}.table-head span,.row>span{text-align:right}.table-head .c-drv,.row .c-drv{text-align:left;padding-left:8px}.rows{position:relative;flex:0 1 auto;overflow-y:auto}.track-map{flex:1 1 0;min-height:120px;display:flex;align-items:center;justify-content:center;padding:8px;border-top:1px solid var(--rule)}.track-map svg{width:100%;height:100%;max-height:100%}.row{position:absolute;left:0;right:0;height:24px;font:400 12px var(--mono);border-bottom:1px solid var(--rule);cursor:pointer;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.row:hover{background:var(--panel-2)}.row.selected{background:var(--select);box-shadow:inset 2px 0 0 var(--text)}.row .c-pos{color:var(--dim)}.row .c-drv{font:600 12px var(--sans);letter-spacing:.04em;position:relative}.row .c-drv:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;background:var(--team)}.row .c-gap{color:var(--text)}.row .c-lap{color:var(--dim)}.row .pb{color:var(--green)}.row .ob{color:var(--purple)}.row .flag{font:600 11px var(--sans);letter-spacing:.06em}.row .flag.pit{color:var(--blue)}.row.out,.row.out .c-drv,.row.out .c-pos{color:var(--faint)}.row.out .c-drv:before{opacity:.35}.row.gained .c-pos{color:var(--green)}.row.drs-on .c-gap{box-shadow:inset -2px 0 0 var(--green)}.tyre{font:600 11px var(--mono);color:var(--c)}#viewport{grid-area:view;position:relative;overflow:hidden;min-width:0;min-height:0}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block}.labels{position:absolute;top:0;right:0;bottom:0;left:0}#toolbar{position:absolute;top:8px;left:8px;display:flex;gap:6px;z-index:3}.seg{display:flex;background:#131417eb;border:1px solid var(--rule-2)}.seg button+button{border-left:1px solid var(--rule-2)}#compass{position:absolute;right:8px;top:8px;z-index:3;display:flex;align-items:center;background:#131417eb;border:1px solid var(--rule-2)}#compass button{padding:0 7px;font-size:13px}#compass button[data-nav=reset]{font-size:10px}#compass .sep{width:1px;align-self:stretch;background:var(--rule-2)}#compass .dial{position:relative;width:22px;height:22px;border-left:1px solid var(--rule-2);border-right:1px solid var(--rule-2)}#compass .needle{position:absolute;left:10px;top:3px;width:2px;height:16px;background:linear-gradient(var(--red) 50%,var(--dim) 50%);transform-origin:50% 50%}#compass .n{display:none}#tunnel-panel{position:absolute;left:8px;top:40px;z-index:3;width:360px;background:#131417f0;border:1px solid var(--rule-2)}#tunnel-panel[hidden],#tn-body[hidden],#tn-pressure-legend[hidden]{display:none}#tn-controls{font-size:9px;padding:4px;white-space:nowrap}.tn-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--rule)}.tn-model{flex:1;font:400 11px var(--mono);line-height:1.3}.tn-row .k{font-size:10px;letter-spacing:.08em;color:var(--dim)}.tn-row input[type=range]{flex:1;accent-color:var(--text)}#tunnel-panel .kv{border-bottom:1px solid var(--rule)}#tunnel-panel .kv b{font-size:13px}.tn-dragtrace{padding:4px 10px 6px;border-bottom:1px solid var(--rule)}.tn-dragtrace label{display:block;font:500 10px var(--mono);letter-spacing:.04em;color:var(--dim)}.tn-dragtrace canvas{display:block;width:100%;height:54px}.tn-legend{display:flex;align-items:center;gap:6px;padding:6px 10px;font:400 10px var(--mono);color:var(--dim);border-bottom:1px solid var(--rule)}.tn-legend i{flex:1;height:6px;display:block}.tn-foot{padding:6px 10px;font-size:10px;line-height:1.4;color:var(--faint)}#tn-stories[hidden],#tn-compare[hidden]{display:none}#tn-story-list{list-style:none;margin:0;padding:0;max-height:168px;overflow-y:auto}#tn-story-list button{display:grid;grid-template-columns:34px 10px 1fr;align-items:center;gap:6px;width:100%;padding:5px 10px;border:0;border-bottom:1px solid var(--rule);background:none;color:var(--text);font:400 11px var(--mono);text-align:left}#tn-story-list button:hover,#tn-story-list button.on{background:#ffffff0f}#tn-story-list .lap{color:var(--dim)}#tn-story-list i{width:8px;height:8px;border-radius:50%}#tn-story-list .wake i{background:#f2b544}#tn-story-list .drs i{background:#3ccf7e}#tn-story-list .passed i{background:#8fd3ff}#tn-story-list .lost i{background:#ff6b5c}#tn-compare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#tn-compare:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--rule-2)}#tn-compare span{position:absolute;right:12px;padding:4px 8px;background:#131417e0;border:1px solid var(--rule-2);font:600 11px var(--mono);letter-spacing:.06em;white-space:nowrap}#tn-compare-ref{top:52px;color:var(--dim)}#tn-compare-now{top:calc(50% + 12px)}.labels.suspended>*{display:none!important}#hint{position:absolute;left:8px;bottom:6px;z-index:3;font-size:10px;letter-spacing:.04em;color:var(--faint);pointer-events:none}.car-label{font:600 10px/1 var(--mono);padding:2px 4px 2px 5px;border-left:3px solid var(--team);background:#0d0e10d1;color:var(--text);cursor:pointer;transform:translateY(-14px);white-space:nowrap;-webkit-user-select:none;user-select:none}.car-label .drag{color:#ff8a3d;font-weight:500}.car-label .drag-bar{display:inline-block;height:3px;margin-left:4px;vertical-align:middle;background:#ff8a3d}.car-label.selected .drag{color:#b2500f}.car-label.hidden{visibility:hidden}.car-label.selected{background:var(--text);color:var(--bg);z-index:10}.track-label{font:600 10px/1 var(--mono);padding:2px 4px;color:var(--text);background:#0d0e10bf;border:1px solid var(--rule-2);pointer-events:none}.track-label.sector.s1{border-color:#e8352b}.track-label.sector.s2{border-color:#2f7dff}.track-label.sector.s3{border-color:#f2c230}.track-label.drs{color:var(--green);border-color:var(--green)}#radio-toast{position:absolute;z-index:4;left:50%;bottom:10px;transform:translate(-50%);display:none;align-items:center;gap:8px;height:26px;padding:0 10px 0 0;background:var(--panel);border:1px solid var(--rule-2);font:500 11px var(--sans);letter-spacing:.04em}#radio-toast.show{display:flex}#radio-toast .bar{width:3px;align-self:stretch;background:var(--team)}#radio-toast .wave{display:flex;gap:2px;align-items:center;height:12px}#radio-toast .wave i{width:2px;background:var(--text);animation:wave .9s ease-in-out infinite}#radio-toast .wave i:nth-child(2){animation-delay:.15s}#radio-toast .wave i:nth-child(3){animation-delay:.3s}#radio-toast .wave i:nth-child(4){animation-delay:.45s}@keyframes wave{0%,to{height:3px}50%{height:12px}}#driver{flex:none;border-bottom:1px solid var(--rule)}#driver-body:empty{display:none}.d-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--rule)}.d-num{font:600 20px var(--mono);color:var(--text);border-left:3px solid var(--team);padding-left:6px}.d-name{font-weight:700;font-size:13px;letter-spacing:.02em}.d-team{color:var(--dim);font-size:11px}.d-pos{font:600 16px var(--mono)}.kv{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--rule)}.kv>div{padding:5px 10px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0}.kv>div:nth-child(4n){border-right:0}.kv>div:nth-last-child(-n+4){border-bottom:0}.kv label{display:block;font-size:9px;letter-spacing:.1em;color:var(--dim)}.kv b{font:500 14px var(--mono);white-space:nowrap}.kv b.on{color:var(--green)}.kv b.warn{color:var(--yellow)}.kv b.info{color:var(--blue)}.traces{display:block;width:100%;height:150px;border-bottom:1px solid var(--rule)}.incident{border-bottom:1px solid var(--rule);padding:6px 10px 8px}.incident-head{font:600 11px var(--mono);color:var(--red);letter-spacing:.04em}.incident canvas{display:block;width:100%;height:110px;margin:4px 0}.incident p{margin:0;font-size:11px;line-height:1.4;color:var(--dim)}.laps{font:400 11px var(--mono)}.laps .lr{display:grid;grid-template-columns:30px 1fr 1fr 1fr 70px;padding:3px 10px;border-bottom:1px solid var(--rule);text-align:right}.laps .lr.h{font:600 9px var(--sans);letter-spacing:.1em;color:var(--dim)}.laps .lr span:first-child{text-align:left;color:var(--dim)}.laps .pb{color:var(--green)}.laps .ob{color:var(--purple)}.stints{display:flex;height:16px;margin:8px 10px;gap:1px}.stints i{display:block;height:100%;background:var(--c);opacity:.85;font:600 9px/16px var(--mono);color:#000;text-align:center;font-style:normal;overflow:hidden}.predict{border-bottom:1px solid var(--rule);padding:4px 0 7px}.p-row{display:grid;grid-template-columns:96px 42px minmax(0,1fr);gap:6px;align-items:baseline;padding:2px 10px}.predict label{font-size:9px;letter-spacing:.1em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-row b{font:500 13px var(--mono)}.p-row b.good{color:var(--green)}.p-row b.warn{color:var(--yellow)}.p-row span,.p-head span{font:400 10.5px/1.35 var(--mono);color:var(--dim)}.p-finish{padding:5px 10px 0}.p-pass{grid-template-columns:96px auto minmax(0,1fr);margin-top:5px}.p-pass b{margin-right:4px}.p-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.p-bars{display:flex;align-items:flex-end;gap:1px;height:34px;margin-top:4px}.p-bars i{flex:1;background:var(--team)}.p-bars i.now{box-shadow:0 2px 0 var(--text)}.p-bars i.dnf{background:var(--faint);margin-left:4px}.p-axis{display:flex;gap:1px;font:400 9px var(--mono);color:var(--faint);margin-top:3px}.p-axis span{flex:1;display:flex;justify-content:flex-end;white-space:nowrap}.p-axis span:first-child{justify-content:flex-start}.p-axis span.dnf{margin-left:4px}#rc{flex:1;min-height:0;display:flex;flex-direction:column}#rc-log{flex:1;overflow-y:auto;font:400 11px/1.35 var(--mono)}.rc-row{display:grid;grid-template-columns:30px 58px 1fr;gap:6px;padding:4px 10px 4px 0;border-bottom:1px solid var(--rule);box-shadow:inset 3px 0 0 transparent}.rc-row .lap{color:var(--dim);text-align:right}.rc-row .time{color:var(--faint)}.rc-row .msg{color:var(--text);word-break:break-word}.rc-row.yellow{box-shadow:inset 3px 0 0 var(--yellow)}.rc-row.red{box-shadow:inset 3px 0 0 var(--red)}.rc-row.green{box-shadow:inset 3px 0 0 var(--green)}.rc-row.blue{box-shadow:inset 3px 0 0 var(--blue)}.rc-row.new{animation:rcnew 1.2s ease-out}@keyframes rcnew{0%{background:var(--select)}}#transport{grid-area:transport;display:flex;align-items:center;gap:10px;padding:0 10px;background:var(--panel);border-top:1px solid var(--rule)}#play{width:30px;height:26px;font-size:12px;color:var(--text);border:1px solid var(--rule-2)}.rates{display:flex;border:1px solid var(--rule-2)}.rates button{font-family:var(--mono);font-weight:500;padding:0 7px}.rates button+button{border-left:1px solid var(--rule-2)}.track-wrap{flex:1;height:100%;display:flex;align-items:center}.track{position:relative;width:100%;height:28px;cursor:pointer}.track .bands,.track .ticks{position:absolute;top:0;right:0;bottom:0;left:0}.track .bands{top:12px;bottom:10px;background:var(--rule)}.band{position:absolute;top:0;bottom:0}.band.SC,.band.VSC{background:var(--yellow)}.band.RED{background:var(--red)}.band.RAIN{background:repeating-linear-gradient(90deg,rgba(74,163,255,.55) 0 2px,transparent 2px 4px);top:-4px;bottom:auto;height:2px}.tick{position:absolute;top:7px;width:1px;height:4px;background:var(--faint)}.tick span{position:absolute;top:-8px;transform:translate(-50%);font:400 9px var(--mono);color:var(--dim)}.mark{position:absolute;bottom:2px;width:1px;height:5px}.mark.radio{background:var(--dim)}.track .highlights{position:absolute;left:0;right:0;bottom:0;height:10px;z-index:2}.hl{position:absolute;bottom:0;width:10px;height:10px;margin-left:-5px;padding:0;border:0;cursor:pointer;background:var(--text)}.hl:hover,.hl:focus-visible{transform:scale(1.4)}.hl.pass{background:var(--team, var(--text));clip-path:polygon(0 0,100% 50%,0 100%,35% 50%)}.hl.crash,.hl.spin,.hl.contact{background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%)}.hl.spin,.hl.contact{background:#f28a30}.hl.retire{background:var(--dim);clip-path:polygon(50% 0,100% 100%,0 100%)}.hl.yellow{background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%)}.hl.sc,.hl.vsc{background:var(--yellow)}.hl.vsc{background:transparent;box-shadow:inset 0 0 0 2px var(--yellow)}.hl.red{background:var(--red)}.hl.restart{background:var(--green)}.hl.strategy{border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px var(--team, var(--text))}.hl.fastest{border-radius:50%;background:#b04dff}.hl.start{background:transparent;box-shadow:inset 0 0 0 2px var(--text)}.hl.finish{background:repeating-conic-gradient(var(--text) 0 25%,#0d0e10 0 50%) 0 0 / 5px 5px;box-shadow:0 0 0 1px var(--text)}#hl-tip{position:absolute;bottom:100%;margin-bottom:6px;transform:translate(-50%);padding:3px 6px;white-space:nowrap;font:500 11px var(--mono);color:var(--text);background:var(--panel);border:1px solid var(--rule-2);pointer-events:none;z-index:5}.track .progress{position:absolute;left:0;top:12px;bottom:10px;background:#d6dade38;pointer-events:none}.track .head{position:absolute;top:4px;bottom:4px;width:2px;margin-left:-1px;background:var(--text);pointer-events:none}.clock{font:500 12px var(--mono);min-width:96px;text-align:right}#credit{display:none}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:50;background:var(--bg);font:600 11px var(--sans);letter-spacing:.2em;color:var(--dim)}#loading.hide{display:none}:root{--dim: #a0a6af;--faint: #858c97}button:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.labels,#stage,#scrub{touch-action:none}#mobile-tabs{display:none}#toolbar{flex-wrap:wrap;max-width:calc(100% - 12px);padding-right:0}#compass{top:76px}#credit{display:flex;position:fixed;z-index:25;right:8px;bottom:48px;background:var(--panel);border:1px solid var(--rule-2)}#credit button{height:28px}#loading{top:var(--top);bottom:var(--bottom);z-index:20;flex-direction:column;gap:16px;padding:24px;text-align:center}#loading button{border:1px solid var(--rule-2);height:44px}dialog{max-width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;color:var(--text);background:var(--panel);border:1px solid var(--rule-2);padding:24px;font:15px/1.6 var(--sans)}dialog::backdrop{background:#000a}dialog h2{font-size:20px;margin-top:0}dialog a{color:#8dc8ff}dialog [data-close]{float:right;height:40px}dialog dl{display:grid;grid-template-columns:minmax(110px,1fr) 2fr;gap:10px}dialog dt{font-family:var(--mono);font-size:12px}dialog dd{margin:0}@media(max-width:1100px){:root{--left: 320px;--right: 280px}#topbar .cell:nth-child(n+6):not(.controls){display:none}#timing .c-lap:nth-of-type(5){display:none}}@media(max-width:860px){:root{--top: 88px;--bottom: 92px}#app{height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--top) minmax(0,1fr) 44px var(--bottom);grid-template-areas:"top" "view" "tabs" "transport";padding-bottom:env(safe-area-inset-bottom)}#topbar{flex-wrap:wrap;overflow:visible}#topbar .cell{height:40px;padding:0 8px}#topbar .cell:nth-child(n+4):not(.controls){display:none}#topbar .event{flex:1;overflow:hidden;font-size:12px}#topbar .event small{display:none}#topbar .controls{width:100%;height:48px;gap:8px}#season-picker{width:82px}#session-picker{flex:1;min-width:0}#topbar select,button{min-height:44px}#viewport,#timing,#side{grid-area:view;min-width:0;min-height:0}#timing,#side{display:none;width:auto;overflow-y:auto}#app[data-panel=timing] #timing,#app[data-panel=driver] #side{display:block}#app:not([data-panel=view]) #viewport{visibility:hidden}#mobile-tabs{grid-area:tabs;display:flex;background:var(--panel);border-top:1px solid var(--rule-2);z-index:10}#mobile-tabs button{flex:1}#toolbar{top:4px;left:4px;gap:4px}#cam-buttons{width:100%;display:flex}#cam-buttons button{flex:1;padding:0 9px}#trail-buttons,#toolbar>.seg:last-child{background:#131417e8}.quality-controls{order:4}.quality-controls select{height:36px}#compass{top:auto;bottom:40px;right:6px}#compass button{min-width:36px}#hint{display:none}#credit{bottom:calc(138px + env(safe-area-inset-bottom));right:4px}#credit button{min-height:32px;height:32px;font-size:10px}#transport{flex-wrap:wrap;gap:4px;padding:4px 8px}#transport #play{min-width:48px}#transport .rates button{min-width:36px}#transport .track-wrap{order:3;flex:0 0 100%;height:32px;padding:8px 0}#transport .clock{margin-left:auto;font-size:11px;min-width:0}#timing .row,#timing .panel-head,#side .panel-head{min-height:36px}#tunnel-panel{left:4px;right:4px;top:190px;width:auto;max-height:calc(100% - 200px);overflow-y:auto}#tunnel-panel button{padding:0 6px}#loading{bottom:calc(var(--bottom) + 44px)}}@media(min-width:861px)and (max-width:1280px){:root{--left: 300px;--right: 260px}}@media(max-width:860px){#timing .row{height:44px;min-height:44px}.rates{display:flex}}#aero-timeline{flex-shrink:0;border-bottom:1px solid var(--rule)}#aero-timeline canvas{display:block;width:100%;height:72px;cursor:crosshair;touch-action:none}#topbar .controls{flex-shrink:0;margin-left:auto}@media(min-width:861px)and (max-width:1600px){#topbar .cell:has(#sb-hum),#topbar .cell:has(#sb-wind),#topbar .cell:has(#sb-surface){display:none}#session-picker{max-width:190px}}