#damage-overlay.damage-boost-flash {
  box-shadow:
    inset 0 0 150px rgb(255, 0, 51),
    0 0 50px rgb(255, 0, 51);
  backdrop-filter: brightness(1.4) saturate(2.5) blur(1px);
  animation: damage-boost-impact 0.4s cubic-bezier(0.1, 0.8, 0.3, 1) forwards;
}

@keyframes damage-boost-impact {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  10% {
    opacity: 1;
    transform: scale(1);
  }
  40% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#damage-overlay.defense-boost-flash {
  box-shadow:
    inset 0 0 150px rgba(0, 150, 255, 0.8),
    0 0 50px rgba(0, 100, 255, 0.5);
  backdrop-filter: brightness(0.9) saturate(1.8) blur(2px);
  animation: defense-boost-impact 0.6s ease-out forwards;
}

@keyframes defense-boost-impact {
  0% {
    opacity: 0;
    transform: scale(0.97);
  }
  30% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#damage-overlay.clear-status-flash {
  box-shadow:
    inset 0 0 150px rgba(255, 255, 255, 0.9),
    0 0 60px rgba(255, 255, 255, 0.6);
  backdrop-filter: brightness(1.6) saturate(0) blur(1px);
  animation: clear-status-impact 0.45s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;
}

@keyframes clear-status-impact {
  0% {
    opacity: 0;
    transform: scale(1.08);
  }
  12% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}