/* ============================================================
   Casino & Resort Entertainment -- Page-Specific CSS
   ============================================================ */

.casino-h1-gradient {
  background: linear-gradient(135deg, var(--white) 0%, var(--gold) 35%, var(--electric-purple) 70%, var(--electric-blue) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 0.92;
  margin-bottom: 4px;
}

.logo-marquee-content {
  animation-name: casino-marquee-scroll;
}

@keyframes casino-marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-100% / 3)); }
}

.video-poster-bg {
  background:
    radial-gradient(ellipse 60% 50% at 50% 40%, rgba(254,192,39,0.10) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 70% 20%, rgba(168,85,247,0.06) 0%, transparent 50%),
    var(--white);
}

.bb-comeback {
  background: linear-gradient(135deg, var(--electric-blue) 0%, var(--electric-purple) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.casino-card-suit {
  font-size: 20px;
  margin-bottom: 6px;
  display: block;
  color: var(--electric-purple);
}

.bb-allages-line {
  font-size: clamp(60px, 9vw, 130px);
  font-weight: 900;
  line-height: 0.86;
  letter-spacing: -0.04em;
  display: block;
}