:root{--bg: #0d2830;--panel: rgba(9, 30, 37, .86);--panel-solid: #0a222a;--line: rgba(233, 230, 223, .13);--ink: #f2efe9;--muted: rgba(242, 239, 233, .52);--accent: #ef6d8a;--gold: #d9a441;--data: #4fc3d9;--aggressive: #ef6d8a;--balanced: #d9a441;--conservative: #4fc3d9;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{overflow-x:hidden;overflow-y:auto}#app{display:grid;grid-template-columns:296px 1fr 326px;grid-template-rows:58px 1fr;grid-template-areas:"status status status" "order  hero   side";width:100%;height:100vh;gap:12px;padding:12px}#status{grid-area:status;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.brand strong{letter-spacing:.2em;font-size:15px}.brand span{display:block;font-size:10.5px;color:var(--muted);letter-spacing:.1em;margin-top:2px}#staleFlag{display:inline-block;margin-top:4px;color:var(--accent);border:1px dashed var(--accent);border-radius:6px;padding:2px 8px}#staleFlag.hidden{display:none}.hud{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}.hlabel{font-size:9.5px;letter-spacing:.2em;color:var(--muted)}.hval{font-size:22px;font-weight:700;margin-right:16px}.hval.accent{color:var(--accent);font-size:16px}#lap{color:var(--gold)}#raceKind{display:flex;flex-direction:column;gap:2px;margin-left:20px}#raceKindLabel{font-size:15px;letter-spacing:.06em}#raceKind span{font-size:10.5px;color:var(--muted);letter-spacing:.1em}#raceKind.grand #raceKindLabel{color:var(--gold)}.transport{display:flex;gap:6px;margin-left:auto}.transport button{width:38px;height:30px;border-radius:8px;cursor:pointer;background:#ffffff12;color:var(--ink);border:1px solid var(--line);font-size:12px;line-height:1}.transport button:hover{background:#ffffff26}.transport button.paused{background:var(--accent);color:#0d2830;border-color:var(--accent)}#order{grid-area:order;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;overflow:hidden;display:flex;flex-direction:column}h2{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-weight:600}#board{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column}#board li{flex:1;display:grid;grid-template-columns:28px 11px 1fr 22px 66px;align-items:center;gap:9px;padding:0 7px;border-radius:8px;font-size:15px}#board li+li{border-top:1px solid rgba(255,255,255,.05)}#board li.human{background:#ef6d8a1a}#board li.hero{box-shadow:inset 0 0 0 1px var(--gold)}#board li{cursor:pointer}#board li:hover{background:#ffffff12}#board li.out{opacity:.32}.pos{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;font-weight:700}.chip{width:10px;height:10px;border-radius:3px}.nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gap{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);text-align:right}.tyre{font-size:9px;font-weight:800;text-align:center;border-radius:4px;padding:2px 0}.t-soft{background:var(--accent);color:#0d2830}.t-medium{background:var(--gold);color:#0d2830}.t-hard{background:#e9e6df;color:#0d2830}#yourRow{margin-top:auto;padding-bottom:2px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}#yourRow b{color:var(--ink)}#hero{grid-area:hero;position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}#stage{position:absolute;inset:0}#stage canvas{display:block}.label-layer{position:absolute;top:0;left:0;pointer-events:none}#nowShowing.hidden{display:none}#nowShowing{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:9px;background:#091e25d9;backdrop-filter:blur(10px);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:9px;padding:8px 14px;font-size:13px;letter-spacing:.04em}#nowShowing i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}#replayFrame{position:absolute;border:2px solid var(--accent);border-radius:10px;overflow:hidden;pointer-events:none;box-shadow:0 10px 34px #00000080}#replayFrame.hidden{display:none}.replayBadge{display:flex;align-items:center;gap:7px;padding:5px 10px;background:var(--accent);color:#0d2830;font-size:10.5px;font-weight:800;letter-spacing:.16em}.replayBadge i{width:6px;height:6px;border-radius:50%;background:#0d2830;animation:pulse 1.1s ease-in-out infinite}.replayBadge span{font-weight:600;letter-spacing:.02em;text-transform:none;font-size:11.5px;margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replayBar{height:3px;background:#0d283066}.replayBar i{display:block;height:100%;width:0;background:#0d2830}#camBar{position:absolute;top:12px;right:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.camGroup{display:flex;gap:2px;padding:3px;background:#091e25d1;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:9px}.camGroup button{min-width:34px;height:28px;padding:0 9px;background:transparent;color:var(--ink);border:0;border-radius:6px;cursor:pointer;font-size:11.5px;letter-spacing:.02em}.camGroup button:hover{background:#ffffff21}.camGroup button.on{background:var(--gold);color:#0d2830;font-weight:700}#followTag{position:absolute;left:16px;bottom:58px;display:flex;align-items:center;gap:10px;background:#091e25e0;backdrop-filter:blur(10px);border:1px solid var(--line);border-left:3px solid var(--data);border-radius:9px;padding:7px 8px 7px 14px;font-size:13px}#followTag.hidden{display:none}#followTag button{width:22px;height:22px;border-radius:6px;cursor:pointer;background:#ffffff1a;color:var(--ink);border:1px solid var(--line);font-size:10px;line-height:1}#stage canvas{cursor:pointer}#stinger{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;background:linear-gradient(to top,#091e25f7,#091e2500);display:flex;align-items:baseline;gap:16px;animation:rise .28s ease}#stinger.hidden{display:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}#stingerHead{font-size:30px;font-weight:800;letter-spacing:.06em;color:var(--accent)}#stingerDetail{font-size:17px;color:var(--ink)}#result{position:absolute;inset:0;z-index:5;background:#081a20ed;backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:center;padding:44px 56px;gap:8px;animation:rise .4s ease}#result.hidden{display:none}#result h3{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.prow-podium{display:grid;grid-template-columns:54px 16px 1fr 130px;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.prow-podium .ppos{font-size:30px;font-weight:800;color:var(--gold)}.prow-podium .pname{font-size:26px;font-weight:700}.prow-podium .pmeta{text-align:right;font-size:12px;color:var(--muted)}.prow-podium .pchip{width:16px;height:16px;border-radius:4px}#resultProfiles{margin-top:18px;display:flex;flex-direction:column;gap:7px}.rprofile{font-size:14px;color:var(--ink)}.rprofile b{color:var(--data)}#nextRace{margin-top:22px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}#side{grid-area:side;display:grid;grid-template-rows:1fr 1fr;gap:12px;min-height:0}.slot{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.slotBody{flex:1;position:relative;min-height:0;overflow:hidden}#minimap{position:absolute;inset:0;width:100%;height:100%}#minimap.hidden,#insetHtml.hidden{display:none}.empty,.pnote{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 0}.fight{flex:0 0 auto;display:grid;grid-template-columns:34px 1fr 54px 1fr;align-items:center;gap:8px;padding:9px 0;font-size:13px}.fight+.fight{border-top:1px solid rgba(255,255,255,.06)}.fpos{color:var(--muted);font-weight:700}.fname{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.fname i{width:8px;height:8px;border-radius:2px;flex:none}.fgap{text-align:center;color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}#insetHtml{height:100%;display:flex;flex-direction:column}.strat{flex:1;display:grid;grid-template-columns:20px 1fr 20px 52px 46px;align-items:center;gap:8px;font-size:13px}.spos{color:var(--muted);font-weight:700}.sname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wear{height:5px;background:#ffffff24;border-radius:3px;overflow:hidden}.wear i{display:block;height:100%;background:linear-gradient(90deg,var(--data),var(--accent))}.sdue{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--gold);text-align:right}.shead{display:flex;align-items:center;gap:9px;margin-bottom:3px}.shead strong{font-size:17px}.schip{width:12px;height:12px;border-radius:3px}.spos-big{margin-left:auto;font-size:19px;font-weight:800;color:var(--gold)}.ssub{font-size:11px;color:var(--muted);margin-bottom:12px}.arow{display:grid;grid-template-columns:62px 1fr 24px;align-items:center;gap:8px;margin-bottom:6px;font-size:11px}.alabel{color:var(--muted);text-transform:capitalize}.abar{height:6px;background:#ffffff21;border-radius:3px;overflow:hidden}.abar i{display:block;height:100%;background:var(--data)}.aval{text-align:right;font-variant-numeric:tabular-nums}.sfoot{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.sfoot b{color:var(--ink);font-size:13px}.prow{display:grid;grid-template-columns:9px 1fr 72px 38px;align-items:center;gap:9px;margin-bottom:8px;font-size:12.5px}.pers{width:9px;height:9px;border-radius:50%}.pers.big{width:14px;height:14px}.p-aggressive{background:var(--aggressive)}.p-balanced{background:var(--balanced)}.p-conservative{background:var(--conservative)}.pbar{height:6px;background:#ffffff21;border-radius:3px;overflow:hidden}.pbar i{display:block;height:100%;background:var(--gold)}.ppct{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:11.5px}.profile h3{margin:4px 0 8px;font-size:24px;color:var(--data);letter-spacing:-.01em}.profile strong{font-size:12px;color:var(--muted);font-weight:500;display:block;margin-top:8px}.profile p{font-size:12.5px;line-height:1.55;color:var(--ink);margin:0}.car-marker{position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none;white-space:nowrap}.car-marker .tag{font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px 6px;border-radius:999px;color:#0d2830;background:var(--car-colour, #fff);box-shadow:0 2px 10px #00000073;transform:translateY(-6px)}.car-marker .dot{display:none}.car-marker.as-blip{flex-direction:column;gap:2px}.car-marker.as-blip .dot{display:block;width:11px;height:11px;border-radius:50%;background:var(--car-colour, #fff);border:1.5px solid rgba(13,40,48,.85);box-shadow:0 0 0 1px #ffffff40,0 2px 6px #00000080}.car-marker.as-blip .tag{transform:none;font-size:10px;padding:1px 5px}.car-marker.as-blip.is-human .dot{width:13px;height:13px;box-shadow:0 0 0 2px var(--ink),0 2px 6px #00000080}.car-marker.as-blip.is-leader .dot{width:15px;height:15px;box-shadow:0 0 0 2px var(--gold),0 0 14px 2px #d9a44199}@media (max-width: 1280px){html,body{overflow-y:auto}#app{height:auto;min-height:100vh;grid-template-columns:274px 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"status status" "order  hero" "side   side"}#hero{min-height:62vh}#order{min-height:460px}#side{grid-template-rows:none;grid-template-columns:1fr 1fr}.slot{min-height:250px}}@media (max-width: 880px){#app{grid-template-columns:1fr;grid-template-areas:"status" "hero" "order" "side";padding:10px;gap:10px}#hero{min-height:54vh}#order{min-height:420px}#side{grid-template-columns:1fr}#status{height:auto;padding:12px 14px}.hval{font-size:18px;margin-right:10px}#result{padding:28px 24px}.prow-podium{grid-template-columns:44px 14px 1fr 104px}.prow-podium .pname{font-size:20px}.prow-podium .ppos{font-size:24px}}#toggleControls{position:fixed;right:16px;bottom:16px;z-index:20;width:32px;height:32px;border-radius:9px;background:var(--panel-solid);color:var(--ink);border:1px solid var(--line);cursor:pointer;font-size:14px}#controls{position:fixed;right:16px;bottom:58px;z-index:20;width:248px;background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;padding:14px}#controls.hidden{display:none}#controls label{display:block;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}#controls label:first-child{margin-top:0}#controls input[type=range]{width:100%;accent-color:var(--accent)}.btns{display:flex;flex-wrap:wrap;gap:5px}.btns button{flex:1 1 auto;padding:6px 9px;font-size:11px;background:#ffffff12;color:var(--ink);border:1px solid var(--line);border-radius:7px;cursor:pointer;text-transform:capitalize}.btns button:hover{background:#ffffff24}.btns button.on{background:var(--accent);color:#0d2830;border-color:var(--accent);font-weight:700}