/* JakSky Performance V77 — mobile paint optimizations.
   Keep brand colours/layout; remove only GPU-heavy effects on coarse/mobile screens. */
@media (max-width: 820px), (pointer: coarse){
  #userModal:not(.hidden){
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    background:rgba(3,10,25,.88) !important;
  }
  #userModal .authBox{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  #userModal .authBox[data-auth-ui-v4="1"],
  #userModal .authBox[data-auth-ui-v4="1"].authV4Ready{
    transform:none !important;
    opacity:1 !important;
    animation:none !important;
  }
  #userModal .authBox #catLogin,
  #userModal .authBox #catLogin.authCatSwitch,
  #userModal .authV4Decor i,
  #userModal .authActionsV4 .authBtn::after{
    animation:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }
  #userModal .authModePulse .authV4Title,
  #userModal .authModePulse .authV4Sub,
  #userModal .authModePulse .authV4Fields{
    animation:none !important;
  }
  .bottomNav,
  .bottomNav button{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    will-change:auto !important;
  }
  #list .card{content-visibility:auto;contain-intrinsic-size:320px 300px;}
  #list .card img{content-visibility:auto;}
}