.replay-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:20px;display:grid}.replay-main{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;overflow:hidden}.replay-scorebar{justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex}.replay-team{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.replay-team.away{text-align:right;flex-direction:row-reverse}.replay-team strong{overflow-wrap:anywhere;color:var(--ink);font-size:13px;font-weight:650}.replay-team small{color:var(--muted);letter-spacing:.4px;margin-top:5px;font-size:8px;display:block}.replay-team-dot{width:29px;height:29px;color:var(--ink);background:#4c8bf6;border-radius:9px;flex-shrink:0;place-items:center;font-size:12px;display:grid}.replay-score{text-align:center;white-space:nowrap}.replay-score strong{letter-spacing:7px;color:var(--ink);font-size:28px;display:block}.replay-score small{color:var(--muted);letter-spacing:1px;margin-top:5px;font-size:8px;display:block}.replay-stage{background:linear-gradient(140deg,#183d3a,#153a36);position:relative;overflow:hidden}.replay-stage canvas{aspect-ratio:11/7.2;width:100%;height:auto;display:block}.replay-stage-caption{letter-spacing:1.4px;color:var(--muted);pointer-events:none;font:8px system-ui,sans-serif;position:absolute;bottom:12px;left:20px}.replay-controls{padding:18px 22px 20px}.replay-timeline{align-items:center;gap:14px;margin-bottom:15px;display:flex}.replay-timeline input{accent-color:#0ba889;flex:1;min-width:0}.replay-clock{color:var(--muted);white-space:nowrap;font:10px Consolas,monospace}.replay-transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.replay-control{border:1px solid var(--line);background:var(--surface);min-width:32px;height:31px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:5px 10px;font:11px system-ui,sans-serif;display:inline-flex}.replay-control.play{background:var(--mint);border-color:var(--mint);color:var(--ink);min-width:78px;font-weight:650}.replay-control:hover{filter:brightness(.96)}.replay-transport select{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;padding:7px;font:10px system-ui,sans-serif}.replay-speed-label{color:var(--muted);margin-left:8px;font:9px system-ui,sans-serif}.replay-transport .replay-spacer{flex:1}.replay-switch{color:var(--muted);align-items:center;gap:6px;font:500 9px system-ui,sans-serif;display:flex}.replay-switch input{accent-color:#0ba889}.replay-aside{gap:16px;display:grid}.replay-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px;overflow:hidden}.replay-panel h3{letter-spacing:-.2px;color:var(--ink);margin:0 0 14px;font:650 12px system-ui,sans-serif}.replay-panel p{color:var(--muted);margin:12px 0;font:10px/1.8 system-ui,sans-serif}.replay-panel select{background:var(--paper);width:100%;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:9px;font:10px system-ui,sans-serif}.replay-telemetry{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.replay-telemetry span{color:var(--muted);margin-bottom:5px;font:8px system-ui,sans-serif;display:block}.replay-telemetry strong{color:var(--ink);font:600 11px system-ui,sans-serif}.replay-readings{color:var(--muted);white-space:pre-wrap;background:var(--paper);border:1px solid var(--line);border-radius:6px;min-height:50px;max-height:210px;margin:0;padding:10px;font:9px/1.8 Consolas,monospace;overflow:auto}.replay-event-list{gap:9px;max-height:220px;display:grid;overflow:auto}.replay-event{text-align:left;background:var(--paper);cursor:pointer;width:100%;color:var(--muted);border:0;border-radius:6px;align-items:flex-start;gap:9px;padding:8px;font:9px/1.5 system-ui,sans-serif;display:flex}.replay-event time{color:var(--accent);flex:0 0 32px;font:9px Consolas,monospace}.replay-event:hover{background:var(--active)}.replay-meta{color:var(--muted);flex-wrap:wrap;gap:15px;margin:15px 2px;font:9px/1.7 system-ui,sans-serif;display:flex}.replay-error{background:var(--danger-bg);border:1px solid var(--line);color:var(--danger);border-radius:10px;padding:30px;font:12px/1.8 system-ui,sans-serif}.replay-file-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.replay-file-toolbar label{color:var(--muted);font:12px system-ui,sans-serif}.replay-file-toolbar input{font-size:12px}.offline-shell{max-width:1320px;color:var(--ink);margin:0 auto;padding:35px 28px;font-family:Inter,Segoe UI,Arial,sans-serif}.offline-shell h1{letter-spacing:-1px;margin:0 0 12px;font-size:30px}.offline-shell>p{color:var(--muted);margin-bottom:25px;font-size:12px;line-height:1.8}.offline-body{background:var(--paper);margin:0}.offline-shell .eyebrow{color:var(--accent);letter-spacing:1.6px;margin-bottom:12px;font-size:9px;font-weight:700}.replay-legend{color:var(--muted);flex-wrap:wrap;gap:13px;margin:10px 0 0;font:8px/1.7 system-ui,sans-serif;display:flex}.replay-legend span:before{content:"";background:#4c8bf6;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.replay-legend span:last-child:before{background:#e9bc5f}@media (width<=1100px){.replay-layout{grid-template-columns:1fr}.replay-aside{grid-template-columns:1.3fr 1fr}.replay-scorebar{padding:18px}.replay-team strong{font-size:12px}.replay-score strong{font-size:25px}.replay-readings{max-height:160px}}@media (width<=650px){.replay-aside{grid-template-columns:1fr}.replay-scorebar{gap:10px;padding:16px 12px}.replay-team{gap:8px}.replay-team-dot{border-radius:6px;width:22px;height:22px;font-size:9px}.replay-team strong{font-size:10px}.replay-team small{font-size:6px}.replay-score strong{letter-spacing:4px;font-size:22px}.replay-score small{font-size:6px}.replay-controls{padding:13px}.replay-control{min-width:28px;padding:5px 8px}.replay-control.play{min-width:62px}.replay-transport{gap:5px}.replay-switch{font-size:8px}.replay-speed-label{display:none}.replay-transport .replay-spacer{flex-basis:100%;height:2px}.replay-stage-caption{font-size:5px;bottom:6px;left:12px}.offline-shell{padding:24px 16px}.replay-clock{font-size:9px}.replay-panel{padding:16px}}.replay-stage canvas{image-rendering:auto}.replay-team strong{font-size:14px}.replay-team small,.replay-score small{font-size:9px}.replay-clock{font-size:11px}.replay-control{height:34px;font-size:12px}.replay-speed-label,.replay-switch,.replay-transport select{font-size:11px}.replay-panel h3{font-size:14px}.replay-panel p{font-size:11px}.replay-panel select{font-size:12px}.replay-telemetry span{font-size:9px}.replay-telemetry strong{font-size:13px}.replay-readings{max-height:240px;font-size:11px;line-height:1.7}.replay-event{padding:10px 8px;font-size:11px}.replay-event time{flex-basis:39px;font-size:10px}.replay-meta{font-size:11px}.replay-legend{font-size:10px}@media (width<=650px){.replay-team strong{font-size:11px}.replay-team small,.replay-score small{font-size:7px}.replay-switch{font-size:10px}.replay-control{font-size:11px}}.offline-body{color:var(--ink);color-scheme:dark}.replay-main,.replay-panel{border-color:var(--line);border-radius:var(--radius)}.replay-stage{background:radial-gradient(at 50% 40%,#294640 0%,#1c292b 80%)}.replay-control.play{background:var(--mint);border-color:var(--mint);color:var(--primary-ink)}.replay-control:hover{background:var(--surface-hover);filter:none}.replay-control.play:hover{background:var(--accent)}.replay-switch input,.replay-timeline input{accent-color:var(--mint)}.replay-team-dot{background:var(--sky);color:var(--primary-ink)}.away .replay-team-dot{background:var(--amber)}.replay-team strong,.replay-score strong,.replay-panel h3,.replay-telemetry strong{color:var(--ink)}.replay-readings{color:var(--code)}.replay-event time{color:var(--accent)}.replay-error{background:var(--danger-bg);color:var(--danger);border-color:var(--line)}.replay-control:focus-visible,.replay-event:focus-visible,.replay-panel select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}