.replay-page{min-height:calc(100dvh - var(--legal-footer-height));padding:max(18px,env(safe-area-inset-top)) clamp(14px,3vw,34px) max(18px,env(safe-area-inset-bottom));color:var(--sdr-color-text-main);background:radial-gradient(circle at 18% 14%,rgba(212,175,55,.2),transparent 32%),linear-gradient(135deg,var(--sdr-color-bg-deep),var(--sdr-color-bg-blue) 52%,var(--sdr-color-bg-ink))}.replay-page-actions,.replay-page-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.replay-page-actions a,.replay-page-top a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0 14px;color:var(--sdr-color-text-main);text-decoration:none;background:rgba(249,244,220,.1);border:1px solid var(--sdr-color-border-gold)}.replay-page-top span{color:var(--sdr-color-text-soft)}.replay-shell-message{width:min(720px,100%);margin:15dvh auto 0;display:grid;gap:14px;border:1px solid var(--sdr-color-border-gold);border-radius:16px;padding:clamp(18px,4vw,34px);background:rgba(15,26,32,.82);box-shadow:var(--sdr-shadow-gold)}.replay-shell-message h1,.replay-shell-message p{margin:0}.replay-viewer{display:grid;gap:14px;color:var(--sdr-color-text-main)}.replay-header{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(249,244,220,.18);border-radius:16px;padding:clamp(14px,2vw,20px);background:linear-gradient(135deg,rgba(15,26,32,.9),rgba(26,58,95,.72)),var(--sdr-color-bg-deep);box-shadow:0 18px 42px rgba(0,0,0,.22)}.replay-header h1,.replay-header p{margin:0}.replay-header h1{font-size:clamp(28px,4vw,44px);line-height:1}.replay-count,.replay-eyebrow,.replay-header p{color:var(--sdr-color-text-soft)}.replay-eyebrow{display:inline-flex;margin-bottom:6px;font-size:12px;font-weight:800;letter-spacing:0}.admin-replay-search button,.replay-controls button,.replay-export-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.replay-export-button{border-color:var(--sdr-color-border-gold);background:linear-gradient(135deg,var(--sdr-color-primary),var(--sdr-color-primary-soft));color:#1d1b1c}.replay-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.replay-meta{min-width:0;display:grid;gap:4px;border:1px solid rgba(249,244,220,.14);border-radius:12px;padding:12px;background:rgba(249,244,220,.08)}.replay-meta span{color:var(--sdr-color-text-muted);font-size:12px}.replay-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.replay-controls{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid rgba(249,244,220,.14);border-radius:14px;padding:12px;background:rgba(15,26,32,.48)}.replay-controls label{display:grid;gap:6px;font-weight:800}.replay-controls select{min-width:140px;min-height:42px;border-radius:10px;border:1px solid rgba(249,244,220,.2);padding:0 10px;color:var(--sdr-color-text-main);background:rgba(15,26,32,.92)}.replay-stepper{display:flex;gap:8px;flex-wrap:wrap}.replay-progress{height:8px;overflow:hidden;border-radius:999px;background:rgba(249,244,220,.12)}.replay-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sdr-color-primary),var(--sdr-color-success));transition:width .18s ease}.admin-replay-grid,.replay-layout{min-height:0;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:14px}.admin-replay-list,.replay-timeline{max-height:min(62dvh,680px);overflow:auto}.replay-timeline{display:grid;align-content:start;gap:8px}.admin-replay-list button,.replay-timeline button{width:100%;display:grid;gap:4px;justify-items:start;border:1px solid rgba(249,244,220,.12);border-radius:12px;padding:10px;text-align:left;color:var(--sdr-color-text-main);background:rgba(249,244,220,.08)}.admin-replay-list button.active,.replay-timeline button.active{border-color:var(--sdr-color-border-gold);background:rgba(212,175,55,.18);box-shadow:inset 3px 0 0 var(--sdr-color-primary)}.admin-replay-list small,.admin-replay-list span,.replay-timeline small,.replay-timeline span{color:var(--sdr-color-text-muted)}.replay-current-panel{min-width:0}.replay-event-card{display:grid;gap:14px;border:1px solid var(--sdr-color-border-gold);border-radius:16px;padding:clamp(14px,2vw,20px);background:linear-gradient(180deg,rgba(248,244,233,.98),rgba(236,223,193,.94)),var(--sdr-color-surface-cream);color:#1d1b1c}.replay-admin-fields,.replay-event-card header,.replay-event-facts{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.replay-event-card h2{margin:0;font-size:clamp(24px,3vw,38px)}.replay-event-card .replay-eyebrow{color:rgba(29,27,28,.58)}.replay-event-seat,.replay-more{border-radius:999px;padding:6px 10px;font-weight:900;background:rgba(26,58,95,.12);color:var(--sdr-color-bg-blue)}.replay-tile-strip{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:4px}.replay-event-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.replay-event-facts div{min-width:0;display:grid;gap:4px;border-radius:10px;padding:10px;background:rgba(26,58,95,.08)}.replay-event-facts dt{color:rgba(29,27,28,.58);font-size:12px;font-weight:800}.replay-event-facts dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-admin-fields{justify-content:flex-start}.replay-admin-fields span{border-radius:999px;padding:6px 10px;background:rgba(15,26,32,.08);color:rgba(29,27,28,.68);font-size:12px}.replay-json{min-width:0}.replay-json summary{cursor:pointer;font-weight:900}.replay-json pre{max-height:300px;overflow:auto;border-radius:12px;padding:12px;background:rgba(15,26,32,.92);color:var(--sdr-color-text-main);font-size:12px;line-height:1.5}.replay-empty{border:1px dashed rgba(249,244,220,.22);border-radius:14px;padding:28px;color:var(--sdr-color-text-soft);text-align:center}.admin-replays-panel .replay-viewer{color:var(--sdr-color-text-main)}.admin-replay-search .admin-filter-bar input{max-width:360px}.admin-replay-actions,.admin-replay-heading,.admin-replay-list-header,.admin-replay-summary header,.admin-replay-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-replay-heading h3,.admin-replay-list-header h3,.admin-replay-summary h3{margin:0}.admin-replay-kicker{color:var(--sdr-color-primary);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.admin-replay-actions a,.admin-replay-actions button,.admin-replay-refresh,.admin-replay-toolbar button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px}.admin-replay-toolbar{margin-top:14px;justify-content:flex-start}.admin-replay-toolbar label{min-height:42px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(249,244,220,.18);border-radius:12px;padding:0 12px;color:var(--sdr-color-text-soft);background:rgba(15,26,32,.46)}.admin-replay-toolbar input,.admin-replay-toolbar select{min-height:38px;border:0;outline:0;color:var(--sdr-color-text-main);background:transparent}.admin-replay-toolbar select{min-width:130px}.admin-replay-toolbar .admin-replay-date-filter{flex:0 0 auto;padding-right:8px}.admin-replay-date-filter span{color:var(--sdr-color-primary-soft);font-size:12px;font-weight:900}.admin-replay-date-filter input{width:132px}.admin-replay-searchbox{flex:1 1 320px;max-width:520px}.admin-replay-searchbox input{width:100%}.admin-replay-notice{margin:12px 0 0;border:1px solid rgba(0,168,107,.28);border-radius:12px;padding:10px 12px;color:var(--sdr-color-success);background:rgba(0,168,107,.1);font-weight:800}.admin-replay-list-panel{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;background:linear-gradient(180deg,rgba(15,26,32,.92),rgba(15,26,32,.78)),var(--sdr-color-bg-deep)}.admin-replay-list-header p{margin:3px 0 0;color:var(--sdr-color-text-muted);font-size:12px}.admin-replay-loading-dot{border-radius:999px;padding:5px 9px;color:var(--sdr-color-primary);background:rgba(212,175,55,.12);font-size:12px;font-weight:900}.admin-replay-list-scroll{min-height:0;max-height:min(66dvh,720px);display:grid;align-content:start;gap:10px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.52) rgba(15,26,32,.44)}.admin-replay-list-scroll::-webkit-scrollbar{width:8px}.admin-replay-list-scroll::-webkit-scrollbar-track{border-radius:999px;background:rgba(15,26,32,.44)}.admin-replay-list-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(212,175,55,.52)}.admin-replay-list-scroll button{width:100%;display:grid;gap:8px;justify-items:stretch;border:1px solid rgba(249,244,220,.16);border-radius:14px;padding:12px;text-align:left;color:var(--sdr-color-text-main);background:linear-gradient(135deg,rgba(248,244,233,.08),rgba(26,58,95,.16)),rgba(15,26,32,.64);box-shadow:inset 0 1px 0 rgba(249,244,220,.08);transition:transform .16s ease,border-color .16s ease,background .16s ease}.admin-replay-list-scroll button:hover{transform:translateY(-1px);border-color:rgba(212,175,55,.42);background:linear-gradient(135deg,rgba(212,175,55,.14),rgba(26,58,95,.22)),rgba(15,26,32,.72)}.admin-replay-list-scroll button.active,.admin-replay-list-scroll button[aria-pressed=true]{border-color:var(--sdr-color-primary);background:linear-gradient(135deg,rgba(212,175,55,.24),rgba(26,58,95,.2)),rgba(15,26,32,.84);box-shadow:inset 4px 0 0 var(--sdr-color-primary),0 12px 24px rgba(0,0,0,.18)}.admin-replay-list-meta,.admin-replay-list-top{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-replay-list-top strong{min-width:0;overflow:hidden;color:var(--sdr-color-text-main);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.admin-replay-list-scroll small,.admin-replay-room{color:var(--sdr-color-text-soft)}.admin-replay-list-meta{justify-content:flex-start;flex-wrap:wrap}.admin-replay-list-meta i{border-radius:999px;padding:4px 8px;font-style:normal;font-weight:800}.admin-replay-list-meta i,.admin-replay-status{color:var(--sdr-color-text-main);background:rgba(248,244,233,.1);font-size:12px}.admin-replay-status{flex:0 0 auto;border:1px solid rgba(249,244,220,.2);border-radius:999px;padding:5px 9px;font-weight:900}.admin-replay-status.status-completed{border-color:rgba(0,168,107,.42);color:var(--sdr-color-success);background:rgba(0,168,107,.12)}.admin-replay-status.status-recording,.admin-replay-status.status-running{border-color:rgba(212,175,55,.48);color:var(--sdr-color-primary);background:rgba(212,175,55,.12)}.admin-replay-status.status-corrupted{border-color:rgba(237,81,38,.48);color:var(--sdr-color-danger);background:rgba(237,81,38,.12)}.admin-replay-empty,.admin-replay-list-empty{border:1px dashed rgba(249,244,220,.24);border-radius:16px;padding:22px;color:var(--sdr-color-text-soft);background:rgba(15,26,32,.42)}.admin-replay-list-empty{display:grid;gap:6px}.admin-replay-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid rgba(249,244,220,.12);padding-top:10px;color:var(--sdr-color-text-soft);font-size:12px}.admin-replay-pagination button,.admin-replay-pagination select{min-height:34px;border-radius:9px}.admin-replay-pagination button{border:1px solid rgba(249,244,220,.18);padding:0 10px;color:var(--sdr-color-text-main);background:rgba(15,26,32,.44)}.admin-replay-pagination button:disabled{cursor:not-allowed;opacity:.48}.admin-replay-pagination label{display:inline-flex;align-items:center;gap:6px}.admin-replay-pagination select{border:1px solid rgba(249,244,220,.18);color:var(--sdr-color-text-main);background:rgba(15,26,32,.72)}.admin-replay-empty ul{margin:12px 0 0;padding-left:18px;line-height:1.8}.admin-replay-detail{display:grid;gap:14px;align-content:start}.admin-replay-summary{display:grid;gap:14px;color:var(--sdr-color-text-main);background:linear-gradient(135deg,rgba(26,58,95,.72),rgba(15,26,32,.84)),var(--sdr-color-bg-deep)}.admin-replay-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-replay-summary-grid div{min-width:0;border:1px solid rgba(249,244,220,.14);border-radius:12px;padding:10px;background:rgba(15,26,32,.34)}.admin-replay-summary-grid span{display:block;color:var(--sdr-color-text-muted);font-size:12px;font-weight:800}.admin-replay-summary-grid strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-replay-player-strip{display:flex;gap:8px;flex-wrap:wrap}.admin-replay-player-strip span{border-radius:999px;padding:6px 10px;color:var(--sdr-color-text-main);background:rgba(248,244,233,.1);font-size:12px;font-weight:800}.admin-event-timeline-card,.admin-replay-section-card{display:grid;gap:12px;border:1px solid rgba(249,244,220,.14);border-radius:14px;padding:14px;background:rgba(15,26,32,.42)}.admin-event-line-main,.admin-event-toolbar,.admin-replay-confirm-actions,.admin-replay-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-event-toolbar h3,.admin-event-toolbar p,.admin-replay-confirm h3,.admin-replay-confirm p,.admin-replay-section-header h4{margin:0}.admin-replay-section-header>span{border-radius:999px;padding:5px 9px;color:var(--sdr-color-primary);background:rgba(212,175,55,.12);font-weight:900}.admin-replay-player-table{display:grid;gap:8px}.admin-replay-player-row{display:grid;grid-template-columns:86px minmax(120px,1fr) minmax(180px,1.2fr) 70px 82px;gap:10px;align-items:center;border:1px solid rgba(249,244,220,.1);border-radius:12px;padding:10px;color:var(--sdr-color-text-soft);background:rgba(248,244,233,.07)}.admin-replay-player-row.is-head{color:var(--sdr-color-text-muted);background:rgba(15,26,32,.42);font-size:12px;font-weight:900}.admin-replay-player-row code,.admin-replay-player-row strong{min-width:0;overflow:hidden;color:var(--sdr-color-text-main);text-overflow:ellipsis;white-space:nowrap}.admin-replay-player-row code{color:var(--sdr-color-primary-soft);font-size:12px}.admin-replay-player-row .is-ok{color:var(--sdr-color-success);font-weight:900}.admin-replay-player-row .is-warning{color:var(--sdr-color-danger);font-weight:900}.admin-replay-key-events{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.admin-key-event{min-width:0;display:grid;gap:5px;border:1px solid rgba(249,244,220,.12);border-radius:12px;padding:10px;background:rgba(248,244,233,.08)}.admin-key-event small,.admin-key-event span{color:var(--sdr-color-text-muted);font-size:12px}.admin-key-event strong{color:var(--sdr-color-text-main);font-size:22px;line-height:1}.admin-key-event.is-warning{border-color:rgba(212,175,55,.34);background:rgba(212,175,55,.1)}.admin-key-event.is-critical{border-color:rgba(237,81,38,.42);background:rgba(237,81,38,.1)}.admin-replay-diagnostics{display:grid;gap:8px}.admin-replay-diagnostic{display:flex;align-items:flex-start;gap:8px;border:1px solid rgba(249,244,220,.12);border-radius:12px;padding:10px;background:rgba(248,244,233,.08)}.admin-replay-diagnostic span,.admin-replay-diagnostic strong{display:block}.admin-replay-diagnostic span{margin-top:2px;color:var(--sdr-color-text-soft);font-size:13px}.admin-replay-diagnostic.is-ok{border-color:rgba(0,168,107,.3);color:var(--sdr-color-success);background:rgba(0,168,107,.1)}.admin-replay-diagnostic.is-warning{border-color:rgba(212,175,55,.38);color:var(--sdr-color-primary);background:rgba(212,175,55,.1)}.admin-replay-diagnostic.is-critical{border-color:rgba(237,81,38,.42);color:var(--sdr-color-danger);background:rgba(237,81,38,.1)}.admin-replay-actions{justify-content:flex-start}.admin-replay-actions a,.admin-replay-actions button{border:1px solid rgba(249,244,220,.18);padding:0 12px;color:var(--sdr-color-text-main);background:rgba(15,26,32,.44);text-decoration:none}.admin-replay-actions a:first-child{border-color:rgba(212,175,55,.48);color:var(--sdr-color-text-dark);background:linear-gradient(180deg,var(--sdr-color-primary-strong),var(--sdr-color-primary));font-weight:900}.admin-replay-actions a.is-disabled,.admin-replay-actions button:disabled{cursor:not-allowed;opacity:.52;filter:grayscale(.35);pointer-events:none}.admin-replay-detail{min-width:0}.admin-event-timeline-card{color:var(--sdr-color-text-main);background:linear-gradient(135deg,rgba(15,26,32,.86),rgba(26,58,95,.58)),var(--sdr-color-bg-deep)}.admin-event-toolbar label{min-height:40px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(249,244,220,.18);border-radius:10px;padding:0 10px;background:rgba(15,26,32,.44)}.admin-event-toolbar select{min-height:36px;border:0;color:var(--sdr-color-text-main);background:transparent}.admin-event-timeline-list{max-height:min(62dvh,680px);display:grid;gap:10px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.52) rgba(15,26,32,.44)}.admin-event-timeline-item{border:1px solid rgba(249,244,220,.14);border-radius:14px;padding:12px;background:rgba(248,244,233,.08)}.admin-event-timeline-item.is-focused{border-color:var(--sdr-color-primary);background:rgba(212,175,55,.16);box-shadow:inset 4px 0 0 var(--sdr-color-primary)}.admin-event-line-main{align-items:flex-start}.admin-event-line-main>div{min-width:0;flex:1 1 260px}.admin-event-line-main p,.admin-event-line-main small,.admin-event-line-main strong{display:block}.admin-event-line-main p{margin:3px 0;color:var(--sdr-color-text-soft)}.admin-event-line-main small{color:var(--sdr-color-text-muted)}.admin-event-line-main button{min-height:34px;border-radius:9px;padding:0 10px}.admin-event-badge{flex:0 0 auto;border-radius:999px;padding:6px 9px;color:var(--sdr-color-success);background:rgba(0,168,107,.12);font-size:12px;font-weight:900}.admin-event-badge.is-warning{color:var(--sdr-color-primary);background:rgba(212,175,55,.14)}.admin-event-badge.is-critical{color:var(--sdr-color-danger);background:rgba(237,81,38,.14)}.admin-event-payload{margin-top:10px}.admin-event-payload summary{cursor:pointer;color:var(--sdr-color-primary-soft);font-weight:900}.admin-event-payload pre{max-height:260px;overflow:auto;border-radius:12px;padding:12px;color:var(--sdr-color-text-main);background:rgba(15,26,32,.92);font-size:12px;line-height:1.5}.admin-replay-confirm-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:rgba(15,26,32,.62);backdrop-filter:blur(6px);z-index:80}.admin-replay-confirm{width:min(460px,100%);display:grid;gap:14px;border:1px solid var(--sdr-color-border-gold);border-radius:18px;padding:20px;color:var(--sdr-color-text-main);background:linear-gradient(135deg,rgba(26,58,95,.96),rgba(15,26,32,.98)),var(--sdr-color-bg-deep);box-shadow:0 24px 60px rgba(0,0,0,.38)}.admin-replay-confirm-actions{justify-content:flex-end}.admin-replay-confirm-actions button{min-height:40px;border-radius:10px;padding:0 14px}.admin-replay-confirm-actions button.danger{border-color:rgba(237,81,38,.46);color:var(--sdr-color-text-main);background:rgba(237,81,38,.32)}.admin-error-text{margin:0;color:var(--sdr-color-danger);font-weight:800}@media (max-width:860px){.replay-controls,.replay-header{align-items:stretch}.replay-controls,.replay-header,.replay-stepper{display:grid}.admin-replay-key-events,.admin-replay-summary-grid,.replay-event-facts,.replay-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-replay-grid,.replay-layout{grid-template-columns:1fr}.admin-replay-list,.replay-timeline{max-height:240px}.admin-replay-player-row{grid-template-columns:1fr 1fr}}@media (max-width:520px){.admin-replay-key-events,.admin-replay-summary-grid,.replay-event-facts,.replay-meta-grid{grid-template-columns:1fr}.replay-page{padding-inline:10px}}