/* Low-power profile: keep feedback responsive without expensive Safari compositing. */
html[data-performance="lite"] .petal,
html[data-performance="lite"] .tap-button__aura,
html[data-performance="lite"] .tap-button__shine,
html[data-performance="lite"] .tap-orbit__ring,
html[data-performance="lite"] .tap-spark,
html[data-performance="lite"] .tap-impact-flash,
html[data-performance="lite"] .tap-cry,
html[data-performance="lite"] .reward-confetti {
  display: none !important;
}

html[data-performance="lite"] .world__moon,
html[data-performance="lite"] .tap-button__character,
html[data-performance="lite"] .tap-button__arara,
html[data-performance="lite"] .tap-button__hannya,
html[data-performance="lite"] .rank-stage__medals,
html[data-performance="lite"] .rank-stage__podium,
html[data-performance="lite"] .referral-card__art {
  filter: none !important;
}

html[data-performance="lite"] .tap-button,
html[data-performance="lite"] .tap-button__character,
html[data-performance="lite"] .tap-button__arara,
html[data-performance="lite"] .tap-button__hannya {
  transition-property: transform, opacity !important;
  transition-duration: 90ms !important;
  will-change: auto !important;
}

html[data-performance="lite"] .tap-button.is-tapping .tap-button__character,
html[data-performance="lite"] .tap-button.is-tapping .tap-button__arara,
html[data-performance="lite"] .tap-button.is-tapping .tap-button__hannya {
  animation: none !important;
  transform: translate3d(0, 2px, 0) scale(.985) !important;
}

html[data-performance="lite"] .screen {
  animation: arara-lite-screen-in 120ms ease-out both !important;
}

html[data-performance="lite"] .loading-screen::before,
html[data-performance="lite"] .auth-gate::before,
html[data-performance="lite"] .topbar,
html[data-performance="lite"] .bottom-nav,
html[data-performance="lite"] .toast,
html[data-performance="lite"] .player-strip {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-performance="lite"] .loading-screen img {
  animation: none !important;
  filter: none !important;
}

@keyframes arara-lite-screen-in {
  from { opacity: .72; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .screen,
  .tap-button,
  .tap-button * {
    animation: none !important;
    transition: none !important;
  }
}
