@keyframes combatFloat {
  0% { opacity: 0; transform: translate(-50%, 20px) scale(0.6); }
  15% { opacity: 1; transform: translate(-50%, -10px) scale(1.3); }
  75% { opacity: 1; transform: translate(-50%, -38px) scale(1.0); }
  100% { opacity: 0; transform: translate(-50%, -64px) scale(0.8); }
}
.combat-popup {
  position: absolute;
  animation: combatFloat 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 900;
  text-shadow: 3px 3px 0px #1c1b1b, -2px -2px 0px #1c1b1b, 2px -2px 0px #1c1b1b, -2px 2px 0px #1c1b1b;
  z-index: 50;
  white-space: nowrap;
}
.score-pip {
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  border: 2px solid #1c1b1b;
  display: inline-block;
  transition: all 0.2s;
}
.score-pip.won {
  background-color: #39ff14;
  box-shadow: 0 0 8px #39ff14;
}
.score-pip.empty {
  background-color: #e5e7eb;
}