:root{--gold:#c89a4b;--cream:#f5ead7}.huddle-overlay{display:none;position:fixed;inset:0;z-index:99999;background:#000;color:var(--cream);overflow:hidden}.huddle-overlay.active{display:block}.huddle-cinema{position:absolute;inset:0;perspective:1400px;background:#030303}.cinema-tunnel{position:absolute;inset:-8%;transform:scale(1.2) translateZ(0);transition:transform 3.1s cubic-bezier(.16,.74,.16,1),filter 1.2s;filter:brightness(.38)}.walking .cinema-tunnel{transform:scale(1);filter:brightness(.8)}.tunnel-roof{position:absolute;left:8%;right:8%;top:0;height:31%;clip-path:polygon(0 0,100% 0,79% 100%,21% 100%);background:linear-gradient(#161616,#050505)}.tunnel-wall{position:absolute;top:17%;bottom:0;width:37%;background:repeating-linear-gradient(0deg,transparent 0 54px,rgba(255,255,255,.025) 55px),linear-gradient(90deg,#050505,#1b1711)}.wall-l{left:0;clip-path:polygon(0 0,100% 18%,78% 100%,0 100%)}.wall-r{right:0;transform:scaleX(-1);clip-path:polygon(0 0,100% 18%,78% 100%,0 100%)}.tunnel-floor{position:absolute;left:8%;right:8%;bottom:-12%;height:58%;clip-path:polygon(21% 0,79% 0,100% 100%,0 100%);background:linear-gradient(180deg,#171512,#050505);box-shadow:inset 0 70px 90px #000}.tunnel-floor:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(200,154,75,.28) 50%,transparent 50.3%)}.tunnel-stripe{position:absolute;top:8%;height:4px;background:#e0b567;box-shadow:0 0 18px #c89a4b,0 0 45px rgba(200,154,75,.45)}.s1{left:18%;width:18%}.s2{left:41%;width:18%}.s3{right:18%;width:18%}.tunnel-copy{position:absolute;left:10%;top:26%;font-weight:900;font-size:clamp(1.1rem,3vw,3rem);line-height:.92;color:#d8aa5b;text-shadow:0 2px 18px #000}.tunnel-copy span{color:#eee}.cinema-door-frame{position:absolute;z-index:6;left:50%;top:20%;width:min(42vw,540px);height:73%;transform:translateX(-50%) scale(.72);transition:transform 1.2s ease;filter:drop-shadow(0 25px 35px #000)}.at-doors .cinema-door-frame,.doors-open .cinema-door-frame{transform:translateX(-50%) scale(1)}.door-sign{position:absolute;left:8%;right:8%;top:-7%;padding:10px;text-align:center;background:#090909;border:1px solid rgba(200,154,75,.5);color:#dcb66f;font-weight:900;letter-spacing:.18em}.door{position:absolute;top:0;width:50.3%;height:100%;background:linear-gradient(90deg,#080808,#211a10 50%,#090909);border:1px solid rgba(200,154,75,.5);transition:transform 1.15s cubic-bezier(.62,.03,.18,1);backface-visibility:hidden}.door:before{content:"";position:absolute;inset:6%;border:1px solid rgba(200,154,75,.35)}.door span{position:absolute;top:43%;font-size:clamp(2rem,5vw,4rem);font-weight:900;color:#c89a4b}.door-left{left:0;transform-origin:left}.door-right{right:0;transform-origin:right}.door-left span{right:12%}.door-right span{left:12%}.doors-open .door-left{transform:rotateY(-108deg)}.doors-open .door-right{transform:rotateY(108deg)}.clubhouse-reveal{position:absolute;inset:0;opacity:0;transform:scale(1.14);transition:opacity .9s ease,transform 1.7s cubic-bezier(.2,.8,.2,1);z-index:2;background:#000}.clubhouse-reveal img{width:100%;height:100%;object-fit:cover;object-position:center}.doors-open .clubhouse-reveal{opacity:1}.room-enter .clubhouse-reveal{transform:scale(1)}.room-light{position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,rgba(235,184,91,.18),transparent 38%),linear-gradient(90deg,rgba(0,0,0,.35),transparent 24%,transparent 76%,rgba(0,0,0,.35))}.cinema-shade{position:absolute;z-index:20;inset:0;background:radial-gradient(circle,transparent 28%,rgba(0,0,0,.82) 100%);pointer-events:none}.cinema-copy{position:absolute;z-index:30;left:50%;bottom:8%;transform:translateX(-50%);width:min(90%,760px);text-align:center;text-shadow:0 3px 16px #000}.cinema-copy small{display:block;color:#c89a4b;font-weight:800;letter-spacing:.22em}.cinema-copy strong{display:block;margin-top:8px;font-size:clamp(1.35rem,3.4vw,2.7rem);text-transform:uppercase}.cinema-copy span{display:block;margin-top:7px;color:#d5c7b3}.cinema-progress{position:absolute;z-index:35;left:50%;bottom:4%;transform:translateX(-50%);display:flex;gap:8px}.cinema-progress i{width:34px;height:3px;background:rgba(255,255,255,.2)}.cinema-progress i.active{background:#c89a4b;box-shadow:0 0 10px #c89a4b}.huddle-controls{position:absolute;z-index:40;right:18px;top:max(18px,env(safe-area-inset-top));display:flex;gap:8px}.huddle-control{border:1px solid rgba(200,154,75,.55);background:rgba(5,5,5,.72);color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;backdrop-filter:blur(8px)}.huddle-control:hover{background:#c89a4b;color:#080808}.cinema-exit{position:absolute;z-index:50;inset:0;background:#020202;opacity:0;pointer-events:none;transition:opacity .5s}.leaving .cinema-exit{opacity:1}.cinema-flash{position:absolute;z-index:18;inset:0;opacity:0;background:#e8bd72;mix-blend-mode:screen}.doors-open .cinema-flash{animation:doorFlash .8s ease}@keyframes doorFlash{0%,100%{opacity:0}35%{opacity:.16}}@media(max-width:700px){.cinema-door-frame{width:72vw;height:66%;top:24%}.tunnel-copy{top:20%}.cinema-copy{bottom:10%}.cinema-progress{bottom:6%}.clubhouse-reveal img{object-position:center}}@media(prefers-reduced-motion:reduce){.cinema-tunnel,.cinema-door-frame,.door,.clubhouse-reveal,.cinema-exit{transition-duration:.15s!important}}