.replay-scene{position:relative;background:#0c1110;border:1px solid #ff9a1f77;box-shadow:0 0 0 5px #101312,0 0 0 6px #455047,0 0 32px #ff9a1f0b,0 25px 70px #0007;margin-top:28px;width:100%;align-self:center;isolation:isolate}
.replay-scene:before{content:'';position:absolute;inset:-7px;z-index:2;pointer-events:none;background:linear-gradient(#ff9a1f,#ff9a1f) left top/32px 3px,linear-gradient(#ff9a1f,#ff9a1f) left top/3px 32px,linear-gradient(#ff9a1f,#ff9a1f) right top/32px 3px,linear-gradient(#ff9a1f,#ff9a1f) right top/3px 32px,linear-gradient(#ff9a1f,#ff9a1f) left bottom/32px 3px,linear-gradient(#ff9a1f,#ff9a1f) left bottom/3px 32px,linear-gradient(#ff9a1f,#ff9a1f) right bottom/32px 3px,linear-gradient(#ff9a1f,#ff9a1f) right bottom/3px 32px;background-repeat:no-repeat}
.replay-scene:after{content:'';position:absolute;inset:4px;border:1px solid #ffffff09;pointer-events:none;z-index:1}
.scene-top{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #29342c;font:8px Consolas,monospace;letter-spacing:1.1px;color:#aab9ad;gap:10px}
.scene-top i{display:inline-block;width:5px;height:5px;background:#ff9a1f;margin-right:7px}
.scene-field{position:relative;aspect-ratio:1.16;overflow:hidden;background:radial-gradient(ellipse,#1c2a2044,transparent 70%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,30px 30px,30px 30px}
.scene-field>img,.scene-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px}
.scene-field>img{opacity:.8;filter:grayscale(.65) brightness(.9)}
.scene-trail{fill:none;stroke:#8cced4;stroke-width:2;stroke-dasharray:3 6;opacity:.7}
.scene-trail.orange{stroke:#ff9a1f}.scene-cone{fill:#ff9a1f1c;stroke:#ff9a1f44}
.scene-ct{fill:#a0e1e9;stroke:#101615;stroke-width:2}.scene-t{fill:#ff9a1f;stroke:#101615;stroke-width:2}
.scene-flash{fill:#fff3ba22;stroke:#fff3ba88;stroke-dasharray:2 4;animation:scene-flash 3s ease-in-out infinite}
.scene-shot{stroke:#ffd292;stroke-width:1.5;stroke-dasharray:12 5;animation:scene-shot 2.4s steps(2,end) infinite}
.scene-shot.secondary{stroke:#b2f3fa;animation-delay:.3s}
.scene-name{fill:#d4e1d7;font:9px Consolas,monospace;paint-order:stroke;stroke:#0c1110;stroke-width:3px;stroke-linejoin:round}
.scene-selected{fill:#ffba66;font-weight:700}
.scene-feed{position:absolute;right:12px;top:12px;width:183px;background:#0a100eed;border:1px solid #3a473c;padding:9px 11px}
.scene-feed-label{display:block;font:7px Consolas;letter-spacing:1.5px;color:#7e9284;margin-bottom:5px}
.scene-feed>div{display:flex;justify-content:space-between;gap:7px;font:8px Consolas;line-height:2.2}
.scene-feed b{color:#ffaf48;font-weight:500}.scene-feed em{color:#a5d9df;font-style:normal}.scene-feed div>span{color:#859c8d}
.scene-callout{position:absolute;right:12px;bottom:18px;background:#111913ed;border-left:2px solid #ff9a1f;padding:12px 14px}
.scene-callout>span{font:7px Consolas;letter-spacing:1px;color:#ffb44f;display:block;margin-bottom:6px}
.scene-callout strong{font-size:14px;line-height:1.35;font-weight:500;display:block}
.scene-smoke-label{position:absolute;left:39%;top:62%;font:7px Consolas;color:#d1ddd5;background:#111a12b0;padding:3px 5px}
.scene-bottom{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid #29342c;font:9px Consolas;color:#a7b8ab}
.scene-toggle{border:1px solid #70542c;background:#ff9a1f14;color:#ff9a1f;font-size:11px;width:28px;height:26px;padding:0}
.scene-progress{position:relative;height:3px;background:#334038;flex:1}.scene-progress i{display:block;width:37%;height:3px;background:#ff9a1f}
.scene-progress b{position:absolute;top:-2px;left:34%;background:#d8dacb;height:7px;width:2px}.scene-progress b:nth-child(3){left:59%}.scene-progress b:nth-child(4){left:81%}
.scene-speed{color:#ff9a1f}.scene-caption{margin:0;padding:0 14px 10px;font:8px Consolas;color:#829288}
.scene-paused *{animation-play-state:paused!important}
.login-layout{gap:70px}.login-story h1{font-size:clamp(40px,3.8vw,58px)}.login-story .replay-scene{max-width:570px}.login-story .scene-field{aspect-ratio:1.65}
@keyframes scene-shot{0%,65%,100%{opacity:.2}12%,35%{opacity:1}}
@keyframes scene-flash{0%,100%{opacity:.25}45%{opacity:1}}
@media(max-width:1050px){.scene-feed{width:150px}.scene-feed>div{font-size:7px}.scene-callout strong{font-size:12px}.login-layout{gap:35px}}
@media(max-width:760px){.replay-scene{margin-block:20px}.scene-top{font-size:7px}.login-story .scene-field{aspect-ratio:1.25}.scene-field{aspect-ratio:1.05}.scene-callout{bottom:12px;padding:9px}.scene-callout strong{font-size:12px}.scene-bottom{gap:8px}.login-story h1{font-size:clamp(38px,9vw,65px)}}
@media(prefers-reduced-motion:reduce){.scene-shot,.scene-flash{animation:none}}