[data-surprise-mobile-frame]{--surprise-inset:5px;position:relative;overflow:hidden;width:min(calc(100vw - 2 * var(--surprise-inset)),calc((100dvh - 2 * var(--surprise-inset)) * 16 / 9));aspect-ratio:16/9}[data-surprise-mobile-panel]{position:absolute;inset:0}@media (orientation:portrait){[data-surprise-mobile-frame]{width:min(calc(100vw - 2 * var(--surprise-inset)),calc((100dvh - 2 * var(--surprise-inset)) * 9 / 16));aspect-ratio:9/16}[data-surprise-mobile-panel]{inset:auto;top:50%;left:50%;width:min(calc(100dvh - 2 * var(--surprise-inset)),calc((100vw - 2 * var(--surprise-inset)) * 16 / 9));height:min(calc(100vw - 2 * var(--surprise-inset)),calc((100dvh - 2 * var(--surprise-inset)) * 9 / 16));transform:translate(-50%,-50%) rotate(90deg)}}