*{box-sizing:border-box}
:root{--bg:#0b0e13;--panel:#11161d;--panel2:#151a22;--line:#252c36;--muted:#8e99a8;--text:#eef2f7;--green:#58e58a;--purple:#d35cff;--amber:#d49c35;--blue:#3478d4;--red:#ff7070}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
.wrap{max-width:1380px;margin:0 auto;padding:26px 20px 60px}
.top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #2a3039;padding-bottom:17px;gap:20px}
.brand{font-size:12px;letter-spacing:.22em;color:#9aa4b2;font-weight:700}
h1{margin:5px 0 0;font-size:34px;letter-spacing:-.02em}.event-name{margin-top:7px;color:#798596;font-size:12px;max-width:760px}.live-stack{text-align:right}.badge{display:inline-block;min-width:126px;padding:9px 14px;border-radius:999px;font-weight:800;font-size:12px;text-align:center}.badge.live{background:#123c25;color:#70f3a7}.badge.offline{background:#3b2020;color:#ff8d8d}.source{margin-top:7px;color:#6f7a88;font-size:10px;text-align:right}
.session{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 10px}.session>div{background:linear-gradient(145deg,#151a22,#131820);border:1px solid var(--line);padding:14px 15px;border-radius:9px;min-width:0}.session span,.weather-strip span{display:block;color:#7f8a98;font-size:10px;letter-spacing:.04em;margin-bottom:6px}.session strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.weather-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 14px}.weather-strip>div{background:#0f141b;border:1px solid #202731;border-radius:8px;padding:9px 12px}.weather-strip strong{font-size:13px}.weather-strip>div:nth-child(3) strong,.weather-strip>div:nth-child(4) strong,.weather-strip>div:nth-child(5) strong{color:#91b9dc}
.map-panel{background:radial-gradient(circle at 50% 40%,#151b23 0,#11161d 58%,#0e1319 100%);border:1px solid var(--line);border-radius:10px;margin-bottom:14px;padding:12px 14px 8px;box-shadow:inset 0 0 40px rgba(0,0,0,.18)}.panel-title{display:flex;justify-content:space-between;align-items:center;color:#9aa4b2;font-size:11px;font-weight:700}.panel-title small{color:#687483;font-weight:400}#trackSvg{width:100%;height:330px;display:block}#trackLineShadow{stroke:#080a0e;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;opacity:.9}#trackLine{stroke:#75808e;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.95}.car-dot circle{stroke:#0b0e13;stroke-width:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.car-dot text{fill:#fff;font-size:18px;font-weight:900;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.toggle{display:inline-flex;gap:8px;align-items:center;background:var(--panel2);border:1px solid var(--line);padding:9px 12px;border-radius:8px;color:#aeb8c5;font-size:12px}.toggle input{accent-color:#2fcf79}.button-link,.archive-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #334052;background:#17202b;color:#e8edf4;border-radius:8px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.02em}.button-link:first-of-type{margin-left:auto}
.sector-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#8e99a8;font-size:11px;margin:8px 0 14px}.sector-legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}.legend-purple::before{background:var(--purple)}.legend-green::before{background:var(--green)}.legend-neutral::before{background:#8e99a8}
.panel{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px}.timing-panel{box-shadow:0 10px 35px rgba(0,0,0,.12)}table{width:100%;border-collapse:collapse;min-width:1180px}th,td{padding:11px 10px;border-bottom:1px solid #20262f;text-align:right;font-variant-numeric:tabular-nums}th{color:#8e99a8;font-size:10px;letter-spacing:.04em}th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3){text-align:left}td:first-child{font-weight:800;font-size:16px}.leader-row{background:linear-gradient(90deg,rgba(47,207,121,.055),transparent 30%)}.driver{font-weight:700}.driver-link{cursor:pointer}.driver-link:hover{text-decoration:underline;color:#fff}.car-cell{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader{font-weight:900;color:#fff}.footer-row{display:flex;justify-content:space-between;gap:20px}.foot,.archive-link{color:#747f8d;margin-top:12px;font-size:11px}.archive-link{text-decoration:none}
.status-pill{display:inline-block;min-width:62px;text-align:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em}.status-track{background:#123c25;color:#70f3a7}.status-pit{background:#443315;color:#ffd37a}.status-finished{background:#17344a;color:#83ccff}.status-dnf{background:#3b2020;color:#ff8d8d}.status-dsq{background:#4b1d25;color:#ff7890}
.sector-purple{color:var(--purple);font-weight:900}.sector-green{color:var(--green);font-weight:900}.sector-neutral{color:var(--text)}.sector-empty{color:#66717f}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.74);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.hidden{display:none}.modal-card{position:relative;width:min(900px,100%);max-height:88vh;overflow:auto;background:#141a22;border:1px solid #2b3440;border-radius:12px;padding:24px;box-shadow:0 20px 70px rgba(0,0,0,.5)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.driver-live-stats,.lap-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.driver-stat{background:#0f141a;border:1px solid #252d38;border-radius:8px;padding:10px}.driver-stat span{display:block;color:#7e8998;font-size:9px;margin-bottom:5px}.driver-stat strong{font-size:13px}.lap-summary{grid-template-columns:repeat(3,1fr)}.lap-table{width:100%;min-width:650px}.lap-table th,.lap-table td{padding:9px 8px}.empty{color:#7d8896;padding:10px 0}

/* Archive and detail pages */
.archive-page{max-width:1280px;margin:0 auto;padding:28px 18px 60px}.back-link{display:inline-block;margin:12px 0 18px;color:#91a0b2;text-decoration:none}.archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}.archive-card{background:#11161d;border:1px solid #252c36;border-radius:10px;padding:16px}.archive-card h3{margin:4px 0 12px;font-size:19px}.archive-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;color:#96a2b0;font-size:12px;margin-bottom:14px}.archive-meta strong{color:#edf2f7}.status-open{color:#70f3a7}.status-closed{color:#9ba6b5}.archive-empty{padding:30px;background:#11161d;border:1px solid #252c36;border-radius:10px;color:#7f8a98}.session-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}.session-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.session-summary div{background:#151a22;border:1px solid #252c36;padding:14px;border-radius:8px}.session-summary span{display:block;color:#7f8a98;font-size:11px;margin-bottom:6px}.session-summary strong{font-size:15px}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.click-row{cursor:pointer}.click-row:hover{background:#171e27}.driver-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.stat{background:#151a22;border:1px solid #252c36;border-radius:8px;padding:14px}.stat span{display:block;color:#7f8a98;font-size:11px;margin-bottom:6px}.stat strong{font-size:17px}.badge-small{display:inline-block;padding:4px 8px;border-radius:999px;background:#262e39;color:#aeb8c5;font-size:10px;font-weight:800}

/* Broadcast view: clean capture surface for OBS/browser source. */
body.broadcast-mode .wrap{max-width:1600px;padding:18px 22px 26px}body.broadcast-mode .toolbar,body.broadcast-mode .footer-row,body.broadcast-mode .sector-legend{display:none}body.broadcast-mode .top{padding-bottom:12px}body.broadcast-mode h1{font-size:28px}body.broadcast-mode .event-name{font-size:11px}body.broadcast-mode #trackSvg{height:290px}body.broadcast-mode .map-panel{margin-bottom:10px}body.broadcast-mode .session{margin:12px 0 8px}body.broadcast-mode .weather-strip{margin-bottom:10px}

@media(max-width:900px){.weather-strip{grid-template-columns:repeat(3,1fr)}.driver-live-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{padding:18px 10px 40px}.top{align-items:center}.top h1{font-size:27px}.event-name{max-width:65vw}.session{grid-template-columns:repeat(2,1fr)}.weather-strip{grid-template-columns:repeat(2,1fr)}#trackSvg{height:235px}.button-link:first-of-type{margin-left:0}.session-summary,.stat-grid{grid-template-columns:repeat(2,1fr)}.driver-live-stats,.lap-summary{grid-template-columns:repeat(2,1fr)}}

/* v0.8.0 race-control refinements */
.api-meta{margin-top:4px;color:#667383;font-size:9px;text-align:right;font-variant-numeric:tabular-nums}.api-meta.stale{color:#d49c35}
.start-finish line{stroke:#f2f5f8;stroke-width:4;stroke-dasharray:5 4}.start-finish text{fill:#cfd6df;font-size:10px;font-weight:800;letter-spacing:.05em;text-anchor:middle}.direction-arrow{fill:#58e58a;stroke:#0b0e13;stroke-width:2;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6))}.car-label{fill:#dfe6ee!important;font-size:11px!important;font-weight:800!important;text-anchor:start!important;dominant-baseline:middle!important;paint-order:stroke;stroke:#0b0e13;stroke-width:4px;stroke-linejoin:round}.selected-car circle{stroke:#fff!important;stroke-width:5!important}.top-2-row{background:linear-gradient(90deg,rgba(93,143,232,.045),transparent 28%)}.top-3-row{background:linear-gradient(90deg,rgba(203,124,72,.045),transparent 28%)}.gap-cell{font-weight:700;color:#cbd3dd}.modal-subtitle{margin:14px 0 8px;color:#8e99a8;font-size:10px;font-weight:800;letter-spacing:.08em}.lap-table-wrap{overflow-x:auto}.driver-modal-card{width:min(1050px,100%)}.driver-live-stats{grid-template-columns:repeat(4,1fr)}.lap-summary{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.driver-live-stats,.lap-summary{grid-template-columns:repeat(2,1fr)}.car-label{display:none}}


/* v0.9.0 Hotlaps */
.hotlap-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hotlap-actions .button-link:first-of-type{margin-left:0}.hotlap-summary-grid{grid-template-columns:repeat(4,1fr)}.hotlap-note{margin:0 0 14px;padding:11px 13px;border:1px solid #243140;background:#10161e;border-radius:8px;color:#8f9baa;font-size:11px;line-height:1.5}.hotlap-panel{box-shadow:0 10px 35px rgba(0,0,0,.12)}.hotlap-table{min-width:1050px}.hotlap-table th:nth-child(4),.hotlap-table td:nth-child(4){text-align:center}.hotlap-time{font-weight:800}.hotlap-date{color:#8793a1;font-size:11px;white-space:nowrap}.hotlap-best-row{background:linear-gradient(90deg,rgba(211,92,255,.075),transparent 36%)}.hidden-hotlap{display:none}.historic-filter{display:flex;align-items:center;gap:12px;margin:18px 0 4px}.historic-filter label{color:#7f8a98;font-size:10px;font-weight:800;letter-spacing:.06em}.historic-filter select{min-width:320px;max-width:100%;background:#151a22;color:#eef2f7;border:1px solid #2b3542;border-radius:8px;padding:10px 12px;font-weight:700}.hotlaps-page h1{margin-bottom:3px}
@media(max-width:760px){.hotlap-summary-grid{grid-template-columns:repeat(2,1fr)}.hotlap-actions{margin-top:10px}.historic-filter{align-items:stretch;flex-direction:column}.historic-filter select{min-width:0;width:100%}}


/* v0.10.0 Prequalify */
.prequal-admin-button{font-family:inherit;cursor:pointer}.prequal-note strong{color:#ffcf70}.prequal-note code{color:#a9c7e8}
.prequal-table{min-width:1280px}.prequal-table th:nth-child(n+4),.prequal-table td:nth-child(n+4){text-align:center}
.prequal-qualified-row{background:linear-gradient(90deg,rgba(47,207,121,.08),transparent 42%)}.prequal-average{font-weight:900;color:#fff}.prequal-lap-ok{color:#dce7f2;font-weight:700}
.prequal-status{display:inline-block;min-width:132px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.03em}.prequal-status.qualified{background:#123c25;color:#62f099}.prequal-status.working{background:#282f39;color:#adb8c5}
.prequal-validation-ok{color:#62f099!important}.prequal-validation-bad{color:#ff7979!important}
.prequal-admin-card{width:min(650px,100%)}.prequal-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.prequal-form label{display:flex;flex-direction:column;gap:7px}.prequal-form label span{color:#8e99a8;font-size:10px;font-weight:800;letter-spacing:.04em}.prequal-form input{background:#0e1319;border:1px solid #2c3541;border-radius:8px;color:#eef2f7;padding:11px 12px;font:inherit}.prequal-form .prequal-check{grid-column:1/-1;flex-direction:row;align-items:center}.prequal-form .prequal-check input{width:auto;accent-color:#2fcf79}.prequal-admin-actions{display:flex;gap:10px;flex-wrap:wrap}.prequal-primary{background:#163925;border-color:#24583a}.prequal-danger{background:#3b2020;border-color:#633030}.prequal-admin-message{margin-top:12px;min-height:18px;color:#aab5c2;font-size:12px}.prequal-admin-message.ok{color:#62f099}.prequal-admin-message.error{color:#ff7979}
@media(max-width:760px){.prequal-form{grid-template-columns:1fr}.prequal-form .prequal-check{grid-column:auto}}