:root{--bg:#090d13;--panel:#111821;--panel2:#0d141c;--line:#25313d;--muted:#81909e;--text:#edf2f6;--red:#e10600;--green:#55d69a;--yellow:#f3c969;--mono:"DM Mono",monospace;--display:"Barlow Condensed",sans-serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#1b2734 0,#090d13 55%);color:var(--text);font-family:var(--sans);min-height:100vh}.app-shell{max-width:1600px;margin:auto;padding:0 28px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.brand-mark{font:900 25px var(--display);font-style:italic;color:white;background:var(--red);padding:2px 8px 1px 5px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.brand-name{font:800 22px var(--display);letter-spacing:2px}.brand-name span{color:var(--red)}.session-block{display:flex;align-items:center;gap:12px}.live-indicator{width:9px;height:9px;border-radius:50%;background:#697681;box-shadow:0 0 0 4px #69768122}.live-indicator.connected{background:var(--green);box-shadow:0 0 0 4px #55d69a22;animation:pulse 1.8s infinite}.live-indicator.error{background:var(--red)}@keyframes pulse{50%{box-shadow:0 0 0 7px #55d69a08}}.eyebrow{font:500 10px var(--mono);letter-spacing:1.6px;color:var(--muted)}.session-title{font:700 17px var(--display);letter-spacing:1px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:16px}.season-tag,.subtle-tag,.panel-count{font:500 10px var(--mono);letter-spacing:1px;color:#a7b4bf;border:1px solid var(--line);padding:7px 9px}.icon-button{border:1px solid var(--line);background:#131d27;color:#fff;font-size:22px;width:35px;height:35px;border-radius:4px;cursor:pointer}.icon-button:hover{border-color:var(--red);color:#fff}.race-strip{display:grid;grid-template-columns:1.25fr .8fr .7fr .8fr .9fr 1.2fr;align-items:center;background:#101720;border:1px solid var(--line);margin:18px 0;padding:13px 17px;gap:12px}.status-value{font:700 14px var(--display);letter-spacing:.8px;margin-top:5px}.status-dot{display:inline-block;width:7px;height:7px;background:#697681;border-radius:50%;margin:0 8px 1px 0}.metric-value{font:700 21px var(--display);margin-top:2px}.link-state{text-align:right}.state-pill{font:600 9px var(--mono);letter-spacing:1px;border:1px solid #44515d;border-radius:2px;padding:5px 7px;color:#aeb9c3}.state-pill.ok{color:var(--green);border-color:#2b7556}.state-pill.bad{color:#ff7772;border-color:#8d302d}.updated{display:block;font:10px var(--mono);color:var(--muted);margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px}.panel{background:linear-gradient(145deg,#121b25,#0e151d);border:1px solid var(--line);border-radius:5px;min-width:0;overflow:hidden}.timing-panel{grid-row:span 2}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 17px 13px;border-bottom:1px solid #202b36}.panel-heading h1,.panel-heading h2{font:700 23px var(--display);letter-spacing:.4px;margin:3px 0 0}.panel-heading h1{font-size:27px}.panel-count{font-size:9px;padding:5px 7px}.table-wrap{overflow:auto}.timing-table{width:100%;border-collapse:collapse;white-space:nowrap}.timing-table th{text-align:left;color:#788896;font:500 9px var(--mono);letter-spacing:.7px;padding:12px 9px;border-bottom:1px solid var(--line)}.timing-table th:first-child,.timing-table td:first-child{padding-left:16px}.timing-table td{font:11px var(--mono);padding:10px 9px;border-bottom:1px solid #1c2731;color:#dce4eb}.timing-table tbody tr:not(.empty-row):hover{background:#192431}.pos{font:700 16px var(--display)!important;color:#fff!important}.driver-cell{display:flex;align-items:center;gap:8px;font:700 12px var(--sans)!important}.team-bar{width:3px;height:20px;background:var(--team,#8995a0);border-radius:3px}.empty-row td{text-align:center;padding:65px 12px!important}.empty-row strong,.empty-row small{display:block}.empty-row strong{font:700 17px var(--display);margin:10px 0 4px}.empty-row small{font:11px var(--sans);color:var(--muted);white-space:normal}.empty-symbol{font-size:25px;color:#607080}.panel-foot{display:flex;justify-content:space-between;padding:11px 15px;color:#637280;font:9px var(--mono);letter-spacing:.5px}.circuit-panel{grid-column:span 2}.track-stage{padding:6px 15px 13px}.track-art{width:100%;height:255px}.track-shadow{fill:none;stroke:#202c38;stroke-width:31;stroke-linecap:round;stroke-linejoin:round}.track-line{fill:none;stroke:#8795a3;stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.track-center{fill:none;stroke:#17212b;stroke-width:2;stroke-dasharray:5 7}.track-placeholder{fill:#dce5ed;font:700 18px var(--display);letter-spacing:1px}.track-subtitle{fill:#8493a1;font:11px var(--mono)}.start-dot{fill:var(--red);stroke:#fff;stroke-width:2}.track-legend{display:flex;gap:20px;justify-content:center;color:#8795a3;font:10px var(--mono)}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.red{background:var(--red)}.legend-dot.green{background:var(--green)}.telemetry-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:19px 23px 14px}.telemetry-wheel{width:43px;height:43px;border:1px solid #394957;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#91a0ad;margin-bottom:9px}.telemetry-empty strong,.radio-empty strong{font:700 16px var(--display)}.telemetry-empty p,.radio-empty p{font-size:10px;line-height:1.55;color:var(--muted);max-width:330px;margin:6px auto 0}.telemetry-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.telemetry-grid div{padding:11px 8px;text-align:center;border-right:1px solid var(--line)}.telemetry-grid div:last-child{border:0}.telemetry-grid span{display:block;color:#788896;font:9px var(--mono);letter-spacing:.6px}.telemetry-grid b{font:700 18px var(--display)}.telemetry-grid small{font:9px var(--mono);color:var(--muted)}.message-list{max-height:205px;overflow:auto}.message-empty{padding:32px 15px;text-align:center;color:var(--muted);font-size:11px}.race-message{padding:10px 14px;border-bottom:1px solid #202b36;display:grid;grid-template-columns:62px 1fr;gap:10px}.race-message time{font:10px var(--mono);color:#8292a0}.race-message p{font-size:11px;margin:0;line-height:1.45}.radio-empty{display:flex;align-items:center;gap:13px;padding:22px 17px}.radio-icon{height:38px;width:38px;display:grid;place-items:center;background:#1c2732;border-radius:50%;font-size:20px;color:#e3eaf0}.radio-empty p{margin:4px 0 0;max-width:none}.radio-list{max-height:130px;overflow:auto}.radio-item{padding:9px 15px;border-top:1px solid #202b36;display:flex;align-items:center;justify-content:space-between;font-size:11px}.radio-item audio{max-width:180px;height:28px}.diagnostic-row{display:flex;justify-content:space-between;padding:11px 15px;border-bottom:1px solid #202b36;font-size:10px;color:#9ba9b6}.diagnostic-row b{font:500 9px var(--mono);color:var(--yellow)}.diagnostic-row b.good{color:var(--green)}.diagnostic-note{font-size:10px;line-height:1.55;color:var(--muted);padding:0 15px 14px}footer{display:flex;justify-content:space-between;padding:22px 2px 28px;color:#657482;font:9px var(--mono);letter-spacing:.7px}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr 1fr}.timing-panel{grid-row:span 2}.circuit-panel{grid-column:span 2}.race-strip{grid-template-columns:repeat(3,1fr)}.link-state{text-align:left}}@media(max-width:700px){.app-shell{padding:0 12px}.topbar{height:66px}.season-tag{display:none}.session-block{margin-left:auto;margin-right:12px}.session-title{font-size:14px}.dashboard-grid{grid-template-columns:1fr}.timing-panel{grid-row:auto}.circuit-panel{grid-column:auto}.race-strip{grid-template-columns:repeat(2,1fr);padding:12px}.link-state{text-align:left}.track-art{height:210px}.panel-heading{padding:14px}.timing-table th{font-size:8px}.timing-table td{padding:9px 7px;font-size:10px}footer{gap:10px;flex-direction:column}}