/* =========================
   TITLE
========================= */

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

@keyframes titlePop {
  0% {
    transform: scale(0.6) translateY(-20px);
    opacity: 0;
  }
  60% {
    transform: scale(1.1) translateY(5px);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* =========================
   COMBO
========================= */

/* 🔥 COMBO ANIMATION */
@keyframes firePulse {
  0% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.2); filter: brightness(1.5); }
  100% { transform: scale(1); filter: brightness(1); }
}

/* 💥 SCREEN FLASH */
@keyframes flashScreen {
  0% { background: rgba(255,255,255,0); }
  50% { background: rgba(255,255,255,0.9); }
  100% { background: rgba(255,255,255,0); }
}

/* 🌋 SCREEN SHAKE */
@keyframes shake {
  0% { transform: translate(0px, 0px); }
  25% { transform: translate(5px, -5px); }
  50% { transform: translate(-5px, 5px); }
  75% { transform: translate(5px, 5px); }
  100% { transform: translate(0px, 0px); }
}

@keyframes startPulse {
  0% { box-shadow: 0 0 0 rgba(76,175,80,0.4); }
  50% { box-shadow: 0 0 25px rgba(76,175,80,0.9); }
  100% { box-shadow: 0 0 0 rgba(76,175,80,0.4); }
}

@keyframes popAnswer {
  0% { transform: scale(0.7); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* kleine Pop-Animation */
@keyframes pop {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}

@keyframes slideInRight {
  from {
    transform: translateX(80px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes glowPulse {
  0% { box-shadow: 0 0 5px #00e5ff; }
  50% { box-shadow: 0 0 20px #00e5ff; }
  100% { box-shadow: 0 0 5px #00e5ff; }
}

@keyframes scorePop {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.4); }
  100% { transform: scale(1); }
}

@keyframes floatUp {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-30px) scale(1.2);
  }
  100% {
    opacity: 0;
    transform: translateY(-60px) scale(0.9);
  }
}

@keyframes shine {
  0% { filter: brightness(1); }
  50% { filter: brightness(1.3); }
  100% { filter: brightness(1); }
}