/* Mobile-only nav coordinator. Desktop is exactly unchanged.
   One visible, accessible nav; no changes to player or route content. */
@media(max-width:767px){
 html[data-mx-phone-nav-owner="service"] body #mxRemainingFlutterWorkspace:not([hidden]),
 html[data-mx-phone-nav-owner="service-fallback"] body #mxPhoneNavUnified:not([hidden]),
 html[data-mx-phone-nav-owner="market"] body #mxFlutterMarketTabs:not([hidden]),
 html[data-mx-phone-nav-owner="tv"] body #app > #bottomNav,
 html[data-mx-phone-nav-owner="root"] body #app > #bottomNav{
  display:flex!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;
  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;
 }
 html[data-mx-phone-nav-owner="market"] body #mxFlutterMarketTabs:not([hidden]),
 html[data-mx-phone-nav-owner="root"] body #app > #bottomNav,
 html[data-mx-phone-nav-owner="tv"] body #app > #bottomNav {display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
 html[data-mx-phone-nav-owner="tv"] body #app > #bottomNav {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-mx-phone-nav-owner="service"] body #app > #bottomNav,
 html[data-mx-phone-nav-owner="service"] body #mxNavRescue,
 html[data-mx-phone-nav-owner="service-fallback"] body #app > #bottomNav,
 html[data-mx-phone-nav-owner="service-fallback"] body #mxRemainingFlutterWorkspace,
 html[data-mx-phone-nav-owner="service-fallback"] body #mxNavRescue,
 html[data-mx-phone-nav-owner="market"] body #app > #bottomNav,
 html[data-mx-phone-nav-owner="market"] body #mxRemainingFlutterWorkspace,
 html[data-mx-phone-nav-owner="tv"] body #mxRemainingFlutterWorkspace,
 html[data-mx-phone-nav-owner="tv"] body #mxNavRescue,
 html[data-mx-phone-nav-owner="root"] body #mxRemainingFlutterWorkspace,
 html[data-mx-phone-nav-owner="root"] body #mxNavRescue,
 html[data-mx-phone-nav-owner="selector"] body #app > nav#bottomNav.bottom-nav,
 html[data-mx-phone-nav-owner="selector"] body #mxRemainingFlutterWorkspace,
 html[data-mx-phone-nav-owner="selector"] body #mxNavRescue,
 html[data-mx-phone-nav-owner="selector"] body #mxFlutterMarketTabs{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
 }
 html body #mxPhoneNavUnified[hidden],html:not([data-mx-phone-nav-owner="service-fallback"]) body #mxPhoneNavUnified{display:none!important}
 html[data-mx-phone-nav-owner="service"] body #mxRemainingFlutterWorkspace .mx-flutter-rem-tab,
 html[data-mx-phone-nav-owner="service-fallback"] body #mxPhoneNavUnified .mx-phone-nav-tab,
 html[data-mx-phone-nav-owner="market"] body #mxFlutterMarketTabs .mx-flutter-workspace-tab,
 html[data-mx-phone-nav-owner="root"] body #app > #bottomNav > a,
 html[data-mx-phone-nav-owner="tv"] body #app > #bottomNav > a{
  flex:1 1 0!important;width:100%!important;min-width:0!important;min-height:60px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;padding:5px 1px!important;box-sizing:border-box!important;
  color:#a9acb8!important;text-decoration:none!important;text-align:center!important;
  font:600 clamp(9px,2.45vw,11px)/1.2 system-ui,sans-serif!important;
 }
 html[data-mx-phone-nav-owner="service-fallback"] body #mxPhoneNavUnified .mx-phone-nav-tab.active,
 html[data-mx-phone-nav-owner="service"] body #mxRemainingFlutterWorkspace .mx-flutter-rem-tab.active,
 html[data-mx-phone-nav-owner="market"] body #mxFlutterMarketTabs .mx-flutter-workspace-tab.selected,
 html[data-mx-phone-nav-owner="root"] body #app > #bottomNav > a.active,
 html[data-mx-phone-nav-owner="tv"] body #app > #bottomNav > a.active{color:#ff006d!important}
 html[data-mx-phone-nav-owner] body #mxRemainingFlutterWorkspace svg,
 html[data-mx-phone-nav-owner] body #mxPhoneNavUnified svg,
 html[data-mx-phone-nav-owner] body #mxFlutterMarketTabs svg,
 html[data-mx-phone-nav-owner] body #app > #bottomNav > a svg{
  display:block!important;opacity:1!important;visibility:visible!important;
  width:clamp(21px,6vw,25px)!important;height:clamp(21px,6vw,25px)!important;flex:0 0 auto!important;
 }
 html[data-mx-phone-nav-owner] body #mxRemainingFlutterWorkspace span,
 html[data-mx-phone-nav-owner] body #mxPhoneNavUnified span,
 html[data-mx-phone-nav-owner] body #mxFlutterMarketTabs span,
 html[data-mx-phone-nav-owner] body #app > #bottomNav > a small{
  display:block!important;visibility:visible!important;opacity:1!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;
 }
 html[data-mx-phone-nav-owner="service"] body #page,
 html[data-mx-phone-nav-owner="service-fallback"] body #page,
 html[data-mx-phone-nav-owner="market"] body #page,
 html[data-mx-phone-nav-owner="tv"] body #page,
 html[data-mx-phone-nav-owner="root"] body #page{
  padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))!important;
 }
}