/* The approved film owns the scene: no masked character or layered scenery. */
body.cinema-site{overflow:hidden;background:#08050d}.cinema-site #adventure{height:100svh;min-height:0;background:#08050d;overflow:hidden}.cinema-site .adventure-header{padding:max(15px,env(safe-area-inset-top)) 5% 15px;background:linear-gradient(#09050fdd,transparent)}.cinema-site .brand span{display:none}.cinema-site #chapter-label{display:none}.cinema-site .header-actions{gap:16px}.cinema-site #motion-control{font-size:12px}
#cinema-stage{position:absolute;inset:0;isolation:isolate;background:radial-gradient(ellipse,#291636,#08050d 75%)}.film-frame{position:absolute;inset:0;margin:auto;max-width:calc(100svh * 9 / 16)}.film-frame img,.film-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;opacity:1;mask-image:none;mix-blend-mode:normal}.film-frame video{opacity:0;visibility:visible;pointer-events:none}#cinema-stage.has-frame video{opacity:1}#cinema-stage.has-frame #film-still{opacity:0}
.cinema-controls{position:absolute;z-index:3;bottom:0;left:0;right:0;margin:0 auto;padding:65px 22px max(18px,env(safe-area-inset-bottom));text-align:center;background:linear-gradient(transparent,#08050ded 40%);display:flex;align-items:center;flex-direction:column;gap:12px}.cinema-controls h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 4px}.cinema-controls .eyebrow{margin:0;font-size:10px;letter-spacing:.22em}.cinema-controls .button{border-radius:999px;min-height:50px;font-size:14px;padding:12px 24px;background:linear-gradient(110deg,#dfadff,#a64dea)}.cinema-controls .quiet{font-size:12px;min-height:30px}#film-status:empty{display:none}#film-status{font-size:12px;margin:0}.dock-links{display:flex;justify-content:center;gap:22px;font-size:13px}.dock-links a{padding:8px 0;border-bottom:1px solid #b28bce55}#skip-film{position:absolute;z-index:4;bottom:max(24px,env(safe-area-inset-bottom));right:6%;background:#10091bbd;padding:8px 16px;border-radius:30px;color:white}
.cinema-site #crypt{position:absolute;inset:0;padding:90px 16px 70px;overflow:auto;background:#0b0711}#adventure #grave-stage{position:relative;top:auto;bottom:auto;left:auto;transform:none;width:min(430px,100%);height:auto;aspect-ratio:2/3;margin:0 auto;max-width:none}.cinema-site #grave-actions{position:relative;inset:auto;transform:none;width:min(650px,100%);margin:20px auto;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cinema-site #grave-status{position:relative;inset:auto;text-align:center;font-size:13px}.cinema-site #crypt-back{position:absolute;bottom:0;left:0;right:0;z-index:20;text-align:center;background:#0b0711;padding:12px}.cinema-site .info-overlay{z-index:40}.cinema-site #empty-grave:after{content:'Tap to leave your name';position:absolute;left:15%;right:15%;top:56%;font:600 20px 'DM Sans',sans-serif;color:#eee0ff;text-shadow:0 2px 8px black}.cinema-site #empty-grave:before{content:none}
@media(min-width:800px){.cinema-controls{max-width:650px;padding-bottom:24px}.cinema-site .brand span{display:block}}@media(max-height:600px){.cinema-controls{gap:6px;padding-top:30px}.cinema-controls h1{font-size:24px}.cinema-controls .eyebrow{display:none}}

.cinema-site #empty-grave,.cinema-site #grave-canvas{mask-image:none}.cinema-site #crypt{animation:none}.cinema-site .grave-caption{bottom:0}

/* Keep the decoded video surface alive through the final frame. */
#cinema-stage[data-phase="film"] .film-frame{contain:paint}
#explore-dock:not([hidden]){animation:dock-arrive .65s ease-out both}
@keyframes dock-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#playback-status{position:absolute;z-index:4;left:50%;top:20%;transform:translateX(-50%);margin:0;padding:8px 16px;border-radius:24px;background:#10091bd9;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s}
#cinema-stage.buffering #playback-status{opacity:1;transition-delay:.5s}
@media(prefers-reduced-motion:reduce){#explore-dock:not([hidden]){animation:none}#playback-status{transition:none}}
