@font-face {
  font-family: 'Tideglass Bangers';
  src: url('./assets/fonts/Bangers-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.combat-popup {
  position: fixed;
  z-index: 18;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
  font-family: 'Tideglass Bangers', Impact, sans-serif;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: .6px;
  -webkit-text-stroke: 3px #14212b;
  paint-order: stroke fill;
  text-shadow: 1px 3px 0 #14212b, 2px 4px 0 #14212b;
  transform-origin: 50% 65%;
  will-change: transform, opacity;
}
.combat-popup--crit, .combat-popup--suffered-crit {
  -webkit-text-stroke-width: 4px;
  text-shadow: 2px 4px 0 #14212b, 3px 5px 0 #14212b;
}
.combat-popup--xp { letter-spacing: 1px; }
@media (prefers-reduced-motion: reduce) {
  .combat-popup { will-change: opacity; }
}