/* Fonte e base */
body {
  font-family: "Poppins", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Animações do botão JOGAR GRÁTIS */
@keyframes jogar-gratis-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 14px rgba(62, 230, 50, 0.42), 0 0 28px rgba(62, 230, 50, 0.26), 0 12px 28px rgba(34, 197, 94, 0.34);
  }
  50% {
    transform: scale(1.03);
    box-shadow: 0 0 20px rgba(62, 230, 50, 0.55), 0 0 38px rgba(62, 230, 50, 0.34), 0 14px 34px rgba(34, 197, 94, 0.42);
  }
}

.jogar-gratis-btn {
  background: linear-gradient(135deg, #4aef20, #32d956 50%, #3de658);
  animation: jogar-gratis-pulse 2.2s ease-in-out infinite;
}

.jogar-gratis-btn:hover {
  animation-play-state: paused;
}

/* Badge de jogadores online */
@keyframes onlineBadgeGlowHot {
  0%, 100% {
    border-color: #ff9500;
    box-shadow: 0 0 12px rgba(255, 140, 0, 0.55), 0 0 28px rgba(255, 60, 0, 0.3), inset 0 0 12px rgba(255, 100, 0, 0.15);
  }
  50% {
    border-color: #ffea00;
    box-shadow: 0 0 26px rgba(255, 200, 0, 0.95), 0 0 48px rgba(255, 80, 0, 0.55), inset 0 0 18px rgba(255, 160, 0, 0.25);
  }
}

@keyframes onlineTextPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.75; }
}

.online-badge-hot {
  background: linear-gradient(135deg, rgba(255, 120, 0, 0.35), rgba(255, 40, 0, 0.18));
  border: 2px solid #ffcc00;
  animation: onlineBadgeGlowHot 2.2s ease-in-out infinite;
}

.online-count-hot {
  color: #ffea00;
  text-shadow: 0 0 10px #ffc800, 0 0 20px rgba(255, 100, 0, 0.75);
}

.online-label-hot {
  color: #ffb347;
  text-shadow: 0 0 8px rgba(255, 150, 0, 0.85);
}

.online-fire {
  filter: drop-shadow(0 0 6px rgba(255, 120, 0, 0.95));
}

.landing-online-badge .online-pulse {
  animation: onlineTextPulse 2.8s ease-in-out infinite;
}

/* Carrossel de seleções */
.hero-bg-gif,
.circle-gif,
.circle-bird {
  transition: opacity 0.3s ease;
}

.hero-bg-gif.is-hidden,
.circle-gif.is-hidden,
.circle-bird.is-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.hero-bg-gif.is-active {
  opacity: 0.4;
  visibility: visible;
}

.circle-gif.is-active,
.circle-bird.is-active {
  opacity: 1;
  visibility: visible;
}

.nav-arrow {
  color: #6fdc6f;
  text-shadow: 0 0 20px #7ed957;
  transition: transform 0.2s ease;
}

.nav-arrow:hover {
  transform: scale(1.1);
}