/* Comic Sans for maximum irony */
.comic-sans {
  font-family: 'Comic Sans MS', cursive, sans-serif;
}

/* Enhanced floating background animations */
.floating-emoji {
  position: absolute;
  font-size: 2rem;
  opacity: 0.3;
  animation: float 15s infinite linear;
  pointer-events: none;
}

@keyframes float {
  0% {
    transform: translateY(100vh) translateX(-10vw) rotate(0deg);
  }
  100% {
    transform: translateY(-10vh) translateX(110vw) rotate(360deg);
  }
}

/* Enhanced scam type cards */
.scam-card {
  @apply bg-gradient-to-br from-purple-800 to-pink-800 p-4 rounded-lg border-2 border-transparent cursor-pointer transition-all duration-300 hover:scale-105 hover:border-yellow-400;
}

.scam-card.selected {
  @apply border-yellow-400 shadow-lg shadow-yellow-400/50;
}

.scam-card:hover {
  box-shadow: 0 0 20px rgba(255, 255, 0, 0.5);
}

/* Enhanced sparkle effect */
.sparkle {
  position: relative;
  overflow: hidden;
}

.sparkle::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  animation: sparkle 3s infinite;
  pointer-events: none;
}

@keyframes sparkle {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}

/* Enhanced blinking animation */
.blinking {
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0.5; }
}

/* Enhanced big red button */
.big-red-button {
  @apply bg-gradient-to-r from-red-500 to-red-700 text-white text-2xl font-bold py-6 px-12 rounded-lg border-4 border-yellow-400 transform transition-all duration-200 hover:scale-110 hover:rotate-1;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.big-red-button:hover {
  box-shadow: 0 12px 24px rgba(255, 0, 0, 0.4);
}

.big-red-button:active {
  transform: scale(0.95) rotate(-1deg);
}

/* Enhanced rainbow border effect */
.rainbow-border {
  border: 4px solid;
  border-image: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet) 1;
  animation: rainbow-rotate 3s linear infinite;
}

@keyframes rainbow-rotate {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}

/* Enhanced neon glow effects */
.neon-glow {
  text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor, 0 0 20px currentColor;
}

/* Enhanced excessive animations for maximum crypto bro energy */
@keyframes pulse-crazy {
  0%, 100% { transform: scale(1); }
  25% { transform: scale(1.05) rotate(1deg); }
  50% { transform: scale(0.95) rotate(-1deg); }
  75% { transform: scale(1.02) rotate(0.5deg); }
}

.pulse-crazy {
  animation: pulse-crazy 2s infinite;
}

/* Community member status indicators */
.online-indicator {
  animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {
  0%, 100% { 
    box-shadow: 0 0 5px rgba(34, 197, 94, 0.5);
    transform: scale(1);
  }
  50% { 
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.8);
    transform: scale(1.1);
  }
}

/* Enhanced voting animations */
.vote-button:hover {
  transform: scale(1.1) rotate(5deg);
  transition: all 0.2s ease;
}

/* Live indicator styling */
.live-indicator {
  text-shadow: 0 0 10px rgba(239, 68, 68, 0.8);
}

/* Community excitement meter */
.excitement-meter {
  background: linear-gradient(90deg, #10b981, #f59e0b, #ef4444);
  animation: gradient-shift 3s ease-in-out infinite alternate;
}

@keyframes gradient-shift {
  0% { filter: hue-rotate(0deg) brightness(1); }
  100% { filter: hue-rotate(30deg) brightness(1.2); }
}

/* Thread generator styling */
.thread-display {
  background: linear-gradient(145deg, #1e1b4b, #312e81);
  border: 2px solid #60a5fa;
  box-shadow: 0 0 20px rgba(96, 165, 250, 0.3);
}

/* Meta commentary box styling */
.meta-box {
  background: linear-gradient(145deg, #1e3a8a, #3730a3);
  border: 3px dashed #fbbf24;
  animation: meta-glow 4s ease-in-out infinite alternate;
}

@keyframes meta-glow {
  0% { box-shadow: 0 0 10px rgba(251, 191, 36, 0.3); }
  100% { box-shadow: 0 0 25px rgba(251, 191, 36, 0.6); }
}

/* Enhanced modal styling */
.launch-modal {
  animation: modal-entrance 0.5s ease-out;
}

@keyframes modal-entrance {
  0% { 
    opacity: 0;
    transform: scale(0.5) rotate(-10deg);
  }
  100% { 
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}