*{box-sizing:border-box}body{color:#eee;background:#111;margin:0;font-family:system-ui,sans-serif}.app{flex-direction:column;height:100vh;display:flex}header{background:#1c1c1c;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}header h1{color:#e10600;letter-spacing:1px;margin:0;font-size:18px}header select,header button{color:#eee;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:6px 10px;font-size:13px}header button:disabled{opacity:.6;cursor:wait}header input[type=range]{accent-color:#e10600;flex:1;min-width:120px}.tabs{gap:0;display:flex}.tabs button{border-radius:0}.tabs button:first-child{border-radius:4px 0 0 4px}.tabs button:last-child{border-left:none;border-radius:0 4px 4px 0}.tabs button.active{color:#fff;background:#e10600;border-color:#e10600}.clock{font-variant-numeric:tabular-nums;color:#aaa;font-size:13px}.flag{color:#111;letter-spacing:.5px;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:700}.error{color:#ff6b6b;padding:0 16px}.hint{color:#999;max-width:60ch;padding:24px 16px}.main{flex:1;min-height:0;display:flex}.leaderboard{background:#181818;border-right:1px solid #2a2a2a;flex-shrink:0;width:510px;padding:0 0 6px;overflow-y:auto}.leaderboard table{border-collapse:collapse;width:100%;font-size:12px}.leaderboard th{color:#666;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;background:#181818;border-bottom:1px solid #2a2a2a;padding:5px 6px 3px;font-size:10px;font-weight:700;position:sticky;top:0}.leaderboard th.gap,.leaderboard th.int,.leaderboard th.lap-time,.leaderboard th.pit-count{text-align:right}.leaderboard td{white-space:nowrap;padding:3px 6px}.leaderboard .pos{color:#888;text-align:right;font-variant-numeric:tabular-nums;width:22px}.leaderboard .tag{text-align:center;letter-spacing:.5px;border-radius:3px;width:36px;padding:2px 0;font-size:11px;font-weight:700;display:inline-block}.leaderboard .lap{color:#888;font-variant-numeric:tabular-nums}.leaderboard .gap{color:#ccc;text-align:right;font-variant-numeric:tabular-nums}.leaderboard .tyre{white-space:nowrap;font-size:11px;font-weight:700}.tyre-icon{vertical-align:middle}.leaderboard .tyre .age{color:#888;font-variant-numeric:tabular-nums;margin-left:2px;font-size:10px;font-weight:400}.leaderboard .int{text-align:right;color:#999;font-variant-numeric:tabular-nums;font-size:11px}.leaderboard .int .drs{color:#2ecc71;border:1.5px solid #2ecc71;border-radius:9px;padding:1px 5px;font-weight:700}.leaderboard .int .box{color:#f39c12;font-size:10px;font-weight:700}.leaderboard .sectors{white-space:nowrap}.sector-block{border-radius:2px;width:11px;height:8px;margin-right:2px;display:inline-block}.leaderboard .lap-time{text-align:right;color:#ccc;font-variant-numeric:tabular-nums;width:58px;font-size:11px}.leaderboard .lap-time.best{color:#888}.leaderboard .lap-time .pb{color:#2ecc71}.leaderboard .lap-time .ob{color:#b455ff;font-weight:700}.leaderboard .pit-count{text-align:right;color:#999;font-variant-numeric:tabular-nums;width:24px;font-size:11px}.leaderboard .tl-slot{white-space:nowrap;width:32px}.tl-notch{vertical-align:middle;background:#f1c40f;width:3px;height:9px;margin-right:2px;display:inline-block}.leaderboard .tl-text{color:#f1c40f;font-size:10px;font-weight:700}.leaderboard .pen-slot{white-space:nowrap;width:38px}.leaderboard .pen{text-align:center;color:#fff;background:#c0392b;border-radius:3px;width:34px;padding:1px 0;font-size:10px;font-weight:700;display:inline-block}.leaderboard tr.out{opacity:.4}.leaderboard tbody tr{cursor:pointer}.leaderboard tr.focus{background:#24242c;outline:1px solid #3a3a4a}.feed{background:#181818;border-left:1px solid #2a2a2a;flex-shrink:0;width:300px;padding:0 8px 6px;font-size:11px;overflow-y:auto}.feed-header{color:#666;text-transform:uppercase;letter-spacing:.5px;background:#181818;border-bottom:1px solid #2a2a2a;padding:5px 0 3px;font-size:10px;font-weight:700;position:sticky;top:0}.feed-empty{color:#666;padding:8px 0}.feed-item{border-bottom:1px solid #202020;align-items:baseline;gap:6px;padding:4px 0;display:flex}.feed-time{color:#666;font-variant-numeric:tabular-nums;flex:none;width:46px}.feed-flag{border-radius:2px;flex:none;align-self:center;width:8px;height:8px}.feed-msg{color:#bbb;min-width:0;line-height:1.35}.feed .tag{text-align:center;letter-spacing:.5px;border-radius:3px;flex:none;width:36px;font-weight:700;display:inline-block}.feed-play{color:#ddd;cursor:pointer;background:0 0;border:1px solid #444;border-radius:3px;padding:1px 8px;font-size:10px}.feed-play:hover{border-color:#888}.feed-focus{color:#b455ff;text-transform:none;letter-spacing:0}.live-toggle{color:#e74c3c;letter-spacing:.5px;font-weight:700}.live-toggle.active{color:#fff;background:#e74c3c}.live{flex-direction:column;flex:1;min-height:0;display:flex}.live-bar{color:#ccc;border-bottom:1px solid #2a2a2a;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:flex}.live-dot{color:#e74c3c;animation:1.6s infinite live-pulse}@keyframes live-pulse{50%{opacity:.35}}.live-off{color:#888}.hint-inline{color:#666}.live-label{color:#666;font-size:11px}.live-lapcount{color:#ccc;font-variant-numeric:tabular-nums}.error-inline{color:#e74c3c;font-size:11px}.live-main{flex:1;min-height:0;display:flex}.tower{background:#181818;border-right:1px solid #2a2a2a;flex-shrink:0;width:620px;overflow-y:auto}.tower table{border-collapse:collapse;width:100%;font-size:12px}.tower th{color:#666;text-transform:uppercase;text-align:left;background:#181818;border-bottom:1px solid #2a2a2a;padding:5px 6px 3px;font-size:10px;font-weight:700;position:sticky;top:0}.tower td{white-space:nowrap;padding:2px 6px}.tower tr.row-last td{border-top:1px solid #242424;padding-top:4px}.tower tr.row-best td{padding-bottom:5px}.tower .t-label{color:#555;letter-spacing:.5px;width:30px;font-size:9px;font-weight:700}.tower .t-int{color:#999;font-size:10.5px}.tower .tyre-cell .age{color:#888;font-variant-numeric:tabular-nums;margin-left:3px;font-size:10px}.tower .tyre-cell .tyre-icon{vertical-align:middle}.tower .pos{color:#888;text-align:right;font-variant-numeric:tabular-nums;width:20px}.tower .tag{text-align:center;letter-spacing:.5px;border-radius:3px;width:36px;font-weight:700;display:inline-block}.tower .t-num{text-align:right;font-variant-numeric:tabular-nums;color:#ddd;font-size:11.5px}.tower th.t-num{text-align:right}.tower .t-best{color:#999}.tower .t-sec{color:#bbb;font-size:10.5px}.tower .t-laps{color:#888;font-size:10.5px}.tower .lt-pb{color:#2ecc71}.tower .lt-ob{color:#b455ff;font-weight:700}.tower .box{color:#f39c12;font-size:10px;font-weight:700}.tower .pit-out{color:#888;font-size:10px}.tower tr.out{opacity:.4}.sec-stack{vertical-align:bottom}.sec-stack .ms-group{margin-bottom:2px;line-height:0;display:block}.ms-group{white-space:nowrap;text-align:right}.ms-group i{border-radius:1px;width:4px;height:8px;margin-left:1.5px;display:inline-block}.quali-tower{width:560px}.quali-clock{box-sizing:border-box;z-index:2;background:#181818;border-bottom:1px solid #2a2a2a;align-items:center;gap:4px;height:28px;padding:0 8px;display:flex;position:sticky;top:0}.leaderboard .quali-clock+table th{top:28px}.lap-counter{color:#eee;letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.quali-clock.inline{border-bottom:none;padding:0;display:inline-flex;position:static}.q-part{color:#555;letter-spacing:.5px;background:#222;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:700}.q-part.done{color:#777;text-decoration:line-through}.q-part.active{color:#fff;background:#e10600}.q-remaining{color:#eee;font-variant-numeric:tabular-nums;margin-left:6px;font-size:13px;font-weight:700}.q-remaining.paused{color:#777}.tower tr.q-elim{opacity:.45}.elim-tag{color:#c96;letter-spacing:.4px;font-size:9px;font-weight:700}.out-reason{color:#a55;font-size:9.5px;font-style:italic}.live-map{flex:1;width:100%;min-width:0;min-height:0}tr.ot-up td,tr.ot-down td{animation:.9s cubic-bezier(.22,1,.36,1) both ot-slide;position:relative}tr.ot-up td{z-index:1}@keyframes ot-slide{0%{transform:translateY(var(--ot-slide,0px))}to{transform:translateY(0)}}.site-footer{color:#666;background:#161616;border-top:1px solid #2a2a2a;padding:6px 16px;font-size:10.5px;line-height:1.5}.site-footer a{color:#888}.demo-badge{color:#111;letter-spacing:.5px;white-space:nowrap;background:#b455ff;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700}.weather{color:#bbb;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:3px;font-size:11px;display:inline-flex}.weather em{color:#666;margin-right:4px;font-size:9px;font-style:normal}.weather .wind{color:#888;font-size:12px;display:inline-block}.weather .rain{color:#fff;background:#2471a3;border-radius:3px;margin-left:4px;padding:1px 5px;font-size:9px;font-weight:700}.charts{flex:1;padding:12px 16px;overflow-y:auto}.lap-chart{background:#181818;border:1px solid #262626;border-radius:4px;width:100%;display:block}.gap-pickers{color:#888;align-items:center;gap:8px;margin:4px 0 8px;font-size:12px;display:flex}.gap-pickers .tag{text-align:center;border-radius:3px;width:36px;font-size:12px;font-weight:700;display:inline-block}.track-map{touch-action:none;cursor:grab;flex:1;width:100%;min-width:0;min-height:0}.track-map:active{cursor:grabbing}.compare{flex:1;padding:12px 16px;overflow-y:auto}.compare-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.lap-picker{border:1px solid;border-radius:5px;gap:6px;padding:4px;display:inline-flex}.lap-picker select{color:#eee;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:4px 6px;font-size:12px}.vs{color:#888;font-size:12px}.legend{gap:16px;margin-left:auto;font-size:12px;display:flex}.chart{margin-bottom:10px}.chart-label{color:#aaa;margin-bottom:2px;font-size:12px}.chart-label span{color:#666}.chart svg{background:#181818;border:1px solid #2a2a2a;border-radius:4px;width:100%;display:block}.chart .grid{stroke:#2a2a2a;stroke-width:1px}.chart .grid.zero{stroke:#4a4a4a}.axis-note{color:#666;font-size:11px}.m-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.m-panel .leaderboard,.m-panel .tower{border-right:none;width:100%;overflow-x:auto}.m-panel .track-map{flex:1;min-height:0}.m-panel .feed{border-left:none;width:100%}.m-panel .charts,.m-panel .compare{overflow-y:visible}.m-nav{background:#1c1c1c;border-top:1px solid #2a2a2a;flex-shrink:0;display:flex}.m-nav button{color:#888;letter-spacing:.5px;text-transform:uppercase;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));cursor:pointer;background:0 0;border:none;flex:1;font-size:10.5px;font-weight:700}.m-nav button.active{color:#fff;box-shadow:inset 0 2px #e10600}@media (width<=820px){header{gap:6px;padding:8px 10px}header h1{font-size:16px}header select,header button{padding:5px 8px;font-size:12px}header input[type=range]{flex-basis:100%;order:10}.clock{font-size:11px}header .weather em,.leaderboard:not(.tower) th:nth-child(n+9),.leaderboard:not(.tower) td:nth-child(n+9){display:none}.leaderboard table,.tower table{font-size:11px}.live-main{flex-direction:column}.tower{border-right:none;width:100%;max-height:55vh}.quali-tower{width:100%}.live-map{min-height:240px}}