/* JakSky Mobile Performance V20
   Reduces expensive paint/blur/motion on phones without changing app logic. */
html.jakPerfLite{scroll-behavior:auto!important;}
html.jakPerfLite body{scroll-behavior:auto!important;}

/* Backdrop blur is expensive on many Android GPUs. Keep the dark overlay, remove live blur. */
html.jakPerfLite #modal,
html.jakPerfLite .ageOverlay,
html.jakPerfLite #notifModal,
html.jakPerfLite #userModal,
html.jakPerfLite #publicProfileModal,
html.jakPerfLite #editProfileModal,
html.jakPerfLite .securityOverlay,
html.jakPerfLite #vipShopModal,
html.jakPerfLite #vipCheckoutModal,
html.jakPerfLite #vipOrderDetailModal,
html.jakPerfLite .jakConfirmOverlay{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Keep cards premium but cheaper to composite. */
html.jakPerfLite .card,
html.jakPerfLite .comment,
html.jakPerfLite .replyComment,
html.jakPerfLite .authBox,
html.jakPerfLite .publicProfileBox,
html.jakPerfLite #editProfileModal .editProfileBox,
html.jakPerfLite .modalBox{
  filter:none!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}

/* Stop decorative infinite loops; avatar border videos remain animated. */
html.jakPerfLite body.jakPageHome .brandHero::after,
html.jakPerfLite body.jakPageHome .jakPromoViewport::after,
html.jakPerfLite .jakPromoViewport::after,
html.jakPerfLite #filterTabs button.active,
html.jakPerfLite .tabs button.active,
html.jakPerfLite .tab.active,
html.jakPerfLite #jakCsLauncher,
html.jakPerfLite .jakCsLauncher,
html.jakPerfLite [class*="csLauncher"],
html.jakPerfLite .bottomNav .active,
html.jakPerfLite .bottom-nav .active,
html.jakPerfLite .profileAvatarBackdrop,
html.jakPerfLite .publicProfileHeroGlow,
html.jakPerfLite .publicProfileHeroGrid{
  animation:none!important;
}

/* Reduce transition work while the finger is scrolling. */
html.jakPerfLite.jakPerfScrolling *,
html.jakPerfLite.jakPerfScrolling *::before,
html.jakPerfLite.jakPerfScrolling *::after{
  transition-duration:0s!important;
}

/* Let the browser skip offscreen home cards. */
html.jakPerfLite #list > .card{
  content-visibility:auto;
  contain-intrinsic-size:260px 220px;
  contain:layout paint style;
}

html.jakPerfLite img{
  image-rendering:auto;
}

/* Comment FX remains animated but uses a much lighter 96px/8fps source. */
html.jakPerfLite .jakCommentAvatarWrapV19 > .jakCommentAvatarFxOverlayV19{
  will-change:auto!important;
  transform:translate(-50%,-50%) translateZ(0)!important;
}

/* During active scrolling videos are paused by JS; keep a static frame visible. */
html.jakPerfLite.jakPerfScrolling .jakCommentAvatarFxOverlayV19{
  opacity:.94!important;
}

@media(max-width:768px){
  html.jakPerfLite .modalBox,
  html.jakPerfLite .authBox,
  html.jakPerfLite .publicProfileBox,
  html.jakPerfLite #editProfileModal .editProfileBox{
    -webkit-overflow-scrolling:touch;
  }
}