.replay { margin-top: 24px; }
.replay h2 { font-size: 21px; }
.replay-controls, .replay-day { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.replay-controls output { font: 13px var(--f-mono); font-variant-numeric: tabular-nums; }
.replay-controls select, .replay-day input { background: var(--paper); color: var(--ink); border: 1px solid var(--rule); padding: 6px; }
.replay-slider { display: block; margin: 16px 0 0; font-size: 14px; }
.replay-slider input { display: block; width: 100%; margin: 8px 0; accent-color: var(--qsl); }
.replay .map.mini { height: 320px; }
.replay-table { max-height: 220px; overflow: auto; margin-top: 16px; }
.replay-table table { min-width: 0; width: 100%; }
.replay-table td, .replay-table th { padding: 7px; }
@media (min-width: 800px) { .replay .map.mini { height: 400px; } }