/* Native scene and flyout artwork. All text and controls remain ordinary HTML. */
.closing.idlet-cinema-ready{position:relative;isolation:isolate;overflow:hidden;min-height:420px;margin:32px;padding:115px 24px 110px;border-radius:18px;border:1px solid #e4e4df;background:#eeefeb;box-shadow:inset 0 1px 1px #fff,0 1px 3px #252b2010}
.closing.idlet-cinema-ready>.closing-orbit{display:none}
.closing.idlet-cinema-ready>h2,.closing.idlet-cinema-ready>p,.closing.idlet-cinema-ready>.material-button{position:relative;z-index:3}
.closing.idlet-cinema-ready>h2{font-size:clamp(32px,3.6vw,49px);max-width:600px;margin-left:auto;margin-right:auto;color:#30352d;text-shadow:0 2px 18px #f5f6ef}
.closing.idlet-cinema-ready>.eyebrow{color:#7d8572;font-size:8px;letter-spacing:1.4px;margin-bottom:19px}
.idlet-cinema{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#fff9,transparent 48%),linear-gradient(120deg,#e9eae5,#f5f5f1 48%,#e5e8df)}
.idlet-cinema:before{content:'';position:absolute;inset:-30%;opacity:.22;background-image:linear-gradient(27deg,transparent 49.6%,#858f742c 50%,transparent 50.4%),linear-gradient(153deg,transparent 49.6%,#858f742c 50%,transparent 50.4%);background-size:80px 40px}
.idlet-cinema-shot,.idlet-cinema-camera{position:absolute;inset:0}
.idlet-cinema-shot{opacity:0;visibility:hidden;contain:layout style;will-change:opacity}
.idlet-cinema-camera{transform-origin:50% 62%;will-change:transform}
.idlet-cinema-machine{position:absolute;left:var(--actor-x);top:var(--actor-y);width:min(var(--actor-width),58vw);aspect-ratio:320/260;transform:translate(-50%,-50%);filter:drop-shadow(0 15px 13px #39422c28)}
.idlet-cinema-machine svg{display:block;width:100%;height:100%;max-width:none;overflow:visible}
.idlet-cinema [data-an-motion]{animation-play-state:paused!important}
.idlet-cinema-shot[data-playing=true] [data-an-motion]{animation-play-state:running!important}
.idlet-cinema-wash{position:absolute;inset:0;background:radial-gradient(ellipse 29% 80% at 50% 48%,#f3f4ef 0%,#f3f4efeb 38%,#f3f4ef80 67%,transparent 100%);z-index:2}
.closing .idlet-cinema-caption{position:absolute;top:23px;left:25px;z-index:4;display:flex;gap:8px;color:#7d8672;font:500 8px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;pointer-events:none}
.idlet-cinema-caption b{font-weight:500;color:#626b59}
.closing .idlet-cinema-progress{position:absolute;left:25px;bottom:25px;z-index:4;display:flex;gap:5px}
.idlet-cinema-progress i{display:block;position:relative;width:31px;height:2px;background:#a7af9b55;overflow:hidden}
.idlet-cinema-progress i:after{content:'';position:absolute;inset:0;background:#6c795a;transform-origin:left;transform:scaleX(var(--progress,0))}
.closing .idlet-cinema-pause{position:absolute;right:15px;bottom:13px;z-index:5;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #b6c0a45c;border-radius:50%;background:#f9faf3a6;color:#6e7c5d;backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.closing .idlet-cinema-pause:hover{background:#fff;transform:scale(1.04)}
.closing .idlet-cinema-pause svg{width:14px;height:14px;fill:currentColor}
.closing .idlet-cinema-pause[hidden]{display:none}
.nav-dropdown.idlet-has-preview{width:500px;min-height:226px;padding-right:208px;border-radius:16px;left:calc(50% + var(--preview-shift,0px))}
.idlet-has-preview>a{padding:9px 7px;gap:12px;font-size:12px}
.idlet-has-preview .mini-machine{width:35px;height:35px;border-radius:10px;flex-shrink:0}
.idlet-nav-preview{position:absolute;right:8px;top:8px;bottom:8px;width:184px;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#fff5,transparent 70%),#e9ece4;border:1px solid #d9dfce;border-radius:10px;pointer-events:none}
.idlet-nav-preview:after{content:'';position:absolute;left:-20%;right:-20%;bottom:-10px;height:70px;opacity:.38;background-image:linear-gradient(27deg,transparent 49%,#aeb99b44 50%,transparent 51%),linear-gradient(153deg,transparent 49%,#aeb99b44 50%,transparent 51%);background-size:48px 24px;z-index:0}
.idlet-nav-preview-kicker{position:absolute;left:13px;right:13px;top:13px;z-index:3;font:500 7px/1.4 var(--mono);letter-spacing:1.2px;color:#879174}
.idlet-nav-preview-label{position:absolute;bottom:13px;left:13px;right:13px;z-index:3;font:500 9px/1.5 var(--mono);color:#737e61}
.idlet-nav-machine-stage{position:absolute;inset:26px -19px 24px;z-index:2}
.idlet-nav-machine{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(9px) scale(.96);transition:opacity .32s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.idlet-nav-machine.active{opacity:1;transform:translateY(0) scale(1)}
.idlet-nav-machine svg{width:100%;height:100%;max-width:none;overflow:visible;filter:drop-shadow(0 6px 5px #40502a22)}
.idlet-nav-preview [data-an-motion]{animation-play-state:paused!important}
.nav-group:hover .idlet-nav-machine.active [data-an-motion],.nav-group:focus-within .idlet-nav-machine.active [data-an-motion],.nav-group.open .idlet-nav-machine.active [data-an-motion]{animation-play-state:running!important}
@media(max-width:760px){
 .closing.idlet-cinema-ready{margin:16px;min-height:420px;padding:124px 18px 116px;border-radius:15px}
 .closing.idlet-cinema-ready>h2{font-size:32px;max-width:340px}
 .idlet-cinema-machine{left:var(--actor-mobile-x);width:var(--actor-mobile-width);opacity:.62}
 .idlet-cinema-wash{background:radial-gradient(ellipse 54% 64% at 50% 48%,#f3f4eff5 0%,#f3f4efca 47%,#f3f4ef33 100%)}
 .closing .idlet-cinema-caption{left:18px;top:19px;font-size:6px;gap:6px}
 .closing .idlet-cinema-progress{left:18px;bottom:24px}
 .nav-dropdown.idlet-has-preview{width:100%;min-height:0;padding:4px 15px;left:auto;border-radius:14px}
 .idlet-nav-preview{display:none}
}
@media(prefers-reduced-motion:reduce){.idlet-cinema-camera,.idlet-nav-machine{transition:none!important;will-change:auto}.idlet-cinema [data-an-motion],.idlet-nav-preview [data-an-motion]{animation:none!important}.idlet-cinema-shot{will-change:auto}.idlet-cinema-progress{display:none!important}}
