/* The replay controls sit over a separate 3D playback scene. */
.replay-record-option{display:flex;align-items:center;gap:8px;margin-top:12px;color:#def6f3;font-size:10px;font-weight:800;letter-spacing:.8px;cursor:pointer}.replay-record-option input{accent-color:#53dbc3;width:16px;height:16px}.replay-record-option small{margin-left:auto;color:#94b0bd;font-size:9px;letter-spacing:0;font-weight:500}
#brVariantOptions{grid-column:1/-1}#brVariantHelp{display:block;margin-top:7px;color:#a5c3cc;font-size:10px;font-weight:500;letter-spacing:0;line-height:1.5}
.radar-wrap{position:relative}#replayRecording{position:absolute;top:5px;left:5px;z-index:2;font-size:7px;letter-spacing:1px;color:#ffd5cd;background:#132c3ed9;border:1px solid #ff9a7e55;border-radius:4px;padding:4px 6px;pointer-events:none}#replayRecording[hidden]{display:none}.replay-save-note{font-size:10px;color:#a5c7ce;margin:10px 0 0}.results-actions{flex-wrap:wrap}.results-actions #watchReplay{padding:12px 16px;border:1px solid #8fe2d56b;border-radius:4px;color:#c4fff2;background:#173b4caa;font-size:11px;font-weight:800}.results-actions #watchReplay:disabled{opacity:.35}
#replayLibrary{z-index:95;background:#071a2de8}.replay-library-card{width:850px;max-width:96vw;max-height:91dvh;overflow:auto;background:linear-gradient(140deg,#173e52,#0d2538);padding:28px;border:1px solid #80bbcf55;border-radius:12px;box-shadow:0 24px 70px #06121b88}.replay-library-heading{display:flex;justify-content:space-between;gap:14px;align-items:start}.replay-library-heading h2{font-size:clamp(22px,4vw,34px);margin:8px 0}.replay-library-heading h2 span{color:#53dbc3}#replayStorageNote{font-size:11px;color:#a2c5d0;line-height:1.6;margin:8px 0 22px}#replayList{display:grid;gap:12px}.replay-entry{display:flex;gap:20px;padding:16px;border:1px solid #99d2db30;background:#183c50aa;border-radius:7px}.replay-thumbnail{width:100px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #71dfca5c;background:radial-gradient(ellipse at center,#53dbc322,transparent 75%),repeating-linear-gradient(0deg,transparent 0 13px,#8cd7db0a 14px 15px),#0c2435;border-radius:5px;color:#a8ffe8}.replay-thumbnail span{font-size:28px}.replay-thumbnail small{margin-top:8px;font-size:11px}.replay-entry-copy{min-width:0;flex:1}.replay-entry-copy>small{font-size:10px;color:#98bdc8}.replay-entry h3{margin:6px 0;font-size:18px}.replay-entry h3 span{font-size:8px;letter-spacing:1px;color:#9ff0da;border:1px solid #7ee0cc44;padding:4px 6px;white-space:nowrap}.replay-entry p{font-size:11px;line-height:1.6;color:#c3dfe2;margin:0 0 6px}.replay-entry-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.replay-entry-actions button{font-size:10px;font-weight:800;letter-spacing:.5px;padding:9px 12px;border:1px solid #93c4d24d;background:#234b5d;border-radius:4px;color:#e2f7f5}.replay-entry-actions .primary{background:#53dbc3;color:#0d2a37}.replay-entry-actions .replay-delete{margin-left:auto;color:#f6b8a8;background:transparent;border-color:transparent}.replay-empty{padding:45px 15px;text-align:center;border:1px dashed #8ac8d34d;border-radius:6px}.replay-empty strong{color:#96f4de;letter-spacing:1px}.replay-empty p{color:#bdd7df;line-height:1.7;font-size:13px;max-width:450px;margin:16px auto}.replay-empty span{font-size:10px;color:#86aebd}
#replayUI{position:fixed;inset:0;z-index:30;pointer-events:none;color:#eafdf8}#replayUI[hidden],#replayUI [hidden]{display:none!important}.replay-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:15px}.replay-top>div{padding:12px 16px;background:#102d40df;border-left:3px solid #53dbc3;max-width:75%}.replay-top .eyebrow{font-size:9px;color:#93f0dd;letter-spacing:2px;margin-bottom:6px}.replay-top strong{font-size:12px;display:block;line-height:1.6}.replay-dot{display:inline-block;width:6px;height:6px;background:#53dbc3;border-radius:50%;margin-right:6px;box-shadow:0 0 8px #53dbc3}#replayUI button,#replayUI select,#replayUI input,#replayUI label{pointer-events:auto}#replayUI button{min-height:38px;border:1px solid #92c8d755;background:#123248eb;color:#dcfff6;border-radius:4px;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.5px;cursor:pointer}#replayUI button:hover,#replayUI button.held{border-color:#7bffe1;background:#27546a}#replayUI button:focus-visible{outline:2px solid #7bffe1;outline-offset:3px}#replayExit{flex-shrink:0}.replay-observer{position:absolute;left:max(22px,env(safe-area-inset-left));top:110px;width:265px;padding:16px;background:linear-gradient(110deg,#112d41ed,#112d41ca);border:1px solid #93c7d440;border-radius:5px;pointer-events:auto}.replay-observer>small{display:block;font-size:9px;color:#8cb6c5;letter-spacing:2px}.replay-observer>strong{display:block;font-size:20px;margin:6px 0;overflow-wrap:anywhere}.replay-observer>span{display:block;font-size:9px;color:#a2e4d9;line-height:1.8;margin-bottom:15px}.replay-observer>span.eliminated{color:#ffb58e}.replay-observer label{display:block;font-size:9px;letter-spacing:1px;color:#a4c7d3}#replayUI select{display:block;width:100%;font:inherit;color:#e6fff6;background:#183c50;border:1px solid #97c6d24d;border-radius:4px;padding:9px;margin-top:6px}#replayCapture{margin-top:10px;width:100%}.replay-transport{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 44px));padding:15px 18px 11px;background:#102d41ed;border:1px solid #8fc8d652;border-top:2px solid #70efd5;border-radius:6px;pointer-events:auto;box-shadow:0 8px 25px #06192455}.replay-timeline-row{display:flex;gap:14px;align-items:center}#replayTimeline{flex:1;min-width:0;accent-color:#53dbc3;cursor:pointer;min-height:24px}#replayTime{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:92px;text-align:right}.replay-buttons{display:flex;gap:8px;align-items:center;margin-top:10px}.replay-buttons>label{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1px}.replay-buttons select{margin:0!important;width:75px!important}.replay-buttons .replay-mute{margin-left:auto;white-space:nowrap}.replay-mute input{accent-color:#53dbc3;width:16px;height:16px}#replayPlay{min-width:95px;background:#53dbc3!important;color:#123347!important}#replayHelp{font-size:9px;color:#99bac7;margin:9px 0 0;line-height:1.6}.replay-drone-controls{pointer-events:auto}#replayDroneControls{position:absolute;bottom:190px;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:end;pointer-events:none}#replayDroneControls button{touch-action:none;user-select:none;min-width:48px;min-height:46px;background:#133348b8}.drone-horizontal{display:grid;grid-template-columns:repeat(3,48px);gap:6px}.drone-horizontal button:first-child{grid-column:2}.drone-horizontal button:nth-child(2){grid-column:1;grid-row:2}.drone-horizontal button:nth-child(3){grid-column:2;grid-row:2}.drone-horizontal button:nth-child(4){grid-column:3;grid-row:2}.drone-vertical{display:grid;gap:8px}#replayCrosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:22px monospace;text-shadow:0 1px 3px #091f2c}#replayScope{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 38vmin,#05131dee 38.3vmin);display:grid;place-items:center}#replayScope i{width:70vmin;height:1px;background:#142b38;position:absolute}#replayScope b{height:70vmin;width:1px;background:#142b38;position:absolute}#replayScope span{position:absolute;left:50%;top:calc(50% + 25vmin);transform:translateX(-50%);font-size:9px;letter-spacing:3px;text-shadow:0 1px 2px #061b2d}
@media(max-width:900px){.top-actions .build-tag{display:none}.replay-top{top:12px;left:14px;right:14px}.replay-top>div{padding:8px 12px}.replay-observer{top:94px;left:14px;width:230px;padding:12px}.replay-observer>strong{font-size:17px}.replay-transport{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 28px);padding:10px 12px}.replay-library-card{padding:20px}.replay-entry{gap:12px;padding:12px}.replay-thumbnail{width:72px}#replayDroneControls{bottom:175px;left:14px;right:14px}.replay-record-option{flex-wrap:wrap}.replay-record-option small{margin-left:0}}
@media(max-height:550px) and (min-width:650px){.replay-top{top:9px}.replay-top>div{padding:7px 10px}.replay-observer{top:77px;width:215px;padding:9px 12px}.replay-observer>span{margin-bottom:6px}.replay-observer>strong{margin:4px 0;font-size:16px}.replay-observer label{font-size:8px}#replayUI select{padding:7px}.replay-transport{left:auto;right:14px;transform:none;width:calc(100% - 270px);bottom:10px}.replay-buttons{gap:5px;flex-wrap:wrap}#replayUI button{padding:7px 9px;min-height:34px}.replay-buttons .replay-mute{margin-left:0}#replayHelp{font-size:8px}#replayDroneControls{bottom:15px;left:14px;right:15px;justify-content:start;gap:14px;max-width:230px}#replayDroneControls button{min-height:38px;min-width:40px}.drone-horizontal{grid-template-columns:repeat(3,40px);gap:4px}}
@media(max-width:600px){.replay-top strong{font-size:10px}.replay-top>div{max-width:65%}#replayExit{font-size:8px!important;padding:9px!important}.replay-observer{width:210px;top:100px}.replay-observer>span{font-size:8px}.replay-observer>strong{font-size:16px}.replay-entry{gap:9px}.replay-thumbnail{width:48px}.replay-entry h3{font-size:15px}.replay-entry h3 span{display:table;margin-top:7px}.replay-entry-actions{gap:5px}.replay-entry-actions button{font-size:8px;padding:9px}.replay-entry-actions .replay-delete{margin-left:0}.replay-buttons{flex-wrap:wrap;gap:6px}#replayUI button{font-size:9px;padding:8px}.replay-buttons>label{font-size:8px}.replay-buttons .replay-mute{margin-left:0}#replayHelp{font-size:8px}.replay-library-card{padding:16px}.replay-library-heading h2{font-size:23px}.top-actions [data-open-replays] span{display:none}.replay-record-option{font-size:9px}.replay-record-option small{font-size:8px}}

.replay-import{display:flex;gap:12px;align-items:center;margin:12px 0}.replay-import button{padding:9px 12px;border:1px solid #7de6ce55;background:#244d5b;color:#c9fff0;border-radius:4px;font-size:10px;font-weight:800}.replay-import small{font-size:10px;color:#96bbc8}

.replay-top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;pointer-events:auto}
#replayUI .replay-top-actions button{white-space:nowrap}
@media(max-width:600px){.replay-top-actions{gap:5px}#replayUI .replay-top-actions button{font-size:8px;padding:9px 7px}.replay-top>div{min-width:0;max-width:none;flex:1}.replay-top strong{overflow-wrap:anywhere}}

.replay-survivors{position:absolute;top:110px;right:max(22px,env(safe-area-inset-right));width:220px;border:1px solid #8ccbd548;border-top:2px solid #70efd5;border-radius:5px;background:#102d40ed;pointer-events:auto;overflow:hidden}
.replay-survivors>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;list-style:none;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:1px;color:#bbffeb}.replay-survivors>summary::-webkit-details-marker{display:none}.replay-survivors>summary:focus-visible{outline:2px solid #7bffe1;outline-offset:-3px}.replay-survivors>summary i,.replay-survivor>i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8bffcb;box-shadow:0 0 7px #75f5bb66}.replay-survivors>summary i{margin-right:4px}.replay-survivors:not([open]) .replay-survivor-toggle{rotate:-90deg}
#replaySurvivorList{display:grid;gap:4px;max-height:min(360px,max(48px,calc(100dvh - 330px)));overflow-y:auto;overscroll-behavior:contain;padding:0 8px 8px;scrollbar-width:thin;scrollbar-color:#558e99 #112d40}
#replayUI .replay-survivor{width:100%;display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;min-height:34px;padding:8px;border:1px solid transparent;background:#173c4d96;letter-spacing:.1px}#replayUI .replay-survivor.is-watching{border-color:#83f3d5;background:#245443}.replay-survivor>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.replay-survivor>small{font-size:8px;font-weight:600;color:#a9d3cb;font-variant-numeric:tabular-nums}.replay-no-survivors{font-size:10px;line-height:1.6;color:#acc6cd;margin:4px 5px}
@media(max-width:900px){.replay-survivors{top:94px;right:14px;width:190px}}
@media(max-width:650px){.replay-observer{width:calc(56% - 20px)}.replay-survivors{width:calc(44% - 20px)}.replay-survivors>summary{padding:11px 8px;font-size:8px;letter-spacing:.3px}#replayUI .replay-survivor{gap:5px;padding:8px 5px}.replay-survivor>span{font-size:9px}.replay-survivor>small{font-size:7px}}
@media(max-height:550px) and (min-width:650px){.replay-survivors{top:77px;width:190px}.replay-survivors>summary{padding:9px 10px;font-size:9px}}

.replay-survivors:not([open]) #replaySurvivorList{display:none}