/* Hide controls, not the audio element or its playback state, behind the menu. */
html body.menu-open:not(#music-layout-a):not(#music-layout-b)>#eyeroom-native-music,
html body.menu-open:not(#music-layout-a):not(#music-layout-b)>.app-bottom-nav,
html body.menu-open:not(#music-layout-a):not(#music-layout-b)>#cine-social-bottom{
 visibility:hidden!important;pointer-events:none!important;
}
/* Same mobile dock geometry in portrait and short landscape viewports. */
@media(max-width:650px),(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 html body:not(#music-layout-a):not(#music-layout-b)>.app-bottom-nav,
 html body:not(#music-layout-a):not(#music-layout-b)>#cine-social-bottom,
 html body.has-native-music:not(#music-layout-a):not(#music-layout-b)>#eyeroom-native-music{
  position:fixed!important;left:max(12px,env(safe-area-inset-left,0px))!important;
  right:max(12px,env(safe-area-inset-right,0px))!important;
  width:auto!important;max-width:none!important;min-width:0!important;
  transform:none!important;translate:none!important;box-sizing:border-box!important;
 }
 html body.has-native-music:not(#music-layout-a):not(#music-layout-b)>#eyeroom-native-music{
  bottom:calc(var(--eyeroom-dock-bottom,12px) + var(--eyeroom-dock-height,60px) + var(--eyeroom-dock-gap,6px))!important;
  display:flex;flex-wrap:nowrap!important;gap:4px!important;
 }
 html body:not(#music-layout-a):not(#music-layout-b)>#eyeroom-native-music>[data-native-open]{
  flex:1 1 0!important;min-width:0!important;overflow:hidden!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;
 }
 html body:not(#music-layout-a):not(#music-layout-b)>#eyeroom-native-music>button:not([data-native-open]){flex-shrink:0!important}
 html body:not(#music-layout-a):not(#music-layout-b)>#eyeroom-native-music .native-music-expanded{
  left:0!important;right:0!important;width:100%!important;max-width:100%!important;
  bottom:calc(100% + 8px)!important;
  max-height:calc(100dvh - var(--eyeroom-dock-height,60px) - var(--eyeroom-dock-bottom,12px) - 64px)!important;
  overflow-y:auto!important;overscroll-behavior:contain;box-sizing:border-box!important;
 }
}