:root{color-scheme:dark;--ink:#eff2f5;--muted:#a6adba;--edge:#2b303a;--accent:#d1fb63;--panel:#171b23;font:16px/1.45 Inter,system-ui,sans-serif;background:#101219;color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;font-weight:650;color:var(--ink);background:#222832;border:1px solid var(--edge);border-radius:8px;padding:9px 15px;cursor:pointer}button:hover{border-color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.top{background:#14171e;border-bottom:1px solid var(--edge)}.mast,.heading,.panel-head,.map-foot,.timeline{display:flex;align-items:center;justify-content:space-between;gap:14px}.mast{height:68px}.brand{text-decoration:none;color:var(--ink);font-weight:900;letter-spacing:.11em}.brand span,.eyebrow{color:var(--accent)}.mark{margin-right:10px;font-size:24px;vertical-align:middle}nav{display:flex;gap:5px}nav button{background:transparent;border-color:transparent;color:var(--muted)}nav button[aria-pressed=true]{color:var(--ink);background:#272d38}.heading{margin:38px 0 23px;flex-wrap:wrap}.heading h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.06em;line-height:1.05;margin:5px 0 8px}.heading p{margin:0;color:var(--muted)}.heading .eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.actions{display:flex;gap:8px;flex-wrap:wrap}.primary{background:var(--accent);color:#17200b;border-color:var(--accent)}.grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:16px}.panel{border:1px solid var(--edge);background:var(--panel);border-radius:14px;overflow:hidden}.panel-head{padding:15px 20px;border-bottom:1px solid var(--edge);color:var(--muted);font-size:13px}.panel-head h2{color:var(--ink);font-size:15px;margin:0}.badge{border:1px solid #546436;border-radius:20px;padding:3px 10px;color:var(--accent);font-weight:700}.map svg{display:block;width:100%;background:#141820;height:auto;max-height:400px}#outline,#trail{fill:none;stroke-linecap:round;stroke-linejoin:round}#outline{stroke:#394552;stroke-width:15}#trail{stroke:var(--accent);stroke-width:3}#car{fill:var(--accent);stroke:#171b23;stroke-width:3}.map-foot{padding:12px 20px;color:var(--muted);font-size:12px;flex-wrap:wrap}.map-foot i{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:5px}.speed{text-align:center;padding:21px 12px 16px;color:var(--muted);font-weight:700;letter-spacing:.14em;font-size:12px}.speed strong{display:block;color:var(--accent);font-size:clamp(56px,9vw,100px);letter-spacing:-.085em;line-height:1.05;font-variant-numeric:tabular-nums}.metrics{display:grid;grid-template-columns:1fr 1fr;margin:8px 16px 16px;gap:8px}.metrics div{background:#202630;border-radius:8px;padding:10px 12px}.metrics dt{color:var(--muted);font-size:12px}.metrics dd{margin:0;font-size:19px;font-weight:750}.replay{margin-top:16px}.timeline{padding:12px 20px}.timeline input{flex:1;min-width:50px;accent-color:var(--accent)}#elapsed,#clock{font-variant-numeric:tabular-nums}footer{padding:25px 0;color:var(--muted);font-size:10px;letter-spacing:.15em}footer span{color:var(--accent);padding:0 5px}#notice,.archive p,.archive ul{padding:0 20px;color:var(--muted)}#notice{padding:9px 12px;border-left:2px solid var(--accent);background:var(--panel)}.archive li{list-style:none;margin:8px 0}.archive button{width:100%;text-align:left}
@media(max-width:700px){.shell{width:calc(100% - 28px)}.grid{grid-template-columns:1fr}.heading{margin-top:25px}.mast{height:60px}.timeline{flex-wrap:wrap}.speed strong{font-size:65px}}

.mode,.highlights{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.mode button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.health{color:#ffd8d4;background:#431f24;border:1px solid #b95e62;padding:12px 16px;border-radius:8px}
.highlights{padding:0 16px 12px}
.overlay{background:transparent}
.overlay body{min-height:100vh;display:flex;align-items:end;padding:2vw}
.overlay .top,.overlay .heading,.overlay footer,.overlay .mode,.overlay .replay,.overlay .map-foot,.overlay .health,.overlay #notice,.overlay #spectator-data{display:none!important}
.overlay main{width:clamp(360px,34vw,1360px);margin:0}
.overlay .grid{grid-template-columns:1fr 1fr;gap:0;background:#101219e8;border-radius:14px}
.overlay .panel{background:transparent}
.overlay .speed strong{font-size:clamp(40px,4vw,150px)}
.overlay .map svg{height:100%;max-height:none;background:transparent}
.overlay .map .panel-head{position:relative}
.overlay .map svg{height:auto}
@media(max-width:700px){.overlay main{width:100%}}