.room-cinema{z-index:30;color:#f2e9d6;isolation:isolate;background:#101113 url(/cinema-study.jpg) 50%/cover;position:fixed;inset:0;overflow:hidden}.room-cinema canvas{width:100%;height:100%;display:block}.room-cinema__shade{pointer-events:none;background:linear-gradient(#080a0d4d,#0000 20% 66%,#080a0d99 86%,#080a0de6);position:absolute;inset:0;box-shadow:inset 0 0 100px #080a0d55}.room-cinema__caption{bottom:max(100px,calc(env(safe-area-inset-bottom) + 90px));text-align:center;text-shadow:0 2px 15px #000;position:absolute;left:24px;right:24px}.room-cinema__caption span{letter-spacing:.2em;font:500 12px DM Mono,monospace}.room-cinema__caption p{text-wrap:balance;margin:14px 0 0;font:400 clamp(22px,3vw,38px)/1.2 Space Grotesk,sans-serif}.room-cinema--arrival .room-cinema__caption{animation:1s both beat-arrive}.room-cinema__controls{bottom:max(20px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:16px;font:12px DM Mono,monospace;display:flex;position:absolute}.room-cinema__controls>span{color:#e4dbcb;text-shadow:0 1px 8px #000}.room-cinema__controls button{color:#fff2dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11161dbf;border:1px solid #f2e9d65e;border-radius:2px;min-height:44px;padding:10px 16px;font-size:14px}.room-cinema__controls button:hover{background:#34302a}.room-cinema__progress{transform-origin:0;background:#d4b27e;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.room-cinema--loading canvas{opacity:0}.room-cinema--fallback{background-image:url(/cinema-anorak.jpg);background-position:46%}.room-cinema--fallback canvas{opacity:0}@media (max-width:600px){.room-cinema__controls{left:16px;right:16px}.room-cinema__controls>span{max-width:120px;font-size:12px;line-height:1.5}.room-cinema__caption{bottom:115px;left:20px;right:20px}.room-cinema__caption p{font-size:24px}}@media (max-height:500px) and (orientation:landscape){.room-cinema__caption{bottom:68px}.room-cinema__caption p{margin-top:6px;font-size:22px}.room-cinema__controls{bottom:10px}}@media (prefers-reduced-motion:reduce){.room-cinema__caption{animation:none!important}}