/* The foyer shares the homepage viewport and grid; the performances keep their own stage. */
.theatre-view{overflow-x:clip;overflow-anchor:none}
.theatre-frame{display:block;position:relative;isolation:isolate;z-index:1;opacity:1}
.theatre-in-hall .theatre-frame{width:100%}
.theatre-view:not(.theatre-in-hall) .theatre-frame{transform:translate(0px,0px) scale(1);will-change:transform}
@media(min-width:1280px) and (min-height:720px){
 body.theatre-view:not(.theatre-in-hall){height:100svh;min-height:0;overflow:hidden;display:grid;place-items:center;background:#020304}
 .theatre-view:not(.theatre-in-hall) .theatre-frame{display:block;position:relative;isolation:isolate;width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16/9;container-type:inline-size;background:#020304}
 .theatre-view:not(.theatre-in-hall) #main{position:absolute;inset:0;margin:0;padding:0;outline:none}
 .theatre-view:not(.theatre-in-hall) .topbar{position:absolute;z-index:5;top:2.2%;left:5%;width:90%;height:clamp(50px,4cqw,68px);margin:0;padding:8px clamp(20px,2cqw,36px);gap:clamp(16px,1.5cqw,28px);border-radius:20px;border:1px solid #ffffff26;background:linear-gradient(130deg,#e9f2ff0a,#ffffff03);box-shadow:inset 0 1px 0 #ffffff16,0 9px 30px #00000018;backdrop-filter:blur(14px)}
 .theatre-view:not(.theatre-in-hall) .brand{width:clamp(120px,10cqw,170px);flex-shrink:0}
 .theatre-view:not(.theatre-in-hall) .desktop-nav{gap:clamp(18px,1.8cqw,32px);font-size:14px;white-space:nowrap}
 .theatre-view:not(.theatre-in-hall) .topbar>.glass{padding:7px 16px;font-size:14px;border-radius:10px;white-space:nowrap}
 .theatre-view:not(.theatre-in-hall) .mobile-menu{position:absolute;z-index:6;top:10%;left:5%;width:90%;margin:0}
 .theatre-view:not(.theatre-in-hall) .footer{position:absolute;z-index:3;left:5%;bottom:1.5%;width:90%;padding:0;gap:16px;font-size:12px;line-height:1.5;flex-wrap:nowrap}
 .theatre-view .theatre-foyer{width:100%;height:100%;margin:0}
 .theatre-view .foyer-space{width:min(100vw,calc(100svh * 16 / 9));height:min(100svh,calc(100vw * 9 / 16));container-type:inline-size;--foyer-edge:clamp(56px,5.3cqw,88px);--door-width:clamp(135px,10cqw,170px);--door-height:clamp(270px,23cqw,340px)}
 .theatre-view .foyer-page-bar{top:11%;left:5%;right:5%;padding:0;gap:20px}
 .theatre-view .foyer-panel{top:46.5%;width:clamp(260px,19cqw,280px);height:clamp(390px,24.48cqw,470px)}
 .theatre-view .foyer-door-space{bottom:23.611111%}
 .theatre-view .foyer-floor{inset:0;background:linear-gradient(180deg,transparent 70%,#080b101a 77%,#090d1470),radial-gradient(ellipse 70% 30% at 50% 100%,#171c2550,transparent 90%)}
 .theatre-view .foyer-floor>svg{display:none}
 .theatre-view .foyer-floor::before{content:'';position:absolute;inset:0;background:url('/assets/theatre/foyer-perspective-grid.svg?v=screen-75') center/100% 100% no-repeat;mask-image:radial-gradient(ellipse at 58% 62%,#000 16%,#000000c2 62%,#00000029 100%)}
 .theatre-view .foyer-floor-glow{top:76.388889%;bottom:-20%}
 .theatre-view .foyer-floor-ray{top:76.388889%}
}