/* RiverX Poker V163 — guaranteed visible, continuous open-seat ripples. */

/* V160/V161 used pseudo-elements whose !important base opacity prevented their
   keyframes from ever revealing the rings. Retire those invisible layers. */
body.rx-v157 #view-table .seat-ripple-target::before,
body.rx-v157 #view-table .seat-ripple-target::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

body.rx-v157 #view-table .seat-ripple-wave {
  position: absolute !important;
  inset: 8px !important;
  z-index: 1 !important;
  display: block !important;
  border: 2px solid rgba(190, 121, 255, 0.94) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow:
    0 0 8px rgba(179, 91, 255, 0.82),
    inset 0 0 7px rgba(162, 76, 255, 0.42) !important;
  opacity: 0;
  pointer-events: none !important;
  transform: scale(0.74);
  transform-origin: center !important;
  will-change: opacity, transform !important;
  animation: rxSeatRippleVisibleV163 2.25s cubic-bezier(0.18, 0.66, 0.28, 1) infinite;
}

body.rx-v157 #view-table .seat-ripple-wave-two {
  animation-delay: 1.125s;
}

body.rx-v157 #view-table .seat-ripple-core {
  z-index: 3 !important;
  animation: rxSeatCoreGlowV163 2.25s ease-in-out infinite !important;
}

body.rx-v157 #view-table .seat-ripple-target:hover .seat-ripple-wave,
body.rx-v157 #view-table .seat-ripple-target:focus-visible .seat-ripple-wave,
body.rx-v157 #view-table .seat-ripple-target:active .seat-ripple-wave,
body.rx-v157 #view-table .seat.is-seat-joining .seat-ripple-wave {
  border-color: rgba(226, 185, 255, 1) !important;
  box-shadow:
    0 0 13px rgba(201, 129, 255, 1),
    0 0 25px rgba(157, 70, 255, 0.72),
    inset 0 0 9px rgba(209, 150, 255, 0.55) !important;
  animation-duration: 1.82s;
}

body.rx-v157 #view-table .seat-ripple-target:hover .seat-ripple-core,
body.rx-v157 #view-table .seat-ripple-target:focus-visible .seat-ripple-core {
  animation-name: rxSeatCoreGlowStrongV163 !important;
}

body.rx-v157 #view-table .seat-ripple-target:active .seat-ripple-core {
  animation-name: rxSeatCorePressV163 !important;
  animation-duration: 0.72s !important;
}

@keyframes rxSeatRippleVisibleV163 {
  0% {
    opacity: 0;
    transform: scale(0.74);
  }
  9% {
    opacity: 0.92;
  }
  62% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    transform: scale(1.86);
  }
}

@keyframes rxSeatCoreGlowV163 {
  0%, 100% {
    filter: brightness(1) saturate(1);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.35),
      inset 0 -10px 18px rgba(24, 3, 58, 0.38),
      0 7px 18px rgba(0, 0, 0, 0.52),
      0 0 0 1px rgba(154, 85, 255, 0.28),
      0 0 19px rgba(145, 68, 255, 0.56);
  }
  50% {
    filter: brightness(1.12) saturate(1.08);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.42),
      inset 0 -10px 18px rgba(24, 3, 58, 0.3),
      0 7px 19px rgba(0, 0, 0, 0.52),
      0 0 0 3px rgba(170, 100, 255, 0.16),
      0 0 29px rgba(164, 82, 255, 0.82);
  }
}

@keyframes rxSeatCoreGlowStrongV163 {
  0%, 100% {
    filter: brightness(1.16) saturate(1.12);
    transform: scale(1.06);
  }
  50% {
    filter: brightness(1.3) saturate(1.25);
    transform: scale(1.1);
  }
}

@keyframes rxSeatCorePressV163 {
  0%, 100% {
    filter: brightness(1.25) saturate(1.22);
    transform: scale(1.03);
  }
  50% {
    filter: brightness(1.42) saturate(1.34);
    transform: scale(1.1);
  }
}

@media (max-width: 820px) {
  body.rx-v157 #view-table .seat-ripple-wave {
    inset: 7px !important;
    border-width: 1.5px !important;
  }
}

/* The open-seat cue remains continuously animated as requested. On devices
   asking for reduced motion, use a slower and softer ripple instead of hiding it. */
@media (prefers-reduced-motion: reduce) {
  body.rx-v157 #view-table .seat-ripple-wave {
    border-color: rgba(190, 121, 255, 0.78) !important;
    animation-duration: 3.8s !important;
    animation-iteration-count: infinite !important;
  }

  body.rx-v157 #view-table .seat-ripple-wave-two {
    animation-delay: 1.9s !important;
  }

  body.rx-v157 #view-table .seat-ripple-core {
    animation: none !important;
  }
}