/* Native7:5 video proportions; measured against the 1000x1800 cabinet. */
.portrait-header-motion{display:none}
html[data-layout=portrait] .portrait-header-motion{display:block;position:absolute;left:0;top:0;width:100%;height:40%;z-index:1;overflow:hidden;pointer-events:none;contain:paint}
html[data-layout=portrait] .portrait-header-motion video,html[data-layout=portrait] .portrait-header-frame{position:absolute;left:.65%;top:.659722%;width:98.7%;height:auto;aspect-ratio:7/5;max-width:none;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .18s linear;mask-image:linear-gradient(to right,transparent,#000 .7% 99.3%,transparent),linear-gradient(transparent,#000 .8% 98.6%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
html[data-layout=portrait] .portrait-header-motion video[data-scene=bonus],html[data-layout=portrait] .portrait-header-frame[data-scene=bonus]{left:.55%;top:.625%;width:98.7875%}
html[data-layout=portrait] .portrait-header-frame[data-ready=true]{opacity:1}
html[data-layout=portrait] .portrait-header-frame[data-ready=false]{transition:none}
.reduced-motion .portrait-header-motion{display:none!important}
@media(prefers-reduced-motion:reduce){.portrait-header-motion{display:none!important}}

/* Native header surfaces remain invisible; the active frame is composited above. */
html[data-layout=portrait] .portrait-header-motion video{opacity:0;transition:none}