/* Bonus: Multi-bomb Powerup */

.bonus {
  width: 20px;
  height: 20px;
  background: gold;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: absolute;
  animation: float 2s ease-in-out infinite;
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0px); }
}


/* Bonus: Invicibility */

.bonus.invincibility {
  background: #ff66ff; /* Rose vif */
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  animation: float 2s ease-in-out infinite, pulse-pink 1.5s infinite;
}

@keyframes pulse-pink {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}

/* Bonus: deadly-bonus-cross */

.bonus.deadly {
  background: transparent;
  width: 20px;
  height: 20px;
  /* position: absolute; */
}

.bonus.deadly::before,
.bonus.deadly::after {
  content: "";
  position: absolute;
  background: black;
}

.bonus.deadly::before {
  left: 9px;
  top: 2px;
  width: 2px;
  height: 16px;
  border-radius: 1px;
}

.bonus.deadly::after {
  top: 9px;
  left: 2px;
  width: 16px;
  height: 2px;
  border-radius: 1px;
}

/* Bomb blast radius bonus */

.bonus.blast-radius {
  background: #00ff00; /* Vert vif */
  border-radius: 50%;
  animation: pulse-green 1s infinite;
}

@keyframes pulse-green {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

/* Speed Boost bonus */
.bonus.speed-boost {
  background: purple;
  border-radius: 50%;
  animation: pulse-purple 1s infinite;
}

@keyframes pulse-purple {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}