/*
 * Krot overrides for Bedolaga Cabinet (injected by deploy/cabinet/nginx.conf, no fork).
 *
 * Aurora background: upstream disables the animation below 768px
 * (src/components/ui/backgrounds/aurora-background.tsx: `!isMobile && 'animate-aurora'`,
 * backgroundSize '100%, 100%'), so on phones the light rays stand still.
 * Here we bring it back on mobile, slower than on desktop so it stays calm.
 * animation-play-state is left to upstream inline style (pauses in hidden tabs).
 * Users with "reduce motion" don't get the background at all (upstream BackgroundRenderer).
 */
@media (max-width: 767.98px) and (prefers-reduced-motion: no-preference) {
  [style*="repeating-linear-gradient(100deg"] {
    background-size: 300%, 200% !important;
    animation-name: krot-aurora !important;
    animation-duration: 120s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    will-change: background-position;
  }
}

@keyframes krot-aurora {
  from {
    background-position: 50% 50%, 50% 50%;
  }
  to {
    background-position: 350% 50%, 350% 50%;
  }
}