/* 888 LOTTO Player v3.10.92 — restore calm banner motion on touch/mobile.
   Mobile browsers can latch :hover after a tap, which previously paused the banner animation. */

/* Keep the featured/banner image moving slowly and continuously. */
.featured-game-media.has-cover-image img,
.featured-game-media img {
  animation-name: featuredBannerBreathV31092 !important;
  animation-duration: 10s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
  animation-play-state: running !important;
  will-change: transform;
}

@keyframes featuredBannerBreathV31092 {
  0% { transform: scale(1.012) translate3d(-0.15%,0,0); }
  50% { transform: scale(1.032) translate3d(0.18%,-0.10%,0); }
  100% { transform: scale(1.018) translate3d(0.28%,-0.16%,0); }
}

/* Keep the announcement accent alive, but slower than the old heartbeat. */
.moving-announcement::after {
  animation-duration: 12s !important;
  animation-timing-function: cubic-bezier(.22,1,.36,1) !important;
  animation-play-state: running !important;
}

.lobby-announcement-icon {
  animation-name: announcementIconPulseV31092 !important;
  animation-duration: 5.6s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-play-state: running !important;
}

@keyframes announcementIconPulseV31092 {
  0%,100% { transform: scale(.985); opacity:.88; }
  50% { transform: scale(1.025); opacity:1; }
}

/* Only a real mouse hover may pause the banner. Touch devices never pause it. */
@media (hover:hover) and (pointer:fine) {
  .featured-game-card:hover:not(:disabled) .featured-game-media img {
    animation-play-state: paused !important;
  }
}

@media (max-width:860px), (hover:none), (pointer:coarse) {
  .featured-game-media.has-cover-image img,
  .featured-game-media img {
    animation-play-state: running !important;
    animation-duration: 11s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .featured-game-media img,
  .moving-announcement::after,
  .lobby-announcement-icon {
    animation: none !important;
  }
}