/* v98 HUD refinements — typography, spacing, XP legibility. Collapse rules stay in style97. */
.v97 #hero-status{padding:7px 10px 8px!important}
.v97 #hero-status .hs-name, .v97 #hero-status strong, .v97 #hero-status .name{
  font:700 13px/1.15 var(--wow-serif);letter-spacing:.03em;color:var(--wow-gold2)
}
.v97 #hero-status .bar, .v97 #hero-status .hp, .v97 #hero-status .sp{height:9px}
.v97 #quests95{padding:8px 10px 10px!important;max-width:260px}
.v97 #quests95 h3{font:700 14px/1.2 var(--wow-serif)!important;margin:0 0 8px!important;color:var(--wow-gold2)}
.v97 #quests95 .q95{font:12.5px/1.45 var(--wow-ui)!important;padding:4px 0 4px 12px!important;color:var(--wow-cream)}
.v97 #mmcard90{padding:7px 7px 9px!important;width:156px}
.v97 #mmcard90 header{margin-bottom:5px!important;gap:6px}
.v97 #mmcard90 .mm-title90{font:700 12px var(--wow-serif)!important}
.v97 #mmcard90 #wow-clock{font:700 11px var(--wow-ui)!important}
.v97 #mmwrap, .v97 #mmcard90 #mmwrap{margin-inline:auto}
#wow-xp{height:15px!important;border:1px solid #d4b046;box-shadow:inset 0 1px 0 #0008,0 0 0 1px #1a1408,0 2px 6px #0008}
#wow-xp span{font:700 10px/15px var(--wow-ui)!important;color:#fff6d0!important;letter-spacing:.04em;
  text-shadow:0 1px 2px #000,0 0 4px #000a}
@media (max-width:700px), (orientation:landscape) and (max-height:500px){
  .v97 #mmcard90{width:118px!important;padding:5px!important}
  .v97 #quests95{width:min(188px,48vw)!important;padding:6px 8px 8px!important}
  #wow-xp{height:13px!important}
  #wow-xp span{font:700 9px/13px var(--wow-ui)!important}
}

/* v98.1: coop charge/cast meter — hidden unless active, sits ABOVE the action bar */
.v97 #coop95meter{
  display:none!important;
  position:fixed!important;
  left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  bottom:calc(142px + env(safe-area-inset-bottom,0px))!important;
  top:auto!important;
  z-index:27!important;
  width:min(280px,60vw)!important;
  height:10px!important;
  pointer-events:none;
}
.v97 #coop95meter.on{display:block!important}
@media (max-width:700px), (orientation:landscape) and (max-height:500px){
  .v97 #coop95meter{bottom:calc(126px + env(safe-area-inset-bottom,0px))!important}
}

/* v98.1: bright, readable action slots + keybinds */
#wow-bar{z-index:28!important}
#wow-bar button{
  opacity:1!important;
  background:radial-gradient(circle at 30% 22%,#5a5242,#201c16 68%)!important;
}
#wow-bar button .ic{
  font-size:20px!important;
  line-height:1!important;
  filter:drop-shadow(0 1px 1px #000) saturate(1.25) brightness(1.2)!important;
  opacity:1!important;
}
#wow-bar button b{
  font:800 11px/1 var(--wow-ui)!important;
  color:#fff6c8!important;
  text-shadow:0 1px 2px #000,0 0 3px #000!important;
  left:3px!important;bottom:2px!important;z-index:2;
}
#wow-bar button[data-act="fire"]{background:radial-gradient(circle at 30% 22%,#a04420,#2a1008 70%)!important}
#wow-bar button[data-act="bolt"]{background:radial-gradient(circle at 30% 22%,#3a4a8a,#101028 70%)!important}
#wow-bar button[data-act="heal"]{background:radial-gradient(circle at 30% 22%,#2a7a40,#0c2010 70%)!important}
#wow-bar button[data-act="frost"]{background:radial-gradient(circle at 30% 22%,#2a6a8a,#0c1824 70%)!important}
#wow-bar button[data-act="attack"]{background:radial-gradient(circle at 30% 22%,#6a5a38,#1c1610 70%)!important}
#wow-bar button[data-act="dodge"]{background:radial-gradient(circle at 30% 22%,#4a5a6a,#141820 70%)!important}
#wow-bar button[data-act="home"]{background:radial-gradient(circle at 30% 22%,#5a4a28,#18140c 70%)!important}
#wow-bar button[data-act="friend"]{background:radial-gradient(circle at 30% 22%,#7a3a58,#201018 70%)!important}
@media (max-width:700px){
  #wow-bar button .ic{font-size:17px!important}
  #wow-bar button b{font:800 10px/1 var(--wow-ui)!important}
}

/* v98.1: phone minimap title must not clip */
@media (max-width:700px), (orientation:landscape) and (max-height:500px){
  .v97 #mmcard90{width:128px!important;max-width:42vw!important;padding:5px 6px 6px!important}
  .v97 #mmcard90 header{
    margin-bottom:2px!important;gap:2px!important;min-width:0;align-items:baseline!important
  }
  .v97 #mmcard90 .mm-title90{
    font:700 9px var(--wow-serif)!important;letter-spacing:0!important;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1
  }
  .v97 #mmcard90 #wow-clock{font:700 9px var(--wow-ui)!important;flex-shrink:0;margin-left:2px!important}
}

@media (min-width:701px){
  .v97 #mmcard90 .mm-title90{overflow:visible;flex:none;white-space:nowrap;font:700 11px var(--wow-serif)!important}
  .v97 #mmcard90 header{gap:4px!important}
}