/* One shared portrait viewport keeps the room and its interactive SVG aligned. */
html,body{width:100%;min-height:100%;overflow-x:hidden}main{display:block;min-height:100svh;min-height:100dvh}.scene.portrait-scene{width:100%;height:100svh;height:100dvh;min-height:560px;margin:0;overflow:hidden}.scene.portrait-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.scene.portrait-scene>svg{position:absolute;inset:0;width:100%;height:100%}.portrait-scene .character-contact{bottom:17%;width:min(360px,85%);max-height:55%;overflow:auto}.portrait-scene .character-contact p{font-size:14px}.portrait-scene .contact-buttons button{min-height:48px}.portrait-scene .hollywood-flashes,.portrait-scene .press-sparkles{inset:0}.portrait-scene .flash-layer{inset:0}footer{padding:18px 16px max(18px,env(safe-area-inset-bottom));margin:0;background:#080808}footer>a,footer>button{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px}footer>span{flex-basis:100%;text-align:center}@media(min-aspect-ratio:4/5){main{background:#080808}.scene.portrait-scene{width:min(100%,calc(100dvh * 941 / 1672));min-height:560px;margin:0 auto}}@media(max-height:560px) and (orientation:landscape){.scene.portrait-scene{height:calc(100vw * 1672 / 941);width:100%;min-height:560px}}