/* replay.css: the run replay (07 §6.5) */
.replay { display: flex; flex-direction: column; min-height: 0; height: 100%; }
.replay-head { flex: none; display: flex; flex-direction: column; gap: var(--s-2); padding: var(--s-3) var(--s-4); background: var(--surface); border-bottom: 1px solid var(--line); }
.replay-title { display: flex; align-items: center; gap: var(--s-2); flex-wrap: wrap; min-width: 0; }
.replay-title h1 { font: var(--t-h2); margin: 0; display: inline-flex; gap: var(--s-1); align-items: baseline; }
.replay-title .sep { color: var(--ink-3); }
.replay-actions { flex-wrap: wrap; }
.replay-banners { flex: none; display: flex; flex-direction: column; }
.replay-banners .banner { border-radius: 0; }
.replay-banners .banner:first-child { background: var(--surface-2); }
.replay-body { flex: 1; min-height: 0; display: flex; flex-direction: column; position: relative; }
.replay-stage { flex: 1; min-height: 0; position: relative; }
.replay-log { flex: none; }
.back-link { display: inline-flex; align-items: center; gap: var(--s-1); font: var(--t-h1); color: var(--ink); text-decoration: none; }
.back-link:hover { color: var(--accent); }
.sheet-resize { position: absolute; left: -4px; top: 0; bottom: 0; width: 8px; cursor: col-resize; }
.sheet.data-sheet { position: fixed; }
.center { text-align: center; }
.simple-log { padding: var(--s-2) var(--s-4); max-height: 200px; overflow: auto; border-top: 1px solid var(--line); }