/* Custom styles for Casino app */
body {
  font-family: 'Roboto', sans-serif;
  background-color: #1a0505;
}

h1, h2, h3 {
  font-family: 'Playfair Display', serif;
}

/* Neon text effect for casino header */
.casino-neon {
  text-shadow: 
    0 0 5px #fff,
    0 0 10px #fff, 
    0 0 15px #ff0, 
    0 0 20px #ff0, 
    0 0 35px #ff0, 
    0 0 40px #ff0;
  animation: neon-flicker 1.5s infinite alternate;
}

@keyframes neon-flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    text-shadow: 
      0 0 5px #fff,
      0 0 10px #fff, 
      0 0 15px #ff0, 
      0 0 20px #ff0, 
      0 0 35px #ff0, 
      0 0 40px #ff0;
  }
  20%, 24%, 55% {
    text-shadow: none;
  }
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #2d1b1b;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #d4af37;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ffd700;
}

/* Animations */
.animate-bounce {
  animation: bounce 1s infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-5%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}

/* Slot machine animations */
.animate__fadeIn {
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}