:root{color-scheme:dark;--bg: #06070c;--bg-top: #101621;--panel: rgba(9, 12, 18, .86);--panel-strong: rgba(6, 10, 14, .94);--border: rgba(159, 175, 196, .25);--text: #eef2f7;--muted: #98a4b5;--cyan: #5cece7;--red: #ea4250;--yellow: #ffd253;--green: #83ee6f}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 50% 100%,rgba(13,27,44,.56),transparent 42%),radial-gradient(circle at 82% 8%,rgba(197,39,65,.22),transparent 28%),linear-gradient(180deg,var(--bg-top),var(--bg));color:var(--text);font-family:Barlow,Segoe UI,sans-serif}.prototype-shell{position:relative;width:100%;height:100%;padding:10px}.prototype-frame{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:radial-gradient(circle at 84% 0%,rgba(197,39,65,.16),transparent 20%),linear-gradient(180deg,#0b0f17d9,#030509fa);box-shadow:inset 0 0 0 1px #ffffff0a,0 20px 60px #00000073}.webgl-layer{position:absolute;inset:0}.webgl-layer canvas{display:block;width:100%;height:100%}.overlay-root{position:absolute;inset:0;pointer-events:none}.header{position:absolute;top:14px;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:0 22px}.brand{position:relative;width:100px;height:54px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:800;letter-spacing:.04em}.brand:before{content:"";position:absolute;inset:3px auto auto 0;width:58px;height:28px;border-top:3px solid rgba(255,255,255,.95);border-left:3px solid rgba(255,255,255,.95);border-top-left-radius:20px}.header-chip{min-width:240px;padding:8px 16px 10px;border-radius:12px;background:#090c12b8;text-align:center;font-size:1.35rem;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 30px #0000002e}.header-chip.location{min-width:248px;position:relative}.header-chip.location:before{content:"";position:absolute;top:0;left:10px;right:10px;height:4px;background:var(--red)}.tower{position:absolute;left:24px;top:84px;bottom:40px;width:132px;padding:10px 12px;border-radius:10px;background:#080b11c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 32px #0000003d;pointer-events:auto}.tower-clock{padding-bottom:6px;border-bottom:3px solid var(--red);font-size:1.6rem;font-weight:800;letter-spacing:.02em}.tower-rows{margin-top:10px;display:grid;gap:4px}.tower-row{display:grid;grid-template-columns:14px 5px minmax(0,1fr) auto auto;align-items:center;gap:5px;padding:1px 4px;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background-color .14s ease,transform .14s ease,color .14s ease}.tower-row:hover{background:#141f3185;transform:translate(1px)}.tower-row.selected{background:#1928428f}.tower-row.focus{background:#273347d1;box-shadow:inset 0 0 0 1px #ffd2532e}.tower-rank{color:var(--muted);text-align:right}.tower-bar{height:12px;border-radius:999px}.tower-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tower-compound{color:var(--red)}.tower-eye{color:#98a4b5bf;font-size:.56rem;letter-spacing:.02em;text-align:right}.tower-row.focus .tower-eye{color:var(--yellow)}.tower-row.selected .tower-eye{color:var(--cyan)}.hud{position:absolute;right:58px;top:192px;width:224px}.hud-main{border:2px solid var(--cyan);background:#050a0fe6;padding:10px 14px 14px;box-shadow:0 18px 36px #00000047}.hud-topline{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.18);font-size:.72rem;font-weight:800;letter-spacing:.05em}.gear-strip{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin-top:14px}.gear-digit{color:#707888b3;font-size:2.15rem;font-weight:800}.gear-digit.active{color:var(--text);font-size:4rem;line-height:.94}.gear-label{margin-top:-2px;text-align:center;color:var(--muted);font-size:.76rem;letter-spacing:.08em}.telemetry-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.telemetry-block .label{color:var(--muted);font-size:.78rem;font-weight:600}.telemetry-block .value{margin-top:-2px;font-size:3rem;font-weight:800;letter-spacing:-.03em}.telemetry-block .unit{margin-left:4px;color:var(--muted);font-size:.9rem;font-weight:700}.bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:10px}.bar-group .label{color:var(--muted);font-size:.72rem;font-weight:700}.bar-track{margin-top:5px;height:4px;border-radius:999px;background:#78859457;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;width:0}.bar-fill.throttle{background:var(--green)}.bar-fill.brake{background:var(--red)}.hud-bottom{margin-top:10px;display:grid;grid-template-columns:58px 1fr auto auto;align-items:center;gap:10px;color:var(--muted);font-size:.75rem;font-weight:700}.drs-pill{padding:3px 0;border:2px solid rgba(119,129,140,.6);border-radius:999px;text-align:center;color:#77818cc7}.drs-pill.active{border-color:var(--cyan);color:var(--text);box-shadow:0 0 12px #5cece73d}.delta-panel{margin-top:6px;border-top:3px solid var(--cyan);padding:9px 2px 0;background:#060a0fe0;box-shadow:0 14px 28px #0003}.delta-summary{display:flex;justify-content:space-between;align-items:flex-start}.delta-value{color:var(--yellow);font-size:1.35rem;font-weight:800}.leader-time{text-align:right}.leader-time .time{font-size:1.2rem;font-weight:800}.leader-time .name{color:var(--muted);font-size:.8rem;font-weight:700}.sector-row{margin-top:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sector-cell{text-align:center}.sector-cell .label{color:var(--muted);font-size:.7rem}.sector-cell .value{font-size:1rem;font-weight:700}.playback{position:absolute;top:138px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:12px;background:#1e141cd6;border:1px solid rgba(255,255,255,.08);font-size:.88rem;font-weight:800;letter-spacing:.08em;box-shadow:0 18px 36px #0000004d}.playback-label,.playback-status{white-space:nowrap}.playback-status{color:var(--muted);font-size:.8rem}.play-icon{padding:4px 10px;border-radius:999px;background:#ffd25329;color:var(--yellow)}.playback-controls{position:absolute;top:92px;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px;pointer-events:auto}.control-button{appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 14px;background:#080c12e0;color:var(--text);font:inherit;font-size:.74rem;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.control-button:hover{background:#121822f5;border-color:#ffffff38;transform:translateY(-1px)}.control-button:active{transform:translateY(0)}.zoom-readout{min-width:58px;padding:8px 12px;border-radius:999px;background:#0a0e16e6;border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.06em;text-align:center}.driver-marker-layer{position:absolute;inset:0;pointer-events:none}.driver-tag{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 6px;border-radius:999px;background:#626a78db;color:var(--text);font-size:.64rem;font-weight:800;letter-spacing:.04em;box-shadow:0 4px 18px #00000047;transition:opacity .14s ease,transform .14s ease,background-color .14s ease}.driver-tag.focus{background:#ffd253e0;color:#071018}.driver-tag.hidden{opacity:0;transform:translate(-50%,-42%)}