/* Five Ghostface-themed environments. Artwork is composited from the approved cinematic concept. */
.drop26-hero .cx-stage-scene{z-index:1}
body[data-cinematic-stage] .drop26-hero-art{filter:none!important;transform:none!important;background-position:center center!important;background-size:cover!important;transition:background-image .3s,opacity .35s!important}
body[data-cinematic-stage=offline] .drop26-hero-art{background-image:url('assets/ghostface-scene-offline.webp')!important}
body[data-cinematic-stage=whisper] .drop26-hero-art{background-image:url('assets/ghostface-scene-whisper.webp')!important}
body[data-cinematic-stage=reveal] .drop26-hero-art{background-image:url('assets/ghostface-scene-reveal.webp')!important}
body[data-cinematic-stage=final] .drop26-hero-art{background-image:url('assets/ghostface-scene-final.webp')!important}
body[data-cinematic-stage=time] .drop26-hero-art{background-image:url('assets/ghostface-scene-time.webp')!important}
body[data-cinematic-stage] .drop26-hero-shade{background:linear-gradient(90deg,#000b 0%,#0005 43%,transparent 85%),linear-gradient(0deg,#050505 0%,transparent 20%)!important}
body[data-cinematic-stage] .cx-alert,body[data-cinematic-stage] .cx-cctv,body[data-cinematic-stage] .cx-target-ring,body[data-cinematic-stage] .cx-crosshair,body[data-cinematic-stage] .cx-grid,body[data-cinematic-stage] .cx-rupture,body[data-cinematic-stage] .cx-sweep,body[data-cinematic-stage] .cx-reveal-word{display:none!important}
body[data-cinematic-stage=whisper] .cx-cctv{display:flex!important;opacity:1}
body[data-cinematic-stage=reveal] .cx-target-ring{display:block!important;opacity:.6}
body[data-cinematic-stage=final] .cx-rupture{display:block!important;opacity:.5}
body[data-cinematic-stage=time] .cx-reveal-word{display:block!important;opacity:.8}
@media(max-width:800px){body[data-cinematic-stage] .drop26-hero-art{background-position:65% top!important;background-size:auto 68%!important;background-color:#050505!important}body[data-cinematic-stage] .drop26-hero-shade{background:linear-gradient(0deg,#050505 2%,#050505f5 36%,#05050522 79%)!important}}
