/* Anchored to the map's bottom edge, including when chat resizes the map. */
#bottomExperienceBar {
  display: none;
  position: absolute;
  inset: auto 0 0;
  height: 5px;
  z-index: 40;
  pointer-events: none;
  background: #100d13;
  border-top: 1px solid #55432f;
  box-sizing: border-box;
}
body.game-open #bottomExperienceBar { display: block; }
#bottomExperienceFill {
  position: relative;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #886127, #d7b360);
  box-shadow: inset 0 1px 0 #f5d88d55;
  transition: width .45s ease-out;
}
#bottomExperienceGlow {
  position: absolute;
  inset: 0;
  opacity: 0;
  background: linear-gradient(180deg, #fff3c5, #f6ce72);
  box-shadow: 0 -2px 12px #efc566b3, 0 -1px 5px #ffe5a6e6, 0 0 19px #e8ae493d;
}
#bottomExperienceGlow::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: min(18px, 100%);
  height: 2px;
  background: #fff6d9;
  box-shadow: 0 0 8px #ffe3a4, 0 0 16px #efbe6b99;
}
@media (prefers-reduced-motion: reduce) {
  #bottomExperienceFill { transition: none; }
}