:root{--bg:#0b0d10;--panel:#13161b;--panel-2:#1a1e25;--line:#262b34;--text:#e8eaed;--muted:#8a919c;--purple:#b36bff;--green:#2bd96b;--yellow:#f5c518;--red:#ff3b3b;--orange:#ff8a1f;--blue:#3fa9ff;--col-gap:#6cb6ff;--col-int:#ff9f43;--col-last:#e8eaed;--col-best:#f78fb3;--font:"Titillium Web",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--text);font-family:var(--font);height:100%;margin:0;font-size:14px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12.5px}.muted{color:var(--muted)}.app{display:flex;flex-direction:column;height:100%}.header{display:flex;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items: center;gap:16px;padding:10px 16px}.title{display:flex;align-items: center;gap:12px;min-width:0}.brand{letter-spacing:.08em;color:var(--red);font-weight:700}.session{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.mode{background:var(--red);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.mode.replay{background:var(--panel-2);color:var(--muted);border:1px solid var(--line)}.track-status{background:var(--panel-2);border-radius:4px;padding:4px 12px;font-weight:700}.st-green{color:#04140a;background:var(--green)}.st-yellow{color:#1a1400;background:var(--yellow)}.st-sc{color:#1a0d00;background:var(--orange);animation:pulse 1.2s ease-in-out infinite}.st-red{background:var(--red)}@keyframes pulse{50%{opacity:.6}}.stats{display:flex;color:var(--muted);flex-wrap:wrap;align-items: center;gap:18px;margin-left:auto}.stats b{color:var(--text);font-weight:600}.rain{color:var(--blue)!important}.conn.ok{color:var(--green)}.conn.bad{color:var(--red)}.layout{display:grid;grid-template-columns:minmax(0,1.35fr)minmax(320px,1fr);flex:1;gap:12px;min-height:0;padding:12px}.side{display:flex;flex-direction:column;gap:12px;min-height:0}@media (max-width:1000px){.layout{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:0}.panel-title{display:flex;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);justify-content:space-between;align-items: center;padding:8px 12px;font-size:11.5px;font-weight:600}.tag{text-transform:none;letter-spacing:0;font-weight:400}.tower{overflow:auto}.tower table{border-collapse:collapse;width:100%}.tower th{position:sticky;background:var(--panel);text-align:left;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--line);z-index:1;padding:8px 6px;font-size:11px;font-weight:600;top:0}.tower td{border-bottom:1px solid var(--line);white-space:nowrap;padding:5px 6px}.tower tr{cursor:pointer}.tower tbody tr:hover{background:var(--panel-2)}.tower tr.selected{background:#1f2633}.tower tr.out{opacity:.4}.c-pos{text-align:right;width:28px;font-weight:700}.c-driver{display:flex;align-items: center;gap:8px}.team-bar{border-radius:2px;width:4px;height:18px}.tla{letter-spacing:.04em;font-weight:700}.num{color:var(--muted);font-size:11px}.flag-pill{border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.flag-pill.pit{background:var(--blue);color:#00131f}.flag-pill.out-lap{background:var(--panel-2);color:var(--blue)}.flag-pill.retired{background:var(--red)}.flag-pill.drs{background:var(--green);color:#04140a}.col-gap{color:var(--col-gap)}.col-int{color:var(--col-int)}.col-last{color:var(--col-last)}.col-best{color:var(--col-best)}.t-purple{color:var(--purple)}.t-green{color:var(--green)}.t-yellow{color:var(--text)}.col-last.t-yellow,.col-last.t-none{color:var(--col-last)}.c-sector{min-width:70px}.segments{display:flex;gap:2px;margin-top:3px}.seg{background:#2d333d;border-radius:1px;width:7px;height:4px}.seg-yellow{background:var(--yellow)}.seg-green{background:var(--green)}.seg-purple{background:var(--purple)}.seg-pit{background:var(--blue)}.tyre{display:inline-flex;align-items: center;gap:6px}.tyre-badge{display:inline-grid;border:3px solid;border-radius:50%;place-items: center;width:20px;height:20px;font-size:10px;font-weight:700}.tyre-soft{border-color:#ff3b3b}.tyre-medium{border-color:#ffd12e}.tyre-hard{border-color:#f0f0f0}.tyre-inter{border-color:#3ad15a}.tyre-wet{border-color:#2f8cff}.tyre-unknown{border-color:var(--muted)}.tyre-age{font-family:var(--mono);color:var(--muted);font-size:12px}.map{display:flex;flex-direction:column;flex:1.4;min-height:260px}.map svg{flex:1;width:100%;min-height:0}.map-empty{text-align:center;flex:1.4;padding:24px}.track-outer{fill:none;stroke:#2a303a;stroke-linejoin:round}.track-inner{fill:none;stroke:#3a4250;stroke-linejoin:round}.finish{fill:#fff}.car{cursor:pointer}.car text{fill:var(--text);font-family:var(--font);paint-order:stroke;stroke:#0b0d10;stroke-width:.6em;font-weight:700}.car.in-pit{opacity:.45}.tel-row{display:grid;grid-template-columns:44px 40px 34px 30px 80px 1fr 40px auto;border-bottom:1px solid var(--line);align-items: center;gap:8px;padding:6px 12px}.tel-row .tla{border-left:3px solid;padding-left:6px}.tel-speed{text-align:right;font-size:15px}.bar{background:var(--panel-2);overflow:hidden;border-radius:4px;height:8px}.bar-fill{display:block;height:100%;transition:width .2s linear}.bar-fill.throttle{background:var(--green)}.bar-fill.brake{background:var(--red)}.rc{display:flex;flex-direction:column;flex:1;min-height:160px}.rc ul{list-style:none;overflow:auto;margin:0;padding:0}.rc li{display:grid;grid-template-columns:88px 1fr;border-bottom:1px solid var(--line);border-left:3px solid #0000;gap:8px;padding:6px 12px;font-size:13px}.rc-time{color:var(--muted);font-size:11.5px}.rc-yellow,.rc-double-yellow{border-left-color:var(--yellow)!important}.rc-green,.rc-clear{border-left-color:var(--green)!important}.rc-red{border-left-color:var(--red)!important}.rc-blue{border-left-color:var(--blue)!important}.rc-safetycar{border-left-color:var(--orange)!important}.replay-bar{display:flex;border-top:1px solid var(--line);background:var(--panel);align-items: center;gap:10px;padding:10px 16px}.replay-bar input[type=range]{accent-color:var(--red);flex:1}.replay-bar button,.replay-bar select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);font-family:var(--font);cursor:pointer;border-radius:6px;padding:5px 10px}.replay-bar .status{font-size:12px}.session-bar{display:flex;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items: center;gap:10px;padding:8px 16px}.session-bar button,.session-bar select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);font-family:var(--font);cursor:pointer;border-radius:6px;padding:5px 10px}.session-bar select{max-width:100%}.session-bar button.active{border-color:var(--red);color:#fff}.session-bar button:disabled{opacity:.5;cursor:default}.check{display:inline-flex;color:var(--muted);align-items: center;gap:6px}