.cinema-scene{position:fixed;inset:0;z-index:4;pointer-events:none;isolation:isolate}.cinema-scene[hidden]{display:none}
.cinema-dimmer{position:absolute;inset:0;background:#010604;opacity:0;transition:opacity 1.8s;z-index:-2}
.cinema-screen{position:absolute;left:0;top:0;width:800px;height:400px;transform-origin:0 0;overflow:hidden;background:#17211b;box-shadow:inset 0 0 35px #0007;isolation:isolate}
.cinema-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050806;opacity:0;transition:opacity .4s;filter:sepia(.08) contrast(.98)}
.screen-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,#d5c7ab,#afa38b);color:#293026;text-shadow:0 1px #f5e6c144}
.screen-idle small{font-size:12px;letter-spacing:.3em;margin-bottom:23px}.screen-idle h2{font-size:58px;line-height:1;margin:0 0 26px}.screen-idle h2 em{color:#5d644f}.screen-idle>span{font-size:10px;letter-spacing:.23em}
.screen-texture{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.2;box-shadow:inset 0 0 22px #000;background:repeating-linear-gradient(0deg,#00000013 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.film-leader{position:absolute;inset:0;display:none;place-items:center;background:radial-gradient(circle,#c9c5ae,#777f6a);color:#253026;font:130px Georgia,serif}
.film-leader:after{content:'';position:absolute;left:50%;top:50%;width:235px;height:235px;transform:translate(-50%,-50%);border:2px solid #28382877;border-radius:50%;box-shadow:0 0 0 9px #b6baa211,0 0 0 11px #28382866}
.counting .film-leader{display:grid}.counting .screen-idle{opacity:0}
.projection-beam{position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#e3d2a82b,transparent 75%);mix-blend-mode:screen;opacity:0;transition:opacity 1.2s}
.cinema-scene:is([data-state=playing],[data-state=paused],[data-state=ended],[data-state=error]) video{opacity:1}
.cinema-scene:is([data-state=playing],[data-state=paused],[data-state=ended],[data-state=error]) .screen-idle{opacity:0}
.cinema-scene:is([data-state=loading],[data-state=playing],[data-state=paused],[data-state=ended]) .cinema-dimmer{opacity:.57}
.cinema-scene:is([data-state=playing],[data-state=loading]) .projection-beam{opacity:1}
.film-pick{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;pointer-events:auto;border-radius:50%;padding:0;cursor:grab;touch-action:none;background:transparent}
.film-pick:active{cursor:grabbing}.film-pick:focus-visible{outline:1px solid #efd092;outline-offset:5px}
.reel-number{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;letter-spacing:.08em;color:#f7e6bd;text-shadow:0 1px 4px #000}
.film-name{position:absolute;left:50%;top:calc(100% - 3px);transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#ead8b2;background:#0a1714ed;border:1px solid #c5a56a66;padding:5px 9px;line-height:1.4;text-align:center}
.film-name small{display:block;font-size:7px;letter-spacing:.1em;color:#b7c4ac;margin-top:2px}
.film-pick:hover,.film-pick[aria-pressed=true]{box-shadow:0 0 0 1px #f0d495,0 0 25px #e3d3a239}.film-pick[aria-pressed=true] .film-name{border-color:#e6c889;color:white}
.projector-load{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;flex-direction:column;gap:9px;color:#ebd09a;padding:10px;background:#10221cda;border:1px solid #debd7c8a;opacity:0;visibility:hidden;transition:opacity .3s,background .3s;min-width:105px}
.projector-load>span{font-size:29px;line-height:1}.projector-load small{font-size:9px;letter-spacing:.1em}.cinema-scene[data-state=held] .projector-load{opacity:1;visibility:visible}.projector-load:hover,.projector-load.drop-ready{background:#796a37e8;box-shadow:0 0 35px #ddcfa477}
.cinema-instruction{position:absolute;top:33px;left:50%;transform:translateX(-50%);text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.2;color:#ede0c5;text-shadow:0 2px 8px #000;white-space:nowrap;transition:opacity .4s}
.cinema-instruction small{display:block;font:10px/1.6 'Schibsted Grotesk',sans-serif;letter-spacing:.04em;color:#c7cbb7;margin-top:7px}
.cinema-transport{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;pointer-events:auto;background:#091610ee;border:1px solid #ad936250;padding:17px 22px 21px;max-width:90vw;min-height:75px}
.cinema-transport[hidden],.cinema-cancel[hidden]{display:none}.cinema-transport button{min-height:44px;font-size:10px;letter-spacing:.06em;white-space:nowrap}.cinema-transport .cinema-play,.cinema-transport .cinema-rewind{font-size:22px;width:38px;flex-shrink:0;color:#e2c58a}.now-playing{padding-right:20px;min-width:165px}.now-playing small{display:block;color:#a4b29f;font-size:8px;white-space:nowrap;margin-bottom:5px}.now-playing strong{font:24px 'Cormorant Garamond',Georgia,serif;color:#f2e5ce}.cinema-info{color:#d8c293}.cinema-eject{border-left:1px solid #a68e6055;padding-left:18px;color:#eee4cd}
.cinema-timeline{position:absolute;bottom:0;left:0;right:0;height:2px;background:#314438}.cinema-timeline span{display:block;height:100%;background:#d7be7d;width:0}
.cinema-cancel{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);pointer-events:auto;min-height:44px;font-size:10px;letter-spacing:.1em;padding:12px 20px;background:#0e1e17e6;border:1px solid #c7ad6a66;color:#dec99b}
body[data-chamber=archive] .machine-controls,body[data-chamber=archive] .quest,body[data-chamber=archive] .object-cue,body[data-chamber=archive] #hotspots{display:none}
body[data-chamber=archive]:is([data-cinema=playing],[data-cinema=paused],[data-cinema=loading],[data-cinema=ended]) .room-heading{opacity:0}
.cinema-scene:is([data-state=playing],[data-state=paused],[data-state=ended],[data-state=loading]) .reel-picks{opacity:0;pointer-events:none}.cinema-scene:is([data-state=playing],[data-state=paused],[data-state=ended],[data-state=loading]) .film-pick{pointer-events:none}
@media(max-width:700px){
 .cinema-instruction{top:92px;font-size:21px;width:calc(100% - 40px);white-space:normal}.cinema-instruction small{font-size:9px}
 .film-pick{width:40px;height:40px}.film-name{top:35px;font-size:8px;padding:3px 5px}.film-name small{display:none}.reel-number{font-size:8px}
 .projector-load{min-width:78px;padding:7px;gap:4px}.projector-load>span{font-size:20px}.projector-load small{font-size:8px}
 .cinema-transport{bottom:76px;width:calc(100% - 32px);max-width:none;flex-wrap:wrap;gap:5px;padding:12px 15px}.now-playing{flex:1;min-width:190px}.now-playing strong{font-size:24px}.now-playing small{font-size:7px}.cinema-info,.cinema-eject{width:calc(50% - 5px);text-align:left}.cinema-eject{padding-left:14px}.cinema-transport .cinema-play,.cinema-transport .cinema-rewind{width:30px}
 .cinema-cancel{bottom:80px}
 body[data-chamber=archive] .room-heading{bottom:118px!important}
}
@media(prefers-reduced-motion:reduce){.cinema-scene *{transition:none!important;animation:none!important}}

.cinema-scene:is([data-state=playing],[data-state=paused],[data-state=ended],[data-state=error]) .screen-idle{visibility:hidden}
.cinema-scene:is([data-state=playing],[data-state=paused],[data-state=ended],[data-state=loading]) .reel-picks{visibility:hidden}

body[data-chamber=archive] .discovery-footer{display:none}