/* HUD XP: same pill + 100-count flash as the original. */
body:not(.webgl-loader-overlay) .hud-left-group,
body:not(.webgl-loader-overlay) .hud-right-group {
  display: flex !important;
}

.hud-xp-value {
  font-variant-numeric: tabular-nums;
  min-width: 2.2ch;
  display: inline-block;
}

.hud-xp.xp-ripple {
  animation: 1.8s ease-out xpFlashWhite;
}
.hud-xp.xp-ripple:before {
  animation: 1.8s ease-out xpStrokeGlow;
}
.nav-black .hud-xp.xp-ripple {
  animation: 1.8s ease-out xpFlashBlack;
}