/* 182: unified reference HUD over actual film and image backgrounds. */
#mx-cinema164.mx-cinema180{background:#10222a!important;isolation:isolate;--edge:clamp(20px,4.5vw,84px);overflow:hidden}
#mx-cinema164.mx-cinema180::before{content:""!important;position:absolute!important;inset:0!important;z-index:4!important;background:linear-gradient(180deg,#04111966,transparent 30%,#06172422 50%,#06141de8)!important;pointer-events:none}
#mx-cinema164.mx-cinema180::after{background:none!important;pointer-events:none}
#mx-cinema164.mx-cinema180 .mx180-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#mx-cinema164.mx-cinema180 .mx180-background img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:brightness(1.06) saturate(1.12);transition:opacity .85s ease,transform 4.2s linear;transform:scale(1.025)}
#mx-cinema164.mx-cinema180 .mx180-background img.is-active{opacity:1;transform:scale(1)}
#mx-cinema164.mx-cinema180 .mx180-video-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;transform:none!important;border:0!important;border-radius:0!important;z-index:2;overflow:hidden;background:transparent;box-shadow:none!important}
#mx-cinema164.mx-cinema180 .mx180-video-frame :is(.mx164-film,.mx164-poster,canvas){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;scale:1!important;border-radius:0!important;pointer-events:none!important}
#mx-cinema164.mx-cinema180 .mx180-video-frame video{z-index:2!important}
#mx-cinema164.mx-cinema180 .mx180-video-frame canvas{z-index:3!important}
#mx-cinema164.mx-cinema180 .mx180-film-optics{display:none!important}
#mx-cinema164.mx-cinema180 .mx164-top{z-index:30!important;left:var(--edge)!important;right:var(--edge)!important}
#mx-cinema164.mx-cinema180 .mx164-brackets{display:block!important;inset:92px var(--edge) 26px!important;z-index:8!important;pointer-events:none!important;opacity:.72;filter:drop-shadow(0 0 5px #f6d49377)}
#mx-cinema164.mx-cinema180 .mx165-dial{display:block!important;left:46%!important;top:44%!important;width:min(62vw,70vh)!important;height:auto!important;aspect-ratio:1;transform:translate(-50%,-50%)!important;opacity:.48!important;z-index:7!important;pointer-events:none!important;filter:drop-shadow(0 0 5px #c7f6ff88)}
#mx-cinema164.mx-cinema180 .mx165-dial svg{width:100%;height:100%}
#mx-cinema164.mx-cinema180 .mx168-field{display:block!important;opacity:.36!important;z-index:6!important;pointer-events:none}
#mx-cinema164.mx-cinema180 .mx164-title{display:block!important;opacity:1!important;visibility:visible!important;position:absolute!important;left:8%!important;right:26%!important;top:35%!important;bottom:auto!important;transform:none!important;width:auto!important;text-align:center!important;z-index:9!important;pointer-events:none;text-shadow:0 3px 25px #00131de6}
#mx-cinema164.mx-cinema180 .mx164-title h1{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(42px,6vw,106px)!important;line-height:1.1!important;font-weight:500!important;color:#fff7e5!important;margin:0!important}
#mx-cinema164.mx-cinema180 .mx164-title p{margin:18px 0 0!important;font-size:clamp(10px,1vw,15px)!important;letter-spacing:.23em!important;line-height:1.6!important;color:#fff5df!important}
#mx-cinema164.mx-cinema180 .mx164-title>small{display:none!important}
#mx-cinema164.mx-cinema180 .mx165-message{display:block!important;font:clamp(12px,1.2vw,18px)/1.65 Georgia,serif!important;color:#fff4da!important;margin:20px auto 0!important;max-width:520px;opacity:.92}
#mx-cinema164.mx-cinema180 .mx166-editorial{display:block!important;position:absolute!important;left:var(--edge)!important;right:31%!important;top:auto!important;bottom:138px!important;width:auto!important;height:100px!important;transform:none!important;z-index:9!important;pointer-events:none!important;overflow:hidden}
#mx-cinema164.mx-cinema180 .mx166-cue-track{height:300px!important}
#mx-cinema164.mx-cinema180 .mx166-cue{height:100px!important;min-height:100px!important;display:flex!important;flex-direction:column;justify-content:center;gap:6px!important}
#mx-cinema164.mx-cinema180 .mx166-cue small{font:9px/1.4 Arial!important;letter-spacing:.19em;color:#f0d79e!important}
#mx-cinema164.mx-cinema180 .mx166-cue h2{margin:0!important;font:500 clamp(21px,2.6vw,38px)/1.1 Georgia,serif!important;color:#fff8ea!important;text-shadow:0 2px 14px #0009}
#mx-cinema164.mx-cinema180 .mx166-cue h2 em{display:inline!important;margin-left:.2em;font-size:inherit!important;color:#f4dfb1!important}
#mx-cinema164.mx-cinema180 .mx166-cue p{font:11px/1.5 Arial!important;color:#e6e9e5!important;margin:0!important;letter-spacing:.02em!important}
#mx-cinema164.mx-cinema180 .mx166-film-line{display:block!important;position:absolute!important;left:var(--edge)!important;right:var(--edge)!important;bottom:116px!important;top:auto!important;width:auto!important;height:2px!important;z-index:12!important;background:#e9edf24d!important;transform:none!important}
#mx-cinema164.mx-cinema180 .mx166-film-line i{background:linear-gradient(90deg,#73dfee,#fff1b9)!important;box-shadow:0 0 10px #d8f9ffb3}
#mx-cinema164.mx-cinema180 .mx166-one-line{display:flex!important;position:absolute!important;left:var(--edge)!important;right:34%!important;bottom:83px!important;top:auto!important;transform:none!important;width:auto!important;gap:14px!important;z-index:10!important;font-size:11px!important;line-height:1.4!important;color:#fff4de!important}
#mx-cinema164.mx-cinema180 .mx166-line-kind{display:none!important}
#mx-cinema164.mx-cinema180 .mx166-scene-index{display:block!important;top:auto!important;bottom:37px!important;left:var(--edge)!important;z-index:10!important;font:9px Arial!important;letter-spacing:.18em;color:#e6e8df!important}
#mx-cinema164.mx-cinema180 .mx165-detail{position:absolute!important;left:auto!important;right:var(--edge)!important;top:25%!important;bottom:auto!important;width:clamp(170px,18vw,260px)!important;padding:18px!important;z-index:12!important;background:linear-gradient(135deg,#fff2,#0e2c4266)!important;border:1px solid #d7edf361!important;box-shadow:inset 0 0 22px #eefbff14,0 15px 45px #00151f55!important;backdrop-filter:blur(14px);border-radius:14px!important}
#mx-cinema164.mx-cinema180 .mx165-detail :is(img,video){display:block!important;width:100%!important;height:60px!important;object-fit:cover!important;border-radius:5px;margin:10px 0!important}
#mx-cinema164.mx-cinema180 .mx165-detail ul{font-size:10px!important;line-height:1.5!important}
#mx-cinema164.mx-cinema180 .mx168-zoom{display:none!important}
#mx-cinema164.mx-cinema180 .mx164-controls{position:absolute!important;left:var(--edge)!important;top:102px!important;right:auto!important;bottom:auto!important;width:auto!important;display:flex!important;align-items:center;gap:8px!important;padding:0!important;transform:none!important;z-index:21!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;opacity:1!important;visibility:visible!important}
#mx-cinema164.mx-cinema180 .mx164-controls button{display:inline-flex!important;align-items:center;justify-content:center;min-width:34px!important;min-height:34px!important;border:1px solid #fff5!important;border-radius:50%!important;background:#08253655!important;color:#fff5df!important;font:18px Arial!important;box-shadow:none!important;opacity:1!important;visibility:visible!important}
#mx-cinema164.mx-cinema180 .mx164-controls .mx164-time{display:block!important;color:#fff5df;font:10px monospace!important;margin-left:8px}
#mx-cinema164.mx-cinema180 .mx164-controls input,#mx-cinema164.mx-cinema180 .mx165-progress-caption{display:none!important}
#mx-cinema164.mx-cinema180 .mx182-seek{position:absolute;left:var(--edge);right:var(--edge);bottom:108px;height:18px;z-index:22}
#mx-cinema164.mx-cinema180 .mx182-seek input{width:100%;height:18px;margin:0;opacity:.01;cursor:pointer}
#mx-cinema164.mx-cinema180 .mx182-seek:focus-within{outline:2px solid #f7e3ad;outline-offset:3px}
#mx-cinema164.mx-cinema180 .mx164-enter{position:absolute!important;top:auto!important;bottom:38px!important;left:auto!important;right:var(--edge)!important;width:auto!important;max-width:34vw!important;transform:none!important;min-height:42px!important;padding:12px 20px!important;font:11px Arial!important;letter-spacing:.13em!important;z-index:25!important;background:#11304255!important;border:1px solid #fff7!important;border-radius:4px!important;box-shadow:inset 0 0 16px #d4eeff1a!important;color:#fff7e7!important;backdrop-filter:blur(8px)}
#mx-cinema164.mx-cinema180 .mx164-note{position:absolute!important;left:auto!important;right:var(--edge)!important;top:auto!important;bottom:87px!important;transform:none!important;width:auto!important;font:9px monospace!important;z-index:10!important;color:#efe4cd!important}
#mx-cinema164.mx-cinema180 .mx164-arrows{inset:auto var(--edge) 155px auto!important;display:flex!important;gap:8px;z-index:22!important;width:auto!important}
#mx-cinema164.mx-cinema180 .mx180-background-toggle{position:absolute;bottom:31px;left:31%;z-index:23;color:#efecdf;background:none;border:0;padding:8px;font:8px Arial;letter-spacing:.1em;cursor:pointer}
#mx-cinema164.mx-cinema180 :is(button,a):focus-visible{outline:2px solid #ffe3a6;outline-offset:4px}
@media(max-width:800px){#mx-cinema164.mx-cinema180 .mx165-detail{display:none!important}#mx-cinema164.mx-cinema180 .mx164-title{left:5%!important;right:5%!important;top:31%!important}#mx-cinema164.mx-cinema180 .mx165-dial{left:50%!important;width:min(88vw,60vh)!important}#mx-cinema164.mx-cinema180 .mx165-message{font-size:12px!important;max-width:80%}#mx-cinema164.mx-cinema180 .mx166-editorial{right:var(--edge)!important;bottom:160px!important}#mx-cinema164.mx-cinema180 .mx166-cue p{font-size:10px!important}#mx-cinema164.mx-cinema180 .mx166-one-line{right:var(--edge)!important;bottom:128px!important;font-size:10px!important}#mx-cinema164.mx-cinema180 .mx164-enter{max-width:62vw!important;font-size:10px!important}#mx-cinema164.mx-cinema180 .mx164-note{bottom:91px!important}#mx-cinema164.mx-cinema180 .mx164-arrows{bottom:78px!important;right:auto!important;left:var(--edge)!important}#mx-cinema164.mx-cinema180 .mx180-background-toggle{display:none}#mx-cinema164.mx-cinema180 .mx166-scene-index{font-size:8px!important;max-width:28%;line-height:1.4!important}#mx-cinema164.mx-cinema180 .mx164-controls{top:95px!important;gap:6px!important}}
@media(max-height:600px){#mx-cinema164.mx-cinema180 .mx165-message{display:none!important}#mx-cinema164.mx-cinema180 .mx164-title{top:30%!important}#mx-cinema164.mx-cinema180 .mx164-title h1{font-size:38px!important}#mx-cinema164.mx-cinema180 .mx166-editorial{height:80px!important;bottom:130px!important}#mx-cinema164.mx-cinema180 .mx166-cue p{display:none!important}#mx-cinema164.mx-cinema180 .mx164-controls{top:78px!important}#mx-cinema164.mx-cinema180 .mx165-detail{display:none!important}}
@media(prefers-reduced-motion:reduce){#mx-cinema164.mx-cinema180 .mx180-background img{transition:none!important;transform:none!important}}

#mx-cinema164.mx-cinema180 .mx166-one-line{height:24px!important;align-items:center!important;bottom:78px!important;font-family:Arial,sans-serif!important}
#mx-cinema164.mx-cinema180 .mx166-line-copy{font:12px/1.5 Arial,sans-serif!important;color:#fff3db!important}
#mx-cinema164.mx-cinema180 .mx169-corner{display:none!important}
@media(max-width:800px){#mx-cinema164.mx-cinema180 .mx166-one-line{bottom:128px!important}.mx166-line-copy{font-size:10px!important}}

#mx-cinema164.mx-cinema180 .mx166-cue h2{white-space:normal!important;overflow:visible!important}#mx-cinema164.mx-cinema180 .mx166-cue p{display:block!important}#mx-cinema164.mx-cinema180 .mx166-cue small{display:block!important}#mx-cinema164.mx-cinema180 .mx166-line-copy{white-space:normal!important}

/* 183: preserve every HUD node inside a centered film container; backgrounds keep cycling behind it. */
#mx-cinema164.mx-cinema180 .mx183-cinema-shell{position:absolute;inset:16vh 8vw;container-type:size;isolation:isolate;border:1px solid #e0f4ff88;border-radius:18px;overflow:hidden;box-shadow:0 0 30px #62bfee66,0 0 90px #4296d64d,inset 0 0 35px #e1f5ff33;z-index:5}
#mx-cinema164.mx-cinema180:has(.mx183-cinema-shell)::before{opacity:.25}
@media(max-width:700px){#mx-cinema164.mx-cinema180 .mx183-cinema-shell{inset:14vh 5vw;border-radius:12px}}

/* Owner correction: shorter shared video container, modestly narrower frame. */
@container(max-height:620px){
 #mx-cinema164.mx-cinema180 .mx164-title{top:25%!important}
 #mx-cinema164.mx-cinema180 .mx164-title h1{font-size:clamp(32px,4vw,62px)!important}
 #mx-cinema164.mx-cinema180 .mx164-title p{margin-top:8px!important;font-size:10px!important}
 #mx-cinema164.mx-cinema180 .mx165-message{margin-top:8px!important;font-size:11px!important;line-height:1.4!important}
 #mx-cinema164.mx-cinema180 .mx165-detail{padding:12px!important;width:clamp(160px,16vw,220px)!important}
 #mx-cinema164.mx-cinema180 .mx164-controls{top:76px!important}
 #mx-cinema164.mx-cinema180 .mx165-dial{width:min(48vw,45vh)!important}
}

@container(max-height:620px){
 #mx-cinema164.mx-cinema180 .mx165-detail{top:20%!important}
 #mx-cinema164.mx-cinema180 .mx165-detail ul{margin:8px 0!important;font-size:9px!important;line-height:1.3!important}
 #mx-cinema164.mx-cinema180 .mx165-detail :is(img,video){height:44px!important;margin:6px 0!important}
 #mx-cinema164.mx-cinema180 .mx164-arrows{bottom:28px!important;right:auto!important;left:34%!important}
}
@media(max-width:800px){#mx-cinema164.mx-cinema180 .mx164-arrows{left:var(--edge)!important;bottom:78px!important}}

/* 183 owner: external crystal entry and stronger white cinematic HUD. */
#mx-cinema164.mx-cinema180 .mx183-enter-external{position:absolute;top:calc(84vh + 18px);left:50%;transform:translateX(-50%);z-index:30;min-height:46px;max-width:88vw;padding:14px 30px;color:#fff;border:1px solid #ffffffd9;border-radius:12px;background:linear-gradient(135deg,#ffffff40,#102a405e 48%,#ffffff2b);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 3px #fff,inset 0 0 22px #ffffff47,0 0 20px #d7f4ff80,0 8px 32px #00111c99;font:600 11px/1.4 Arial,sans-serif;letter-spacing:.16em;cursor:pointer;text-shadow:0 2px 5px #000}
#mx-cinema164.mx-cinema180 .mx183-enter-external:hover{background:linear-gradient(135deg,#ffffff70,#24435999,#ffffff50);box-shadow:inset 0 0 28px #ffffff77,0 0 32px #e4faffb3}
#mx-cinema164.mx-cinema180 .mx183-enter-external:disabled{cursor:progress;opacity:.7}
#mx-cinema164.mx-cinema180 .mx183-cinema-shell{animation:mx183-frame-glow 4.8s ease-in-out infinite}
@keyframes mx183-frame-glow{0%,100%{box-shadow:0 0 28px #bcecffb3,0 0 65px #69bdff80,0 0 110px #408be64d,inset 0 0 30px #fff3}50%{box-shadow:0 0 44px #e6faffed,0 0 95px #74c9ffb3,0 0 150px #4f9dff80,inset 0 0 44px #fff5}}
#mx-cinema164.mx-cinema180 .mx165-dial{opacity:.76!important;filter:drop-shadow(0 0 2px #001627cc) drop-shadow(0 0 8px #efffffcc)!important}
#mx-cinema164.mx-cinema180 .mx165-dial svg{animation:mx183-dial-orbit 45s linear infinite}
@keyframes mx183-dial-orbit{to{transform:rotate(360deg)}}
#mx-cinema164.mx-cinema180 .mx168-field{opacity:.58!important;filter:drop-shadow(0 1px 2px #00101dcc)}
#mx-cinema164.mx-cinema180 .mx164-brackets{opacity:.94!important;filter:drop-shadow(0 1px 2px #00101dcc) drop-shadow(0 0 5px #fff9)}
#mx-cinema164.mx-cinema180 .mx166-film-line{background:#ffffff80!important;box-shadow:0 1px 4px #001627cc,0 0 9px #fff8}
#mx-cinema164.mx-cinema180 .mx166-film-line i{background:linear-gradient(90deg,#d7f5ff,#fff,#edfaff)!important;box-shadow:0 0 15px #fff!important}
#mx-cinema164.mx-cinema180 :is(.mx164-title,.mx166-cue,.mx166-line-copy){text-shadow:0 2px 4px #001018,0 3px 16px #001018cc,0 0 10px #ffffff40!important}
#mx-cinema164.mx-cinema180 .mx166-cue h2{color:#fff!important;text-shadow:0 2px 4px #001018,0 2px 12px #001018cc,0 0 10px #fff5!important}
#mx-cinema164.mx-cinema180 .mx180-background-toggle{left:var(--edge);bottom:20px}
@media(max-width:700px){#mx-cinema164.mx-cinema180 .mx183-enter-external{top:calc(86vh + 12px);padding:12px 18px;min-height:44px;font-size:10px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#mx-cinema164.mx-cinema180 .mx183-cinema-shell,#mx-cinema164.mx-cinema180 .mx165-dial svg{animation:none!important}}

/* Composite the pulsing halo instead of repainting large blurred shadows each frame. */
#mx-cinema164.mx-cinema180 .mx183-cinema-shell{animation:none;box-shadow:0 0 24px #c5efff99,inset 0 0 30px #fff3}
#mx-cinema164.mx-cinema180:has(.mx183-cinema-shell)::after{content:""!important;display:block!important;position:absolute!important;inset:16vh 8vw!important;border-radius:18px!important;z-index:4!important;background:none!important;box-shadow:0 0 44px #e6faffed,0 0 95px #74c9ffb3,0 0 150px #4f9dff80!important;animation:mx183-halo-breathe 4.8s ease-in-out infinite!important;will-change:opacity,transform;pointer-events:none!important}
@keyframes mx183-halo-breathe{0%,100%{opacity:.5;transform:scale(.995)}50%{opacity:1;transform:scale(1.008)}}
@media(max-width:700px){#mx-cinema164.mx-cinema180:has(.mx183-cinema-shell)::after{inset:14vh 5vw!important;border-radius:12px!important}}
@media(prefers-reduced-motion:reduce){#mx-cinema164.mx-cinema180:has(.mx183-cinema-shell)::after{animation:none!important;opacity:.7;transform:none}}

@media(max-height:500px){#mx-cinema164.mx-cinema180 .mx183-enter-external{top:calc(84vh + 6px);min-height:34px;padding:8px 18px;font-size:9px}}

/*184: faster image-only movement and smooth exposure changes; approved film/HUD unchanged.*/
#mx-cinema164.mx-cinema180 .mx180-background img{transition:opacity .65s ease;transform:scale(1.09);animation:none}
#mx-cinema164.mx-cinema180 .mx180-background img.is-active{animation:mx184-background-drift 3s ease-in-out both}
@keyframes mx184-background-drift{0%{transform:scale(1.09) translate(-1.2%,.6%);filter:brightness(.76) saturate(1.16)}45%{filter:brightness(1.16) saturate(1.22)}100%{transform:scale(1.025) translate(.6%,-.4%);filter:brightness(.88) saturate(1.15)}}
#mx-cinema164.mx-cinema180:has(.mx180-background-toggle[aria-pressed="true"]) .mx180-background img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#mx-cinema164.mx-cinema180 .mx180-background img{animation:none!important;filter:brightness(1.06) saturate(1.12)}}