html.perf-paused *,
html.perf-paused *::before,
html.perf-paused *::after {
  animation-play-state: paused !important;
  transition: none !important;
}

 
html.perf-lite .perf-fx,
html.perf-lite .perf-fx::before,
html.perf-lite .perf-fx::after,
html.perf-lite .perf-fx-heavy,
html.perf-lite .perf-fx-heavy::before,
html.perf-lite .perf-fx-heavy::after {
  animation: none !important;
}

html.perf-lite .perf-fx-heavy {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none;
}

@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  .perf-fx,
  .perf-fx::before,
  .perf-fx::after,
  .perf-fx-heavy,
  .perf-fx-heavy::before,
  .perf-fx-heavy::after {
    animation: none !important;
  }

  .perf-fx-heavy {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

html.perf-lite .topbar-topup-btn,
html.perf-lite .topbar-wallet-pill__fx,
html.perf-lite .topbar-wallet-pill__icon,
html.perf-lite .topbar-topup-btn__shine,
html.perf-lite .topbar-topup-btn__icon,
html.perf-lite .community-goal-bar-glow,
html.perf-lite .community-goal-bar-fill,
html.perf-lite .promo-event-banner__fx,
html.perf-lite .promo-event-banner__spark,
html.perf-lite .promo-event-banner__ring,
html.perf-lite [class*="__shine"],
html.perf-lite [class*="__glow"],
html.perf-lite [class*="__spark"],
html.perf-lite .dash-tool-icon,
html.perf-lite .buy-day-btn,
html.perf-lite .checkin-claim-btn,
html.perf-lite .nav-unread-badge {
  animation: none !important;
}

 
@keyframes dashPromoCtaGlow {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}

@keyframes dashPromoCheckinBtnGlow {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}

@keyframes promoBannerAttention {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  40% {
    transform: translateY(-2px) scale(1.02);
  }
}

@keyframes communityGoalPulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.9;
  }
}

 
.promo-event-banner.is-visible {
  animation: promoBannerFloat 4.5s ease-in-out infinite !important;
  background-size: cover !important;
}

 
body.user-app .stats-grid,
body.user-app .dashboard-promo-row,
body.admin-app .stats-grid,
body.admin-app .dashboard-kpi-bar,
body.admin-app .table-container {
  contain: layout style;
}

 
body.user-app .proxy-orders-panel,
body.user-app .utility-table-wrap,
body.admin-app .content-section .table-container {
  contain: layout style;
}

 
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  .topbar-topup-btn,
  .topbar-topup-btn__shine,
  .topbar-topup-btn__icon,
  .topbar-wallet-pill--main .topbar-wallet-pill__fx,
  .topbar-wallet-pill--main .topbar-wallet-pill__icon,
  .topbar-wallet-pill--reward .topbar-wallet-pill__fx,
  .topbar-wallet-pill--reward .topbar-wallet-pill__icon,
  .reward-wallet-topup-hint,
  .community-goal-bar-glow,
  .community-goal-card.is-complete .community-goal-bar-fill,
  .promo-event-banner.is-visible,
  .promo-event-banner__badge,
  .promo-event-banner__fx,
  .promo-event-banner__spark,
  .promo-event-banner__ring,
  .promo-event-banner__shimmer,
  .promo-event-banner__glow,
  .promo-event-banner__icon,
  .promo-event-banner.is-attention,
  .dashboard-promo-row .promo-event-banner,
  .dashboard-promo-row .promo-event-banner__shimmer,
  .dashboard-promo-row .promo-event-banner__glow,
  .dashboard-promo-row .promo-event-banner__spark,
  .dashboard-promo-row .promo-event-banner__badge,
  .dashboard-promo-row .promo-event-banner__icon,
  .dashboard-promo-row .promo-event-banner__ring,
  .flash-sale-dashboard-card,
  .flash-sale-dashboard-card [class*="__"],
  .checkin-dashboard-card,
  .checkin-dashboard-btn,
  .proxy-trial-dashboard-card,
  .order-ticker__track,
  body.user-app .support-chat-btn--fab,
  body.admin-app .support-chat-btn--fab,
  body.user-app #createTopupBtn,
  body.user-app .topup-create-btn,
  body.user-app .checkin-claim-btn,
  body.user-app .checkin-claim-btn::after,
  body.user-app .promo-tip-modal__cta::after,
  body.user-app .promo-event-modal__btn::after,
  body.user-app .user-prestige-badge:not(.hidden),
  body.user-app .user-prestige-badge:not(.hidden)::after,
  body.user-app .community-goal-bar-fill::after,
  body.user-app .prestige-progress-bar__fill::after,
  body.user-app #prestigeProgressBarFill::after,
  body.user-app .nav-unread-badge,
  body.user-app .user-mobile-tab__badge,
  body.user-app .user-mobile-tab.is-active .user-mobile-tab__ico,
  body.admin-app .nav-unread-badge,
  body.admin-app .badge.badge-danger,
  body.admin-app .dashboard-total-balance::after,
  body.admin-app .proxy-hub-tab.active,
  body.admin-app .pricing-card-menu__btn.active,
  body.admin-app .admin-mobile-tab.is-active .admin-mobile-tab__ico,
  body.auth-page .auth-showcase::before,
  body.auth-page .auth-showcase::after,
  body.auth-page .auth-brand,
  body.auth-page .auth-brand-logo,
  body.auth-page .auth-card-accent::after,
  body.auth-page .auth-login-btn,
  body.auth-page .landing-btn.primary,
  body.auth-page .auth-login-btn::after,
  body.auth-page .landing-btn.primary::after,
  body.auth-page .auth-admin-badge,
  body.auth-page .user-pwa-install,
  .buy-day-btn.active,
  .renew-day-btn.active,
  .popup-box--confirm .btn-primary,
  #confirmOkBtn {
    animation: none !important;
  }

  .promo-event-modal__backdrop,
  .modal,
  .popup {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.user-app .stats-grid .stat-card:hover,
  body.admin-app .stat-card:hover,
  body.user-app .checkin-dashboard-card:hover,
  body.user-app .flash-sale-dashboard-card:hover {
    transform: none;
  }

  body.user-app,
  body.admin-app,
  body.auth-page {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
  }
}

 
@media (max-width: 480px) {
  body.user-app .topbar-topup-btn,
  body.user-app .topbar-wallet-pill,
  body.auth-page .auth-card {
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
  }
}

 
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .promo-event-modal__backdrop,
  .modal {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

 
html.perf-lite .promo-event-modal__backdrop,
html.perf-lite .modal,
html.perf-lite .popup {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.perf-lite body.user-app .dashboard-promo-row > *,
html.perf-lite body.user-app .community-goal-card,
html.perf-lite body.user-app .flash-sale-dashboard-card {
  box-shadow: none;
}

@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  .order-ticker__track {
    will-change: auto !important;
    animation-duration: 40s !important;
  }

   
  .topup-event-banner__track,
  body.user-app--v2 #dashboardTextTickerTrack.topup-event-banner__track {
    will-change: transform;
    animation-duration: 28s !important;  
  }
}

 
html.perf-lite body.user-app [class*="dashboard-fx"],
html.perf-lite body.user-app [class*="dashboard-fx"]::before,
html.perf-lite body.user-app [class*="dashboard-fx"]::after,
html.perf-lite body.user-app [class*="__shimmer"],
html.perf-lite body.user-app [class*="__ring"],
html.perf-lite body.user-app [class*="skin-"],
html.perf-lite body.admin-app [class*="__shimmer"],
html.perf-lite body.admin-app [class*="__glow"],
html.perf-lite body.auth-page [class*="auth-"][class*="orb"],
html.perf-lite .tq1-frame,
html.perf-lite .tq3-spin,
html.perf-lite [class^="tq"][class*="__"],
html.perf-lite .maint-orb,
html.perf-lite .maint-icon-ring {
  animation: none !important;
}

@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  body.user-app [class*="dashboard-fx"],
  body.user-app [class*="dashboard-fx"]::before,
  body.user-app [class*="dashboard-fx"]::after,
  body.user-app [class*="__shimmer"],
  body.user-app [class*="__ring"],
  body.user-app [class*="__spark"],
  body.user-app [class*="__glow"],
  body.user-app [class*="skin-"],
  body.admin-app [class*="__shimmer"],
  body.admin-app [class*="__glow"],
  body.admin-app .nav-unread-badge,
  body.auth-page .maint-orb,
  [class^="tq"][class*="__"],
  .skins-ocean [class*="ocean"],
  .skins-sunset [class*="sunset"],
  .skins-violet [class*="violet"],
  .skins-emerald [class*="emerald"] {
    animation: none !important;
  }

  body.user-app [class*="__shimmer"],
  body.admin-app [class*="__shimmer"],
  .promo-event-modal__backdrop,
  .modal,
  .popup {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

 
.user-app section.hidden,
body.admin-app .content-section:not(.active),
.admin-app .content-section:not(.active),
#appBox > section.hidden {
  content-visibility: hidden;
  contain: layout style paint;
}