/* Enhanced Comic Sans for maximum LMFAO irony */
.comic-sans {
  font-family: 'Comic Sans MS', 'Papyrus', 'Wingdings', cursive, sans-serif !important;
}

/* EXTREME chaos background */
.chaos-bg-extreme {
  background: linear-gradient(45deg, 
    #1a0033, #330066, #660099, #9900cc, #cc00ff, 
    #ff3366, #ff6600, #ffcc00, #66ff00, #00ff66, 
    #0066ff, #6600ff, #ff0066, #66ffcc, #ffcc66
  );
  background-size: 500% 500%;
  animation: extremeChaosGradient 8s ease infinite;
}

@keyframes extremeChaosGradient {
  0% { background-position: 0% 50%; }
  25% { background-position: 100% 0%; }
  50% { background-position: 100% 100%; }
  75% { background-position: 0% 100%; }
  100% { background-position: 0% 50%; }
}

/* Enhanced floating animations with more chaos */
.floating-emoji {
  position: absolute;
  opacity: 0.8;
  animation: extremeFloat 8s infinite linear;
  pointer-events: none;
  z-index: 1;
}

@keyframes extremeFloat {
  0% {
    transform: translateY(110vh) translateX(-30vw) rotate(0deg) scale(0.3);
  }
  20% {
    transform: translateY(80vh) translateX(20vw) rotate(72deg) scale(1.5);
  }
  40% {
    transform: translateY(60vh) translateX(60vw) rotate(144deg) scale(0.7);
  }
  60% {
    transform: translateY(40vh) translateX(80vw) rotate(216deg) scale(1.8);
  }
  80% {
    transform: translateY(20vh) translateX(120vw) rotate(288deg) scale(0.5);
  }
  100% {
    transform: translateY(-30vh) translateX(150vw) rotate(360deg) scale(0.2);
  }
}

/* LMFAO Achievement Banner */
.lmfao-banner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: linear-gradient(45deg, 
    red, orange, yellow, green, blue, indigo, violet, red
  );
  background-size: 400% 400%;
  padding: 3rem;
  border-radius: 30px;
  border: 8px solid white;
  box-shadow: 0 0 80px rgba(255, 215, 0, 1);
  animation: lmfaoAppear 4s ease-in-out, rainbowShift 2s linear infinite;
  text-align: center;
}

@keyframes lmfaoAppear {
  0% { 
    opacity: 0; 
    transform: translate(-50%, -50%) scale(0) rotate(-720deg);
  }
  50% { 
    opacity: 1; 
    transform: translate(-50%, -50%) scale(1.3) rotate(0deg);
  }
  100% { 
    opacity: 1; 
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* Touch Grass Reminder */
.touch-grass-reminder {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 999;
  background: linear-gradient(45deg, #22c55e, #16a34a);
  padding: 1.5rem;
  border-radius: 20px;
  border: 4px solid white;
  animation: grassReminder 3s ease-in-out;
  text-align: center;
  box-shadow: 0 0 30px rgba(34, 197, 94, 0.8);
}

@keyframes grassReminder {
  0% { 
    opacity: 0; 
    transform: translateX(100px) scale(0);
  }
  50% { 
    opacity: 1; 
    transform: translateX(0) scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: translateX(0) scale(1);
  }
}

/* Enhanced scam cards with MORE chaos */
.lmfao-scam-card {
  background: linear-gradient(135deg, 
    rgba(147, 51, 234, 0.95), 
    rgba(236, 72, 153, 0.95),
    rgba(251, 191, 36, 0.95),
    rgba(34, 197, 94, 0.95)
  );
  border: 5px solid transparent;
  border-radius: 20px;
  padding: 2rem;
  cursor: pointer;
  transition: all 0.3s ease;
  animation: extremeCardFloat 3s ease-in-out infinite;
  position: relative;
  overflow: hidden;
}

.lmfao-scam-card::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  background: linear-gradient(45deg, 
    red, orange, yellow, green, blue, indigo, violet, red
  );
  border-radius: 20px;
  z-index: -1;
  animation: rainbowBorder 2s linear infinite;
}

@keyframes extremeCardFloat {
  0%, 100% { transform: translateY(0px) rotate(0deg) scale(1); }
  25% { transform: translateY(-8px) rotate(2deg) scale(1.02); }
  50% { transform: translateY(-15px) rotate(0deg) scale(1.05); }
  75% { transform: translateY(-8px) rotate(-2deg) scale(1.02); }
}

.lmfao-scam-card:hover {
  transform: scale(1.08) rotate(3deg);
  box-shadow: 0 30px 60px rgba(255, 255, 0, 0.8);
}

.lmfao-scam-card.selected {
  border-color: gold;
  box-shadow: 0 0 50px rgba(255, 215, 0, 1);
  transform: scale(1.05);
  animation: selectedPulse 1s ease-in-out infinite;
}

@keyframes selectedPulse {
  0%, 100% { box-shadow: 0 0 50px rgba(255, 215, 0, 1); }
  50% { box-shadow: 0 0 80px rgba(255, 215, 0, 1), 0 0 120px rgba(255, 255, 255, 0.5); }
}

/* Multi-countdown with EXTREME chaos */
.multi-chaos-countdown {
  background: linear-gradient(45deg, 
    rgba(220, 38, 127, 0.95), 
    rgba(157, 23, 77, 0.95),
    rgba(239, 68, 68, 0.95),
    rgba(251, 146, 60, 0.95)
  );
  border: 6px solid gold;
  border-radius: 20px;
  padding: 2.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
  animation: chaosContainerPulse 4s ease-in-out infinite;
}

@keyframes chaosContainerPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 30px rgba(255, 215, 0, 0.5); }
  50% { transform: scale(1.02); box-shadow: 0 0 60px rgba(255, 215, 0, 0.8); }
}

.countdown-item {
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  padding: 1.5rem;
  border-radius: 15px;
  border: 3px solid rgba(255, 215, 0, 0.6);
  animation: itemBounce 2s ease-in-out infinite;
}

@keyframes itemBounce {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
}

.countdown-value {
  font-size: 3rem;
  font-weight: bold;
  font-family: 'Comic Sans MS', cursive;
  color: #fbbf24;
  text-shadow: 0 0 20px currentColor;
}

.critical-glow {
  animation: criticalPulse 1s ease-in-out infinite !important;
}

@keyframes criticalPulse {
  0%, 100% { border-color: #ef4444; box-shadow: 0 0 20px #ef4444; }
  50% { border-color: #fbbf24; box-shadow: 0 0 40px #fbbf24; }
}

.emergency-flash {
  animation: emergencyFlash 0.5s linear infinite !important;
}

@keyframes emergencyFlash {
  0%, 100% { color: #ef4444; }
  50% { color: #fbbf24; }
}

/* LMFAO Leaderboard */
.lmfao-leaderboard {
  background: linear-gradient(135deg, 
    rgba(5, 150, 105, 0.95), 
    rgba(6, 95, 70, 0.95),
    rgba(16, 185, 129, 0.95)
  );
  border: 6px solid gold;
  border-radius: 20px;
  padding: 2rem;
  height: fit-content;
  animation: leaderboardGlow 3s ease-in-out infinite;
}

@keyframes leaderboardGlow {
  0%, 100% { box-shadow: 0 0 30px rgba(5, 150, 105, 0.6); }
  50% { box-shadow: 0 0 60px rgba(5, 150, 105, 0.9), 0 0 90px rgba(255, 215, 0, 0.3); }
}

.leaderboard-item {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 1rem;
  background: rgba(0, 0, 0, 0.4);
  padding: 1rem;
  border-radius: 12px;
  border: 2px solid rgba(255, 215, 0, 0.4);
  animation: itemSlideIn 0.6s ease-out forwards, itemHover 4s ease-in-out infinite;
  opacity: 0;
  transform: translateX(-30px);
  margin-bottom: 0.75rem;
}

@keyframes itemHover {
  0%, 100% { transform: translateX(0px); }
  50% { transform: translateX(3px); }
}

.project-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.project-holders {
  font-size: 0.7rem;
  color: #a78bfa;
  font-style: italic;
}

/* LMFAO-o-Meter */
.lmfao-meter {
  background: linear-gradient(135deg, 
    rgba(245, 158, 11, 0.95), 
    rgba(217, 119, 6, 0.95)
  );
  border: 6px solid gold;
  border-radius: 20px;
  padding: 2rem;
  height: fit-content;
}

.lmfao-gauge {
  position: relative;
  width: 100%;
  height: 4rem;
  background: linear-gradient(to right, 
    #22c55e, #eab308, #f97316, #ef4444, #dc2626
  );
  border-radius: 30px;
  overflow: hidden;
  border: 3px solid white;
}

.lmfao-fill {
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  transition: width 1s ease;
}

.lmfao-needle {
  position: absolute;
  top: -8px;
  transform: translateX(-50%);
  font-size: 2rem;
  transition: left 1s ease;
  animation: needleBounce 2s ease-in-out infinite;
}

@keyframes needleBounce {
  0%, 100% { transform: translateX(-50%) scale(1); }
  50% { transform: translateX(-50%) scale(1.2); }
}

/* Copium Dispenser 3000 */
.copium-dispenser-3000 {
  background: linear-gradient(135deg, 
    rgba(59, 130, 246, 0.95), 
    rgba(29, 78, 216, 0.95)
  );
  border: 6px solid gold;
  border-radius: 20px;
  padding: 2rem;
  text-align: center;
  height: fit-content;
}

.copium-button-3000 {
  background: linear-gradient(45deg, #3b82f6, #1d4ed8, #1e40af);
  color: white;
  font-weight: bold;
  font-family: 'Comic Sans MS', cursive;
  padding: 1.5rem 2.5rem;
  border-radius: 30px;
  border: 4px solid white;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 1.3rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  animation: copiumGlow 2s ease-in-out infinite;
}

@keyframes copiumGlow {
  0%, 100% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.6); }
  50% { box-shadow: 0 0 40px rgba(59, 130, 246, 0.9), 0 0 60px rgba(255, 255, 255, 0.3); }
}

.copium-button-3000:hover {
  transform: scale(1.15) rotate(-3deg);
  animation: none;
  box-shadow: 0 20px 40px rgba(59, 130, 246, 0.8);
}

/* Interactive LMFAO Button */
.interactive-lmfao {
  background: linear-gradient(135deg, 
    rgba(245, 101, 101, 0.95), 
    rgba(251, 191, 36, 0.95)
  );
  border: 6px solid gold;
  border-radius: 20px;
  padding: 2rem;
  text-align: center;
  height: fit-content;
}

.lmfao-button {
  background: linear-gradient(45deg, 
    #f59e0b, #f97316, #ef4444, #dc2626
  );
  color: white;
  font-weight: bold;
  font-family: 'Comic Sans MS', cursive;
  padding: 1.5rem 2.5rem;
  border-radius: 25px;
  border: 4px solid white;
  cursor: pointer;
  font-size: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  transition: all 0.2s ease;
  animation: lmfaoButtonPulse 1s ease-in-out infinite;
}

@keyframes lmfaoButtonPulse {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.05) rotate(2deg); }
}

.lmfao-button:hover {
  transform: scale(1.2) rotate(10deg);
  animation: none;
}

.lmfao-button:active {
  transform: scale(0.95) rotate(-5deg);
}

.lmfao-counter {
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: white;
  font-family: 'Comic Sans MS', cursive;
}

.lmfao-status {
  margin-top: 0.5rem;
  font-size: 1rem;
  color: #fbbf24;
  font-style: italic;
}

/* LMFAO Bingo */
.lmfao-bingo {
  background: linear-gradient(135deg, 
    rgba(139, 69, 19, 0.95), 
    rgba(101, 51, 15, 0.95)
  );
  border: 6px solid gold;
  border-radius: 20px;
  padding: 2rem;
  grid-column: span 2;
}

.bingo-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.bingo-cell {
  background: rgba(255, 255, 255, 0.15);
  border: 3px solid rgba(255, 215, 0, 0.4);
  border-radius: 12px;
  padding: 0.75rem;
  text-align: center;
  font-size: 0.85rem;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Comic Sans MS', cursive;
  font-weight: bold;
  animation: cellFloat 3s ease-in-out infinite;
}

@keyframes cellFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-2px); }
}

.bingo-cell:hover {
  background: rgba(255, 215, 0, 0.3);
  transform: scale(1.08) rotate(2deg);
}

.bingo-cell.marked {
  background: linear-gradient(45deg, gold, orange, red);
  color: black;
  font-weight: bold;
  border-color: gold;
  animation: bingoMark 0.6s ease-in-out, markedGlow 2s ease-in-out infinite;
}

@keyframes markedGlow {
  0%, 100% { box-shadow: 0 0 10px rgba(255, 215, 0, 0.6); }
  50% { box-shadow: 0 0 25px rgba(255, 215, 0, 0.9); }
}

/* LMFAO Token Generator */
.lmfao-generator {
  background: linear-gradient(135deg, 
    rgba(147, 51, 234, 0.95), 
    rgba(126, 34, 206, 0.95),
    rgba(168, 85, 247, 0.95)
  );
  border: 6px solid gold;
  border-radius: 20px;
  padding: 2.5rem;
  text-align: center;
  animation: generatorPulse 3s ease-in-out infinite;
}

@keyframes generatorPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.02); }
}

.generator-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fbbf24;
  margin-bottom: 1.5rem;
  font-family: 'Comic Sans MS', cursive;
  text-shadow: 0 0 25px currentColor;
}

.lmfao-generate-button {
  background: linear-gradient(45deg, 
    #f59e0b, #f97316, #ef4444, #dc2626, #7c3aed
  );
  color: white;
  font-weight: bold;
  font-family: 'Comic Sans MS', cursive;
  padding: 2rem 4rem;
  border-radius: 30px;
  border: 5px solid white;
  cursor: pointer;
  font-size: 1.5rem;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
  transition: all 0.3s ease;
  animation: generateGlow 2s ease-in-out infinite alternate;
}

@keyframes generateGlow {
  0% { box-shadow: 0 0 30px rgba(245, 158, 11, 0.6); }
  100% { box-shadow: 0 0 60px rgba(245, 158, 11, 0.9), 0 0 90px rgba(255, 255, 255, 0.4); }
}

.lmfao-generate-button:hover {
  transform: scale(1.1) rotate(-3deg);
  animation: none;
  box-shadow: 0 0 80px rgba(245, 158, 11, 1);
}

.generator-warning {
  margin-top: 1rem;
  color: #ef4444;
  font-weight: bold;
  font-size: 0.9rem;
  animation: warningBlink 2s ease-in-out infinite;
}

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

/* Extreme LMFAO Calculator */
.extreme-lmfao-calc {
  background: linear-gradient(135deg, 
    rgba(29, 78, 216, 0.95), 
    rgba(30, 64, 175, 0.95),
    rgba(59, 130, 246, 0.95)
  );
  border: 6px solid gold;
  border-radius: 20px;
  padding: 2.5rem;
}

.projection-grid {
  display: grid;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.projection-item {
  padding: 1.5rem;
  border-radius: 15px;
  border: 3px solid;
  text-align: center;
  animation: projectionFloat 4s ease-in-out infinite;
}

@keyframes projectionFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
}

.lmfao-projection {
  background: rgba(245, 158, 11, 0.3);
  border-color: #f59e0b;
  animation: projectionFloat 4s ease-in-out infinite, lmfaoPulse 2s ease-in-out infinite;
}

@keyframes lmfaoPulse {
  0%, 100% { box-shadow: 0 0 20px rgba(245, 158, 11, 0.6); }
  50% { box-shadow: 0 0 40px rgba(245, 158, 11, 0.9); }
}

.realistic-projection {
  background: rgba(251, 191, 36, 0.3);
  border-color: #fbbf24;
}

.copium-projection {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3b82f6;
  animation: projectionFloat 4s ease-in-out infinite, copiumPulse 1.5s ease-in-out infinite;
}

@keyframes copiumPulse {
  0%, 100% { box-shadow: 0 0 15px rgba(59, 130, 246, 0.6); }
  50% { box-shadow: 0 0 35px rgba(59, 130, 246, 0.9); }
}

.grass-projection {
  background: rgba(34, 197, 94, 0.3);
  border-color: #22c55e;
  animation: projectionFloat 4s ease-in-out infinite, grassSad 3s ease-in-out infinite;
}

@keyframes grassSad {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

/* Launch LMFAO container */
.launch-lmfao-container {
  background: linear-gradient(45deg, 
    rgba(220, 38, 127, 0.95), 
    rgba(239, 68, 68, 0.95),
    rgba(251, 146, 60, 0.95),
    rgba(245, 158, 11, 0.95)
  );
  border: 8px solid gold;
  border-radius: 25px;
  padding: 4rem;
  text-align: center;
  margin-bottom: 2rem;
  animation: launchContainerChaos 2s ease-in-out infinite;
}

@keyframes launchContainerChaos {
  0%, 100% { transform: scale(1) rotate(0deg); box-shadow: 0 0 40px rgba(255, 215, 0, 0.6); }
  25% { transform: scale(1.01) rotate(0.5deg); box-shadow: 0 0 60px rgba(255, 215, 0, 0.8); }
  50% { transform: scale(1.02) rotate(0deg); box-shadow: 0 0 80px rgba(255, 215, 0, 1); }
  75% { transform: scale(1.01) rotate(-0.5deg); box-shadow: 0 0 60px rgba(255, 215, 0, 0.8); }
}

.gigantic-launch-button {
  background: linear-gradient(45deg, 
    #dc2626, #ea580c, #d97706, #ca8a04, #65a30d, #059669, #0891b2, #7c3aed
  );
  color: white;
  font-weight: bold;
  font-family: 'Comic Sans MS', cursive;
  padding: 3rem 5rem;
  border-radius: 30px;
  border: 8px solid white;
  cursor: pointer;
  font-size: 2.5rem;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.8);
  transition: all 0.3s ease;
  animation: giganticPulse 1s ease-in-out infinite;
  box-shadow: 0 20px 40px rgba(220, 38, 38, 0.6);
}

@keyframes giganticPulse {
  0%, 100% { 
    transform: scale(1) rotate(0deg);
    box-shadow: 0 20px 40px rgba(220, 38, 38, 0.6);
  }
  25% { 
    transform: scale(1.03) rotate(1deg);
    box-shadow: 0 25px 50px rgba(220, 38, 38, 0.8);
  }
  50% { 
    transform: scale(1.05) rotate(0deg);
    box-shadow: 0 30px 60px rgba(220, 38, 38, 1);
  }
  75% { 
    transform: scale(1.03) rotate(-1deg);
    box-shadow: 0 25px 50px rgba(220, 38, 38, 0.8);
  }
}

.gigantic-launch-button:hover {
  transform: scale(1.15) rotate(5deg);
  animation: none;
  box-shadow: 0 40px 80px rgba(220, 38, 38, 1);
}

/* LMFAO Testimonials */
.lmfao-testimonials {
  background: linear-gradient(135deg, 
    rgba(75, 85, 99, 0.95), 
    rgba(55, 65, 81, 0.95)
  );
  border: 6px solid gold;
  border-radius: 20px;
  padding: 2.5rem;
}

.testimonials-carousel {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
}

.testimonial-card {
  background: rgba(0, 0, 0, 0.4);
  border: 3px solid rgba(255, 215, 0, 0.4);
  border-radius: 15px;
  padding: 2rem;
  animation: testimonialChaos 5s ease-in-out infinite;
  transition: all 0.3s ease;
}

@keyframes testimonialChaos {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(0.5deg); }
  50% { transform: translateY(-6px) rotate(0deg); }
  75% { transform: translateY(-3px) rotate(-0.5deg); }
}

.testimonial-card:hover {
  transform: scale(1.05) rotate(2deg);
  border-color: gold;
}

/* Launch modal with EXTREME chaos */
.launch-modal-content {
  background: linear-gradient(45deg, 
    #059669, #0891b2, #7c3aed, #dc2626, #ea580c, #f59e0b
  );
  background-size: 400% 400%;
  padding: 5rem;
  border-radius: 30px;
  text-align: center;
  border: 10px solid gold;
  animation: modalContentChaos 1s ease-out, rainbowShift 3s ease-in-out infinite;
  position: relative;
  overflow: hidden;
}

@keyframes modalContentChaos {
  0% { 
    opacity: 0; 
    transform: scale(0) rotate(-360deg);
  }
  50% { 
    opacity: 0.8; 
    transform: scale(1.3) rotate(180deg);
  }
  100% { 
    opacity: 1; 
    transform: scale(1) rotate(0deg);
  }
}

.modal-explosion {
  font-size: 5rem;
  margin-bottom: 2rem;
  animation: explosionChaos 3s ease-in-out infinite;
}

@keyframes explosionChaos {
  0% { transform: rotate(0deg) scale(1); }
  20% { transform: rotate(72deg) scale(1.3); }
  40% { transform: rotate(144deg) scale(0.8); }
  60% { transform: rotate(216deg) scale(1.5); }
  80% { transform: rotate(288deg) scale(0.9); }
  100% { transform: rotate(360deg) scale(1); }
}

/* Enhanced footer with LMFAO chaos */
.lmfao-footer {
  background: linear-gradient(45deg, 
    #7f1d1d, #991b1b, #dc2626, #ef4444, #f97316, #f59e0b
  );
  background-size: 300% 300%;
  animation: footerChaos 10s ease infinite;
  color: white;
  padding: 3rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

@keyframes footerChaos {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.scrolling-disclaimer {
  white-space: nowrap;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  padding: 1.5rem 0;
  margin-bottom: 2rem;
  font-family: 'Comic Sans MS', cursive;
  font-weight: bold;
  font-size: 1.2rem;
  animation: scrollTextFast 25s linear infinite;
}

@keyframes scrollTextFast {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* Rainbow effects enhanced */
.rainbow-text {
  background: linear-gradient(45deg, 
    red, orange, yellow, green, blue, indigo, violet, red
  );
  background-size: 400% 400%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: rainbowShift 2s ease-in-out infinite;
}

@keyframes rainbowShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.rainbow-border {
  border: 5px solid;
  border-image: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet) 1;
  animation: rainbowBorderShift 3s linear infinite;
}

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

.chaos-gradient {
  background: linear-gradient(45deg, 
    rgba(255, 0, 0, 0.3), rgba(255, 165, 0, 0.3), rgba(255, 255, 0, 0.3), 
    rgba(0, 128, 0, 0.3), rgba(0, 0, 255, 0.3), rgba(75, 0, 130, 0.3), 
    rgba(238, 130, 238, 0.3)
  );
  background-size: 400% 400%;
  animation: rainbowShift 4s ease infinite;
}

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

.sparkle::before {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  width: 300%;
  height: 300%;
  background: linear-gradient(45deg, 
    transparent, 
    rgba(255, 255, 255, 0.4), 
    rgba(255, 215, 0, 0.3),
    rgba(255, 255, 255, 0.4), 
    transparent
  );
  animation: extremeSparkle 1.5s infinite;
  pointer-events: none;
}

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

/* Enhanced pulse crazy */
.pulse-crazy {
  animation: extremePulseCrazy 1.5s infinite;
}

@keyframes extremePulseCrazy {
  0%, 100% { transform: scale(1) rotate(0deg); }
  10% { transform: scale(1.08) rotate(3deg); }
  20% { transform: scale(0.92) rotate(-2deg); }
  30% { transform: scale(1.12) rotate(2deg); }
  40% { transform: scale(0.88) rotate(-3deg); }
  50% { transform: scale(1.15) rotate(1deg); }
  60% { transform: scale(0.85) rotate(-1deg); }
  70% { transform: scale(1.05) rotate(2deg); }
  80% { transform: scale(0.95) rotate(-1deg); }
  90% { transform: scale(1.02) rotate(0.5deg); }
}

/* Enhanced neon glow */
.neon-glow {
  text-shadow: 
    0 0 5px currentColor, 
    0 0 10px currentColor, 
    0 0 15px currentColor, 
    0 0 20px currentColor,
    0 0 30px currentColor,
    0 0 40px currentColor;
  animation: extremeNeonFlicker 2s ease-in-out infinite alternate;
}

@keyframes extremeNeonFlicker {
  0%, 100% { 
    text-shadow: 
      0 0 5px currentColor, 
      0 0 10px currentColor, 
      0 0 15px currentColor, 
      0 0 20px currentColor,
      0 0 30px currentColor,
      0 0 40px currentColor;
  }
  25% { 
    text-shadow: 
      0 0 2px currentColor, 
      0 0 5px currentColor, 
      0 0 8px currentColor, 
      0 0 12px currentColor,
      0 0 18px currentColor,
      0 0 25px currentColor;
  }
  50% { 
    text-shadow: 
      0 0 8px currentColor, 
      0 0 15px currentColor, 
      0 0 22px currentColor, 
      0 0 30px currentColor,
      0 0 40px currentColor,
      0 0 50px currentColor;
  }
  75% { 
    text-shadow: 
      0 0 3px currentColor, 
      0 0 6px currentColor, 
      0 0 10px currentColor, 
      0 0 15px currentColor,
      0 0 20px currentColor,
      0 0 30px currentColor;
  }
}

/* Responsive adjustments for LMFAO edition */
@media (max-width: 768px) {
  .gigantic-launch-button {
    font-size: 2rem;
    padding: 2rem 3rem;
  }
  
  .modal-title {
    font-size: 2.5rem;
  }
  
  .lmfao-bingo {
    grid-column: span 1;
  }
  
  .bingo-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .multi-chaos-countdown {
    grid-template-columns: 1fr;
  }
  
  .floating-emoji {
    font-size: 1.5rem !important;
  }
}

@media (max-width: 480px) {
  .gigantic-launch-button {
    font-size: 1.5rem;
    padding: 1.5rem 2rem;
  }
  
  .lmfao-banner h1 {
    font-size: 3rem;
  }
  
  .countdown-value {
    font-size: 2rem;
  }
  
  .bingo-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}