/* Flash rápido */
.flash {
  animation: flash 0.3s;
}
@keyframes flash {
  0% { background-color: #fff; }
  50% { background-color: #fdd; }
  100% { background-color: #fff; }
}

/* Maior / menor */
.maior {
  animation: shake 0.3s;
  color: #1e90ff;
}
.menor {
  animation: shake 0.3s;
  color: #ff4500;
}
.acertou {
  animation: bounce 0.5s;
  color: #32cd32;
}

/* Shake */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}

/* Bounce */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}