/* 888 LOTTO Player v3.10.88 — calmer lobby/banner motion.
   Keeps the premium motion but removes the fast "heartbeat" feel. */

/* Slow the announcement accent and make the pulse much subtler. */
.moving-announcement::after {
  animation-duration: 11s !important;
  animation-timing-function: cubic-bezier(.22,1,.36,1) !important;
}

.lobby-announcement-icon {
  animation-name: announcementIconPulseV31088 !important;
  animation-duration: 4.8s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
}

@keyframes announcementIconPulseV31088 {
  0%, 100% { transform: scale(.97); opacity: .82; }
  50% { transform: scale(1.035); opacity: 1; }
}

/* Banner image drift is now slow and restrained instead of pumping in/out. */
.featured-game-media img {
  animation-name: featuredMediaDriftV31088 !important;
  animation-duration: 24s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
}

@keyframes featuredMediaDriftV31088 {
  from { transform: scale(1.012) translate3d(-.2%,0,0); }
  to { transform: scale(1.032) translate3d(.35%,-.18%,0); }
}

/* Slightly slower announcement travel so the whole banner reads more calmly. */
.announcement-track {
  animation-duration: 32s !important;
}

@media (max-width: 860px), (hover: none) {
  .featured-game-media img {
    animation-duration: 28s !important;
  }
}

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