:root{--bg:#07090d;--panel:#0d1016e0;--panel-border:#ffffff12;--text:#e8eaf0;--text-dim:#8a92a6;--accent:#e10600;--purple:#b400ff;--green:#2ecc71;--yellow:#ffd12e;--blue:#4d8dff;--red:#ff3b3b;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);font-size:13px;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.app{height:100%;position:relative}.vignette{z-index:5;pointer-events:none;background:radial-gradient(at 50% 45%,#0000 60%,#0a101c47 100%);position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;overflow:hidden}.topbar{z-index:20;pointer-events:none;background:linear-gradient(#050609eb,#0506098c 75%,#0000);justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.tb-left{align-items:center;gap:14px;min-width:0;display:flex}.tb-logo{letter-spacing:-1px;color:var(--accent);font-size:20px;font-style:italic;font-weight:900}.tb-logo span{color:var(--text);font-weight:700}.tb-race b{letter-spacing:.2px;white-space:nowrap;font-size:14px;display:block}.tb-race span{color:var(--text-dim);white-space:nowrap;font-size:11px}.tb-center{align-items:center;gap:12px;display:flex}.tb-lap{font-family:var(--mono);letter-spacing:1px;white-space:nowrap;font-size:17px;font-weight:700}.tb-status{letter-spacing:1.5px;white-space:nowrap;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:800}.st-green{color:var(--green);background:#2ecc712e}.st-yellow{background:var(--yellow);color:#201a00;animation:1.1s infinite pulse}.st-red{background:var(--red);color:#fff;animation:.8s infinite pulse}.st-chequered{color:#111;background:#e8e8e8}@keyframes pulse{50%{opacity:.65}}.tb-right{align-items:center;gap:10px;display:flex}.tb-views{border:1px solid var(--panel-border);background:#ffffff0f;border-radius:7px;display:flex;overflow:hidden}.tb-views button{color:var(--text-dim);letter-spacing:.4px;padding:6px 12px;font-size:11px;font-weight:600}.tb-views button.on{background:var(--accent);color:#fff}.tb-browse{letter-spacing:.6px;border:1px solid var(--panel-border);background:#ffffff0f;border-radius:7px;padding:6px 14px;font-size:11px;font-weight:700}.tb-browse:hover{background:#ffffff1f}.left-stack{z-index:10;flex-direction:column;width:285px;display:flex;position:absolute;top:64px;bottom:96px;left:12px}.right-stack{z-index:10;flex-direction:column;gap:10px;width:300px;display:flex;position:absolute;top:64px;bottom:96px;right:12px}.bottom-stack{z-index:15;position:absolute;bottom:10px;left:12px;right:12px}.leaderboard{flex-direction:column;max-height:100%;display:flex}.lb-head{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:9px 12px 7px;display:flex}.lb-title{letter-spacing:1.6px;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:800}.lb-toggle{background:#ffffff0f;border-radius:5px;gap:2px;padding:2px;display:flex}.lb-toggle button{color:var(--text-dim);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.lb-toggle button.on{color:var(--text);background:#ffffff24}.lb-rows{scrollbar-width:thin;flex:1;overflow-y:auto}.lb-row{text-align:left;border-bottom:1px solid #ffffff09;grid-template-columns:24px 4px 40px 34px 34px 16px 1fr;align-items:center;gap:6px;width:100%;padding:4.5px 10px;transition:background .12s;display:grid}.lb-row:hover{background:#ffffff0d}.lb-row.sel{box-shadow:inset 2px 0 0 var(--accent);background:#e1060029}.lb-row.out{opacity:.38}.lb-pos{font-family:var(--mono);text-align:right;font-size:12px;font-weight:700}.lb-team{border-radius:2px;width:4px;height:16px}.lb-abbrev{letter-spacing:.6px;font-size:12.5px;font-weight:800}.lb-delta{font-size:9.5px;font-family:var(--mono)}.lb-delta.up{color:var(--green)}.lb-delta.down{color:var(--red)}.lb-tyre{font-size:12px;font-weight:800}.lb-tyre em{color:var(--text-dim);font-size:9.5px;font-style:normal;font-family:var(--mono);margin-left:2px}.lb-pit{font-family:var(--mono);color:var(--text-dim);text-align:center;font-size:10px}.lb-gap{font-family:var(--mono);text-align:right;white-space:nowrap;font-size:11.5px}.lb-gap.fastest{color:var(--purple)}.pit-badge{background:var(--blue);color:#fff;letter-spacing:.8px;border-radius:3px;padding:1.5px 6px;font-size:9px;font-weight:800}.lb-foot{color:var(--text-dim);border-top:1px solid var(--panel-border);justify-content:space-between;padding:6px 12px;font-size:9.5px;display:flex}.lb-foot .dot{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.telemetry{flex-shrink:0}.tp-head{background:#ffffff08;border-left:4px solid;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.tp-name{font-size:14px;font-weight:800}.tp-team{letter-spacing:.5px;font-size:10.5px;font-weight:600}.tp-posbox{text-align:right}.tp-pos{font-family:var(--mono);font-size:19px;font-weight:800;display:block}.tp-lap{color:var(--text-dim);letter-spacing:1px;font-size:10px}.tp-speedrow{align-items:stretch;gap:8px;padding:10px 12px 6px;display:flex}.tp-speed b,.tp-gear b{font-family:var(--mono);font-size:30px;font-weight:800;line-height:1;display:block}.tp-speed span,.tp-gear span{color:var(--text-dim);letter-spacing:1.2px;text-transform:uppercase;font-size:9.5px}.tp-speed{flex:1}.tp-gear{text-align:center;width:58px}.tp-drs{letter-spacing:1px;border:1.5px solid var(--text-dim);color:var(--text-dim);border-radius:5px;align-self:center;padding:5px 10px;font-size:11px;font-weight:800}.tp-drs.open{border-color:var(--green);color:var(--green);background:#2ecc7133}.tp-bars{flex-direction:column;gap:5px;padding:4px 12px 8px;display:flex}.bar-row{align-items:center;gap:8px;display:flex}.bar-row label{width:28px;color:var(--text-dim);letter-spacing:.8px;font-size:9px;font-weight:700}.bar-row em{font-style:normal;font-family:var(--mono);color:var(--text-dim);text-align:right;width:38px;font-size:9.5px}.bar{background:#ffffff12;border-radius:4px;flex:1;height:7px;overflow:hidden}.bar i{border-radius:4px;height:100%;transition:width .15s linear;display:block}.tp-grid{background:var(--panel-border);border-top:1px solid var(--panel-border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.tp-grid .cell{background:var(--panel);padding:7px 12px}.tp-grid label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:2px;font-size:9px;display:block}.tp-grid span{font-family:var(--mono);font-size:12.5px;font-weight:700}.tp-laps{border-top:1px solid var(--panel-border);padding:8px 12px 10px}.lap-row{justify-content:space-between;padding:2.5px 0;font-size:12px;display:flex}.lap-row label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:10.5px}.lap-row .best{color:var(--purple)}.tp-sectors{margin-top:6px}.tp-sectors label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:9px}.tp-sectors>div{gap:6px;margin-top:3px;display:flex}.sec{text-align:center;font-family:var(--mono);background:#ffffff0f;border-radius:4px;flex:1;padding:3px 0;font-size:11px}.sec.purple{color:#d98aff;background:#b400ff40}.tp-retired{color:var(--text-dim);padding:18px 12px;font-size:12px}.eventfeed{flex-direction:column;flex:1;min-height:120px;display:flex}.ef-head{letter-spacing:1.6px;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--panel-border);padding:9px 12px 7px;font-size:11px;font-weight:800}.ef-rows{scrollbar-width:thin;flex:1;overflow-y:auto}.ef-empty{color:var(--text-dim);padding:14px 12px}.ef-row{text-align:left;border-bottom:1px solid #ffffff09;align-items:baseline;gap:8px;width:100%;padding:5.5px 12px;font-size:11.5px;display:flex}.ef-row:hover{background:#ffffff0d}.ef-row.newest{animation:.3s slidein}@keyframes slidein{0%{opacity:0;transform:translateY(-6px)}}.ef-icon{flex-shrink:0;width:20px;font-size:10.5px;font-style:normal}.ef-msg{flex:1;line-height:1.35}.ef-time{font-family:var(--mono);color:var(--text-dim);flex-shrink:0;font-size:9.5px}.ev-purple .ef-icon,.ev-purple .ef-msg{color:#d98aff}.ev-yellow .ef-icon,.ev-yellow .ef-msg{color:var(--yellow)}.ev-red .ef-icon,.ev-red .ef-msg{color:var(--red)}.ev-green .ef-icon{color:var(--green)}.ev-blue .ef-icon{color:var(--blue)}.ev-orange .ef-icon,.ev-orange .ef-msg{color:#ff9f40}.timeline{padding:8px 14px 12px}.tl-controls{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tl-btn{border:1px solid var(--panel-border);background:#ffffff12;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.tl-btn:hover{background:#ffffff21}.tl-btn.play{background:var(--accent);border-color:#0000;width:40px;font-size:12px}.tl-speeds{gap:3px;margin-left:6px;display:flex}.tl-speed{font-family:var(--mono);color:var(--text-dim);background:#ffffff0d;border-radius:5px;padding:4px 7px;font-size:10px}.tl-speed.on{color:var(--text);background:#ffffff29;font-weight:700}.tl-lapjump{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-left:auto;font-size:10.5px;display:flex}.tl-lapjump select{color:var(--text);border:1px solid var(--panel-border);font-family:var(--mono);background:#ffffff14;border-radius:5px;padding:3px 6px;font-size:11px}.tl-clock{text-align:right;min-width:64px;font-size:13px;font-weight:700}.tl-bar{cursor:pointer;touch-action:none;background:#ffffff0f;border-radius:6px;height:20px;position:relative}.tl-band{position:absolute;top:0;bottom:0}.tl-fill{pointer-events:none;background:linear-gradient(90deg,#e1060047,#e1060080);border-radius:6px 0 0 6px;position:absolute;top:0;bottom:0;left:0}.tl-thumb{pointer-events:none;background:#fff;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 8px #fff9}.tl-tick{pointer-events:none;background:#ffffff2e;width:1px;position:absolute;top:0;bottom:0}.tl-tick span{font-family:var(--mono);color:var(--text-dim);font-size:8.5px;position:absolute;top:-14px;left:-8px}.tl-marker{z-index:2;opacity:.9;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%}.tl-marker:hover{transform:scale(1.7)}.browser-overlay{z-index:50;background:radial-gradient(ellipse at 50% -10%, #1a1420 0%, var(--bg) 60%);justify-content:center;display:flex;position:absolute;inset:0;overflow-y:auto}.browser{width:min(980px,94vw);padding:48px 0 40px}.br-head{justify-content:space-between;align-items:flex-start;display:flex}.br-head h1{letter-spacing:-1.5px;color:var(--accent);font-size:34px;font-style:italic;font-weight:900}.br-head h1 span{color:var(--text);margin-right:10px;font-weight:800}.br-head p{color:var(--text-dim);margin-top:4px;font-size:14px}.br-close{border:1px solid var(--panel-border);background:#ffffff12;border-radius:8px;width:36px;height:36px;font-size:16px}.br-error{font-family:var(--mono);color:#ffb0b0;background:#ff3b3b1f;border:1px solid #ff3b3b66;border-radius:8px;margin-top:20px;padding:12px 16px;font-size:12px}.br-loading{font-family:var(--mono);background:#4d8dff1a;border:1px solid #4d8dff59;border-radius:8px;margin-top:20px;padding:12px 16px;font-size:12px;animation:1.2s infinite pulse}.br-seasons{gap:6px;margin-top:26px;display:flex}.br-seasons button{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--panel-border);background:#ffffff0d;border-radius:8px;padding:7px 16px;font-size:14px;font-weight:700}.br-seasons button.on{background:var(--accent);color:#fff;border-color:#0000}.br-sessions{gap:6px;margin-top:12px;display:flex}.chip{letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.chip.on{background:#ffffff24}.chip.off{color:var(--text-dim);background:#ffffff0a}.br-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:18px;display:grid}.br-card{text-align:left;border:1px solid var(--panel-border);background:#ffffff0b;border-radius:10px;flex-direction:column;gap:3px;padding:14px 15px;transition:transform .12s,background .12s,border-color .12s;display:flex}.br-card:not(.disabled):hover{background:#e106001f;border-color:#e106008c;transform:translateY(-2px)}.br-card.disabled{opacity:.42;cursor:default}.br-round{font-family:var(--mono);color:var(--text-dim);letter-spacing:1px;font-size:10px}.br-name{font-size:14.5px;font-weight:800}.br-loc{color:var(--text-dim);font-size:11px}.br-meta{color:var(--text-dim);justify-content:space-between;align-items:center;margin-top:7px;font-size:10.5px;display:flex}.br-meta b{color:var(--accent);letter-spacing:.6px}.br-foot{color:var(--text-dim);margin-top:26px;font-size:11.5px}.br-foot code{font-family:var(--mono);background:#ffffff12;border-radius:4px;padding:2px 7px;font-size:10.5px}@media (width<=1100px){.right-stack{display:none}.left-stack{width:240px}}@media (width<=720px){.left-stack,.tb-center{display:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}::-webkit-scrollbar-track{background:0 0}