.replay-modal{width:min(880px,96vw);max-width:96vw;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;max-height:92vh;overflow-y:auto}.replay-title{margin:0;font-size:14px;font-weight:500}.replay-stage{display:flex;justify-content:center;align-items:center;min-width:0;background:var(--bg-1,#071018);border:1px solid var(--border);border-radius:10px;padding:8px}.replay-canvas{display:block;border-radius:6px}.replay-empty{padding:28px 8px;text-align:center;font-size:13px}.replay-controls{display:flex;align-items:center;gap:10px;min-width:0}.replay-controls .ds-btn{flex:0 0 auto;min-width:84px}.replay-scrub{flex:1 1 auto;min-width:0;accent-color:var(--ds-brand-500);height:4px;cursor:pointer}.replay-speeds{display:flex;gap:4px;flex:0 0 auto}.replay-chip{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12px;font-weight:500;font-family:var(--font-mono);cursor:pointer}.replay-chip:hover:not(:disabled){background:rgba(255,255,255,.06);color:var(--text)}.replay-chip.on{border-color:var(--ds-brand-500);color:var(--ds-brand-500)}.replay-chip:disabled{opacity:.4;cursor:default}.replay-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px}.replay-actions .ds-btn{flex:0 0 auto;min-width:96px}.replay-export{justify-content:space-between;gap:10px;padding-top:10px}.replay-export,.replay-export-acts{display:flex;align-items:center;flex-wrap:wrap}.replay-export-acts{gap:8px}.replay-meta{font-size:12px;line-height:1.5}@media (max-width:560px){.replay-controls{flex-wrap:wrap}.replay-scrub{order:3;flex-basis:100%}}.replay-page{max-width:720px;margin:0 auto;padding:20px 16px 56px;gap:14px}.replay-page,.replay-page-stage{display:flex;flex-direction:column;min-width:0}.replay-page-stage{gap:12px}.replay-page-card{padding:14px 16px}.replay-page-h1{margin:0 0 6px;font:700 20px/26px var(--font-sans)}.replay-notfound{text-align:center;padding:34px 20px 30px}.replay-page-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.replay-notfound .replay-page-cta{justify-content:center}.replay-page-quiet{font:400 13px/18px var(--font-sans);color:var(--ds-text-muted)}.replay-page-quiet:hover{color:var(--text);text-decoration:underline}