.replay{display:flex;flex-direction:column;height:calc(100dvh - var(--topbar-h, 56px));overflow:hidden}.replay-board{flex:1 1 auto;min-height:0;min-width:0;margin:0;max-width:none;overflow:auto;position:relative}.replay-timeline{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px 18px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line2, var(--line));box-shadow:0 -6px 20px -18px #00000080}.replay-controls{display:flex;align-items:center;gap:6px}.replay-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line2, var(--line));background:var(--paper, transparent);color:var(--ink);border-radius:8px;min-width:34px;height:34px;padding:0 10px;font-size:14px;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease}.replay-btn:hover:not(:disabled){border-color:var(--ink3, var(--ink2))}.replay-btn:disabled{opacity:.4;cursor:default}.replay-play{font-size:15px;min-width:40px}.replay-track{position:relative;display:flex;align-items:center;padding:10px 4px 14px}.replay-range{width:100%;accent-color:var(--tint-info-fg, #2f7de1);cursor:pointer}.replay-ticks{position:absolute;left:4px;right:4px;bottom:2px;height:10px;pointer-events:none}.replay-tick{position:absolute;transform:translate(-50%);width:8px;height:8px;padding:0;border:1px solid var(--line2, var(--line));background:var(--ink3, #999);border-radius:50%;cursor:pointer;pointer-events:auto;opacity:.55;transition:opacity .12s ease,transform .12s ease}.replay-tick:hover{opacity:1}.replay-tick.is-now{border-radius:2px}.replay-tick.is-current{opacity:1;background:var(--tint-info-fg, #2f7de1);transform:translate(-50%) scale(1.5)}.replay-tick.is-compare{background:var(--tint-warn-fg, #e08a00);opacity:1}.replay-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0;text-align:right}.replay-frame{display:flex;flex-direction:column;min-width:0}.replay-frame-label{font-weight:600;color:var(--ink);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-frame-sub{font-size:12px;color:var(--ink3, var(--ink2))}.replay-compare-controls{display:flex;align-items:center;gap:8px}.replay-compare-hint{font-size:12px;color:var(--tint-warn-fg, #e08a00)}.replay-compare-btn.is-active{border-color:var(--tint-warn-fg, #e08a00);color:var(--tint-warn-fg, #e08a00)}.replay-trunc{grid-column:1 / -1;margin:0;font-size:12px;color:var(--ink3, var(--ink2))}.replay-empty{align-items:center;justify-content:center}.replay-empty-card{max-width:46ch;margin:auto;padding:32px;text-align:center;background:var(--card);border:1px solid var(--line2, var(--line));border-radius:12px}.replay-empty-card h2{margin:0 0 8px}.replay-empty-card p{color:var(--ink2);margin:0 0 20px}@media(max-width:720px){.replay-timeline{grid-template-columns:1fr;justify-items:stretch}.replay-meta{align-items:flex-start;text-align:left}}