.nas-replay-preview{margin:1.4em 0;padding:16px;border:1px solid #64748b;border-radius:12px;background:#0a1527;color:#e2e8f0;max-width:1100px}.nas-replay-preview h4{color:#f8fafc;margin:0 0 10px}.nas-replay-preview canvas{display:block;width:100%;height:450px;border-radius:8px;background:#0a1527;touch-action:pan-y;cursor:grab}.nas-replay-preview .nas-replay-note{font-size:13px;color:#fbbf24;margin:8px 0}.nas-replay-preview .nas-replay-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0}.nas-replay-preview button,.nas-replay-preview select{min-height:34px;padding:5px 10px;border-radius:6px;background:#1e3a5f;color:#f8fafc;border:1px solid #52729b;cursor:pointer}.nas-replay-preview input[type=range]{min-width:190px;flex:1}.nas-replay-preview label{display:flex;align-items:center;gap:5px}.nas-replay-preview [data-replay-status]{color:#b6c7dd;font-size:13px}.nas-hltv-viewer-link{display:inline-flex;align-items:center;padding:4px 8px;color:#fff;background:#2563eb;border-radius:6px;text-decoration:none;font-size:12px}.nas-replay-preview .nas-replay-hint{color:#94a3b8;font-size:12px}@media(max-width:680px){.nas-replay-preview canvas{height:310px}.nas-replay-preview .nas-replay-controls{gap:6px}}

.nas-replay-diagnostics{margin:8px 0;color:#b6c7dd;font-size:12px}.nas-replay-diagnostics summary{cursor:pointer;font-weight:600}.nas-replay-diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:210px;overflow:auto;background:#111d31;border:1px solid #34465c;border-radius:6px;padding:10px;font-size:11px;color:#f1d6a1}