/* Replay viewer page layout (pages/replay.js). Shared stage/transport/top bar styles live in theme/replay.css. */
.rp-view { display: grid; grid-template-columns: minmax(520px, min(100%, calc(100vh - 290px))) minmax(260px, 1fr); gap: var(--dl-space-5); align-items: start; }
.rp-mapcol { display: flex; flex-direction: column; gap: var(--dl-space-2); min-width: 0; }
.rp-side { display: flex; flex-direction: column; gap: var(--dl-space-4); min-width: 0; }
.rp-controls { display: flex; flex-direction: column; gap: var(--dl-space-3); }
.rp-note { margin: var(--dl-space-2) 0 0; font-size: var(--dl-text-xs); }
.rp-reason:empty { display: none; }
@media (max-width: 1100px) { .rp-view { grid-template-columns: 1fr; } }