/* Same mobile shell in portrait, installed mode and short landscape phones. */
@media(max-width:760px),(pointer:coarse) and (orientation:landscape) and (max-height:600px) and (max-width:1100px){
 html body[class]{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;min-width:0;max-width:100%}
 html body[class]>header{left:0!important;width:100%!important;max-width:100%;height:64px!important;box-sizing:border-box;padding:10px max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px))!important;gap:8px}
 body>header .brand{min-width:0;flex:1;overflow:hidden}body>header .brand span{font-size:clamp(17px,4vw,25px);white-space:nowrap}body>header .head-actions{gap:5px;flex-shrink:0}body>header #share-app{display:none}
 #menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:36px;width:36px;height:40px;padding:6px}
 html body #side-menu.bottom,html body #side-menu:hover,html body #side-menu:focus-within{width:min(280px,85vw)!important;max-height:100dvh;height:100dvh;overflow-y:auto;overflow-x:hidden;transform:translateX(-100%)!important;visibility:hidden;box-sizing:border-box;padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}
 html body.menu-open{overflow:hidden!important}html body.menu-open #side-menu.bottom{transform:translateX(0)!important;visibility:visible}#side-menu .nav-label,#side-menu .side-brand>span{opacity:1!important}#side-menu .nav-group-label{text-indent:10px!important}#side-menu #menu-close{display:flex!important}
 html body[class]>.app-bottom-nav{display:grid!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;transform:none!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))!important;box-sizing:border-box}
 html body.cine-social-active>.app-bottom-nav{display:none!important}
 html body[class]>#cine-social-bottom,html body[class]>#eyeroom-native-music{left:0!important;right:0!important;width:100%!important;max-width:100%;transform:none!important;box-sizing:border-box}
 html body[class]>#cine-social-bottom{bottom:0!important;padding:6px max(5px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-left,0px))!important;border-radius:0}
 html body.has-native-music>.app-bottom-nav,html body.has-native-music>#cine-social-bottom{bottom:calc(34px + env(safe-area-inset-bottom,0px))!important;padding-bottom:8px!important}
 html body[class]>#eyeroom-native-music{height:calc(34px + env(safe-area-inset-bottom,0px))!important;bottom:0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}
 #eyeroom-native-music>[data-native-open]{min-width:0;overflow:hidden;text-overflow:ellipsis}#eyeroom-native-music button{flex-shrink:0}
 #eyeroom-native-music .native-music-expanded{max-width:calc(100vw - 24px);max-height:calc(100dvh - 150px);bottom:calc(100% + 64px);overflow-y:auto;box-sizing:border-box}
 dialog,.cine-next-dialog,.social-dialog{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:auto;box-sizing:border-box}
 .grid,.fc-layout,.cine-member-grid{min-width:0}.grid>*{min-width:0}#main img,#main video{max-width:100%}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:600px) and (max-width:1100px){
 #main .home-carousel .hero-poster{height:auto!important;max-height:none!important}
 #main #player{min-height:0!important;max-height:calc(100dvh - 116px)!important}
 #watch:not(.mini){min-height:0!important;height:auto!important;max-height:100dvh!important;overflow:auto!important}
 .native-audio-visualizer{height:100px!important}
 #cine-social-bottom button{min-height:40px!important;padding:4px!important}
}