/* ========================================================
   Adda 90s - Keyframe Animations & Micro-interactions
   ======================================================== */

@keyframes popIn {
  0% { transform: scale(0.85); opacity: 0; }
  70% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 10px rgba(255, 190, 11, 0.4); }
  50% { box-shadow: 0 0 25px rgba(255, 190, 11, 0.8); }
}

@keyframes shakeBuzzer {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}

@keyframes chitFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-8px) rotate(3deg); }
}

@keyframes cardSlamAnim {
  0% { transform: scale(1.4) translateY(-30px); opacity: 0.5; }
  70% { transform: scale(0.95) translateY(4px); }
  100% { transform: scale(1) translateY(0); opacity: 1; }
}

.animate-pop {
  animation: popIn 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.animate-fade-in {
  animation: fadeIn 0.3s ease-out forwards;
}

.animate-card-enter {
  animation: cardSlamAnim 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.1) forwards;
}

.pulse-green {
  color: #10b981;
  animation: pulseGlow 1.5s infinite;
}

.pulse-orange {
  color: #f59e0b;
}

/* 3D Chit Folds & Miniatures */
.chit-bowl {
  padding: 24px;
  background: radial-gradient(circle, rgba(255, 190, 11, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  margin-bottom: 16px;
}

.folded-chits-fan {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.folded-chit {
  font-size: 2.8rem;
  transition: transform 0.3s ease;
  animation: chitFloat 3s ease-in-out infinite;
}

.folded-chit.mini-1 { animation-delay: 0s; transform: rotate(-8deg); }
.folded-chit.mini-2 { animation-delay: 0.5s; transform: rotate(5deg); }
.folded-chit.mini-3 { animation-delay: 1s; transform: rotate(-4deg); }
.folded-chit.mini-4 { animation-delay: 1.5s; transform: rotate(10deg); }

/* Confetti particles */
.confetti-overlay {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
}