/* V15: Home/selector navigation coordinated with the Airplay-style shell.
   Only / Home and Switch Service; never alters other service routes. */
#mxHomeAirplayNavV14{display:none}
#mxHomeAirplayNavV14[hidden]{display:none!important}
@media(max-width:767px){
 html body.mx-home-airplay-nav14-on #mxHomeAirplayNavV14{
  display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  position:fixed!important;left:50%!important;right:auto!important;
  transform:translate3d(-50%,0,0)!important;
  bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;top:auto!important;
  width:min(calc(100vw - 20px),560px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;
  height:76px!important;min-height:76px!important;max-height:76px!important;
  padding:5px!important;gap:0!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:1fr!important;
  border:1px solid #273344!important;border-radius:27px!important;
  background:#0b121a!important;box-shadow:0 8px 25px #0009!important;
  isolation:isolate!important;overflow:hidden!important;z-index:2147483000!important;
  box-sizing:border-box!important;align-items:stretch!important;justify-content:space-around!important;
  transition:transform .2s ease-out!important;
 }
 html body.mx-home-airplay-nav14-on.mx-home-airplay-nav14-hidden #mxHomeAirplayNavV14{
  transform:translate3d(-50%,calc(100% + 20px + env(safe-area-inset-bottom,0px)),0)!important;
  pointer-events:none!important;
 }
 html body.mx-home-airplay-nav14-on #mxHomeAirplayNavV14 a{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;min-width:0!important;min-height:60px!important;margin:0!important;padding:5px 1px!important;
  text-decoration:none!important;text-align:center!important;color:#a9acb8!important;
  font:600 clamp(9px,2.45vw,11px)/1.2 system-ui,sans-serif!important;
 }
 html body.mx-home-airplay-nav14-on #mxHomeAirplayNavV14 a[aria-current="page"]{color:#ff006d!important}
 html body.mx-home-airplay-nav14-on #mxHomeAirplayNavV14 svg{display:block!important;width:clamp(21px,6vw,25px)!important;height:clamp(21px,6vw,25px)!important;flex:none!important}
 html body.mx-home-airplay-nav14-on #mxHomeAirplayNavV14 span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}
 /* Natural document scrolling. Keep the 76px nav clearance in one place. */
 html body.mx-home-airplay-nav14-on{overflow-y:auto!important;min-height:100%!important;background:#02060d!important}
 html body.mx-home-airplay-nav14-on #app,
 html body.mx-home-airplay-nav14-on #page{
   height:auto!important;max-height:none!important;min-height:100dvh!important;
   overflow-y:visible!important;background:#02060d!important;
 }
 html body.mx-home-airplay-nav14-on #page{padding-bottom:0!important;margin-bottom:0!important}
 html body.mx-home-airplay-nav14-on #page > .mxso-page,
 html body.mx-home-airplay-nav14-on #page > .mxss-screen{
   box-sizing:border-box!important;height:auto!important;max-height:none!important;min-height:0!important;
   overflow:visible!important;background:#02060d!important;
   padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
 }
 /* When the floating menu is hidden, don't leave a permanently blank nav-sized tail. */
 html body.mx-home-airplay-nav14-on.mx-home-airplay-nav14-hidden #page > .mxso-page,
 html body.mx-home-airplay-nav14-on.mx-home-airplay-nav14-hidden #page > .mxss-screen{
   padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
 }
 /* Prevent a second full-viewport slot from being reserved under the service grid. */
 html body.mx-home-airplay-nav14-on #app,
 html body.mx-home-airplay-nav14-on #page{
   min-height:0!important;
 }
 html body.mx-home-airplay-nav14-on #page .mxso-layout,
 html body.mx-home-airplay-nav14-on #mxssGroups{
   height:auto!important;max-height:none!important;overflow:visible!important;
 }
 html body.mx-home-airplay-nav14-on #playerHost > .flutter-global-player:not(.expanded){bottom:calc(95px + env(safe-area-inset-bottom,0px))!important}
}
/* V16: reuse main five-tab navigation only on pages without any visible bottom bar.
   Never reserve a full viewport or interfere with service-specific menus. */
@media(max-width:767px){
 html body.mx-main-nav-fallback-on #mxHomeAirplayNavV14{
  display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  position:fixed!important;left:50%!important;right:auto!important;
  transform:translate3d(-50%,0,0)!important;
  bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;top:auto!important;
  width:min(calc(100vw - 20px),560px)!important;height:76px!important;
  padding:5px!important;gap:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  border:1px solid #273344!important;border-radius:27px!important;
  background:#0b121a!important;box-shadow:0 8px 25px #0009!important;
  box-sizing:border-box!important;z-index:2147483000!important;overflow:hidden!important;
  transition:transform .2s ease-out!important;
 }
 html body.mx-main-nav-fallback-on.mx-home-airplay-nav14-hidden #mxHomeAirplayNavV14{
  transform:translate3d(-50%,calc(100% + 20px + env(safe-area-inset-bottom,0px)),0)!important;pointer-events:none!important;
 }
 html body.mx-main-nav-fallback-on #mxHomeAirplayNavV14 a{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;min-width:0!important;min-height:60px!important;padding:5px 1px!important;
  text-decoration:none!important;text-align:center!important;color:#a9acb8!important;
  font:600 clamp(9px,2.45vw,11px)/1.2 system-ui,sans-serif!important;
 }
 html body.mx-main-nav-fallback-on #mxHomeAirplayNavV14 a[aria-current="page"]{color:#ff006d!important}
 html body.mx-main-nav-fallback-on #mxHomeAirplayNavV14 svg{display:block!important;width:clamp(21px,6vw,25px)!important;height:clamp(21px,6vw,25px)!important;flex:none!important}
 html body.mx-main-nav-fallback-on #mxHomeAirplayNavV14 span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}
 /* Clearance for the visible bar, not an additional full-height blank slot. */
 html body.mx-main-nav-fallback-on #page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}
 html body.mx-main-nav-fallback-on.mx-home-airplay-nav14-hidden #page{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
 html body.mx-main-nav-fallback-on #playerHost > .flutter-global-player:not(.expanded){bottom:calc(95px + env(safe-area-inset-bottom,0px))!important}
}
@media(prefers-reduced-motion:reduce){#mxHomeAirplayNavV14{transition:none!important}}

/* V18: an accessible navigation menu on desktop AND mobile.
   Only the existing fallback element is styled, never service-owned menus. */
@media (min-width:768px){
 html body.mx-home-airplay-nav14-on #mxHomeAirplayNavV14,
 html body.mx-main-nav-fallback-on #mxHomeAirplayNavV14{
  display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  position:fixed!important;left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;bottom:14px!important;top:auto!important;
  width:min(660px,calc(100vw - 32px))!important;height:72px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;
  padding:5px!important;background:#0b121a!important;border:1px solid #273344!important;
  border-radius:24px!important;box-shadow:0 8px 25px #0009!important;
  z-index:2147483000!important;box-sizing:border-box!important;overflow:hidden!important;
 }
 html body.mx-home-airplay-nav14-on #mxHomeAirplayNavV14 a,
 html body.mx-main-nav-fallback-on #mxHomeAirplayNavV14 a{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:3px!important;text-decoration:none!important;
  color:#a9acb8!important;font:600 12px/1.2 system-ui,sans-serif!important;
  min-width:0!important;padding:4px!important;
 }
 html body.mx-home-airplay-nav14-on #mxHomeAirplayNavV14 svg,
 html body.mx-main-nav-fallback-on #mxHomeAirplayNavV14 svg{
  display:block!important;width:24px!important;height:24px!important;
 }
 html body.mx-home-airplay-nav14-on #mxHomeAirplayNavV14 a[aria-current="page"],
 html body.mx-main-nav-fallback-on #mxHomeAirplayNavV14 a[aria-current="page"]{color:#ff006d!important}
 html body.mx-home-airplay-nav14-on #page,
 html body.mx-main-nav-fallback-on #page{padding-bottom:90px!important}
 html body.mx-home-airplay-nav14-on #playerHost > .flutter-global-player:not(.expanded),
 html body.mx-main-nav-fallback-on #playerHost > .flutter-global-player:not(.expanded){bottom:102px!important}
}