/* UI 016.7.2 — compact XP ribbon + lower existing round cue.
   Presentation only. No combat/HP/AUTO/cinematic logic changes. */

body.arena-battle014-active #battle014-root .b165-round-cue{
  top:auto!important;
  bottom:56px!important;
  translate:-50% 0!important;
}

body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0 0 5px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(226,176,82,.45)!important;
  border-radius:9px!important;
  background:
    radial-gradient(ellipse at 50% -95%,rgba(174,65,214,.30),transparent 67%),
    linear-gradient(180deg,rgba(28,20,37,.98),rgba(7,7,13,.99))!important;
  box-shadow:inset 0 1px rgba(255,237,190,.07),inset 0 -1px rgba(113,39,145,.14),0 5px 14px rgba(0,0,0,.23)!important;
  isolation:isolate!important;
}
body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready:before,
body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready:after{
  content:"";position:absolute;z-index:5;top:50%;width:14px;height:20px;translate:0 -50%;pointer-events:none;opacity:.72
}
body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready:before{
  left:0;border-left:1px solid rgba(242,202,112,.74);border-top:1px solid rgba(242,202,112,.42);border-bottom:1px solid rgba(242,202,112,.42)
}
body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready:after{
  right:0;border-right:1px solid rgba(242,202,112,.74);border-top:1px solid rgba(242,202,112,.42);border-bottom:1px solid rgba(242,202,112,.42)
}

/* Critical reset against the old .b14-stat-ribbon>div !important rules. */
body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready > .b167-xp-shell,
body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready > .b167-stats-shell{
  position:relative!important;z-index:2!important;display:grid!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;
  flex:initial!important;flex-direction:row!important;align-items:stretch!important;justify-content:stretch!important;
  gap:0!important;margin:0!important;padding:0 10px!important;overflow:hidden!important;
  border:0!important;border-right:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready > .b167-xp-shell{
  grid-template-columns:44px minmax(0,1fr) 52px!important
}
body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready > .b167-stats-shell{
  grid-template-columns:45px minmax(0,1fr) 38px!important
}

.b167-level,.b167-next,.b167-stats-title{
  display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:1px
}
.b167-level{border-right:1px solid rgba(228,181,91,.14)}
.b167-next{border-left:1px solid rgba(228,181,91,.14)}
.b167-level small,.b167-next small,.b167-stats-title small{
  display:block!important;margin:0!important;color:#9f9182!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:5.7px!important;font-weight:900!important;line-height:1!important;letter-spacing:.08em!important;white-space:nowrap!important
}
.b167-level b,.b167-next b,.b167-stats-title b{
  display:block!important;margin:0!important;color:#f4d78c!important;font-family:Georgia,serif!important;
  font-size:13px!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;text-shadow:0 0 7px rgba(221,160,77,.26)!important
}

.b167-progress{
  display:grid!important;min-width:0!important;grid-template-rows:9px 8px 8px!important;align-content:center!important;
  gap:0!important;padding:4px 8px 3px!important
}
.b167-meta,.b167-caption{
  display:flex!important;min-width:0!important;align-items:center!important;justify-content:space-between!important;
  gap:6px!important;margin:0!important;padding:0!important;line-height:1!important
}
.b167-meta strong{
  overflow:hidden;min-width:0;color:#d8bd82;font-size:6.2px;font-weight:950;letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap
}
.b167-meta span{
  flex:0 0 auto;color:#eee2d0;font-size:6.4px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap
}
.b167-track{
  position:relative;align-self:center;height:7px;min-height:7px;overflow:visible;border:1px solid rgba(241,210,148,.29);
  border-radius:99px;background:#05050a;box-shadow:inset 0 1px 3px rgba(0,0,0,.86),0 0 7px rgba(121,44,157,.14)
}
.b167-fill{
  position:absolute;z-index:1;inset:0 auto 0 0;display:block;width:var(--b167-xp,0%);max-width:100%;border-radius:99px;
  background:linear-gradient(90deg,#653087 0%,#a845c7 58%,#e2b35d 100%);box-shadow:0 0 7px rgba(181,68,213,.42),inset 0 1px rgba(255,238,255,.18)
}
.b167-fill:after{
  content:"";position:absolute;top:0;right:0;bottom:0;width:10px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(255,232,159,.55))
}
.b167-milestone{
  position:absolute;z-index:3;top:50%;left:var(--b167-pos);display:block;width:6px;height:6px;translate:-50% -50%;rotate:45deg;
  border:1px solid rgba(225,188,113,.66);background:#17121e;box-shadow:0 0 4px rgba(225,177,81,.24)
}
.b167-milestone.is-done{border-color:#ffe0a0;background:#d6a64c;box-shadow:0 0 6px rgba(241,186,78,.56)}
.b167-milestone.is-next{border-color:#ffe9a5;background:#8d3ba9;box-shadow:0 0 7px rgba(218,103,255,.76),0 0 4px rgba(255,212,112,.42)}
.b167-caption span,.b167-caption em{
  overflow:hidden;min-width:0;margin:0;color:#bda06d;font-size:5.6px;font-style:normal;font-weight:900;line-height:1;
  letter-spacing:.045em;text-overflow:ellipsis;white-space:nowrap
}
.b167-caption em{flex:0 0 auto;color:#ad90bf;font-variant-numeric:tabular-nums}

body.arena-battle014-active #battle014-root .b167-next button,
body.arena-battle014-active #battle014-root .b167-stats-back{
  display:grid!important;place-items:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;
  height:14px!important;min-height:14px!important;max-height:14px!important;margin:1px 0 0!important;padding:0!important;
  border:1px solid rgba(216,165,80,.26)!important;border-radius:5px!important;color:#c8b99f!important;background:rgba(20,13,25,.76)!important;
  box-shadow:none!important;font-size:5.4px!important;font-weight:950!important;line-height:1!important;letter-spacing:.055em!important
}
body.arena-battle014-active #battle014-root .b167-next button:active,
body.arena-battle014-active #battle014-root .b167-stats-back:active{
  border-color:rgba(215,91,240,.68)!important;background:rgba(79,27,99,.82)!important
}

.b167-stats-title{border-right:1px solid rgba(228,181,91,.14)}
.b167-stats-title b{font-size:10px!important}
.b167-stat-grid{
  display:grid!important;min-width:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;padding:0 4px!important
}
.b167-stat-grid span{
  display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-right:1px solid rgba(224,177,91,.11)
}
.b167-stat-grid span:last-child{border-right:0}
.b167-stat-grid small{
  overflow:hidden;max-width:100%;color:#94877b;font-size:5px;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap
}
.b167-stat-grid b{color:#f3d78e;font:900 12px/1 Georgia,serif}
.b167-stat-grid span:nth-child(2) b{color:#d7c2ff}.b167-stat-grid span:nth-child(3) b{color:#efa8ff}.b167-stat-grid span:nth-child(4) b{color:#9bd8ff}
body.arena-battle014-active #battle014-root .b167-stats-back{
  align-self:center!important;justify-self:center!important;width:31px!important;min-width:31px!important;max-width:31px!important;
  height:21px!important;min-height:21px!important;max-height:21px!important;margin:0!important
}

@media(max-width:350px){
  body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready{height:36px!important;min-height:36px!important;max-height:36px!important;margin-bottom:4px!important}
  body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready > .b167-xp-shell{grid-template-columns:38px minmax(0,1fr) 46px!important;padding-inline:7px!important}
  body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready > .b167-stats-shell{grid-template-columns:39px minmax(0,1fr) 34px!important;padding-inline:7px!important}
  .b167-progress{padding-inline:5px!important;padding-block:3px!important}.b167-level b,.b167-next b{font-size:11.5px!important}
  .b167-meta strong{font-size:5.5px}.b167-meta span{font-size:5.6px}.b167-caption span,.b167-caption em{font-size:4.9px;letter-spacing:.015em}
  body.arena-battle014-active #battle014-root .b167-next button{width:35px!important;min-width:35px!important;max-width:35px!important;font-size:4.8px!important}
  .b167-stat-grid small{font-size:4.5px}.b167-stat-grid b{font-size:10.5px}
  body.arena-battle014-active #battle014-root .b165-round-cue{bottom:49px!important}
}
@media(max-height:700px) and (max-width:700px){
  body.arena-battle014-active #battle014-root .b14-stat-ribbon.b167-ready{height:36px!important;min-height:36px!important;max-height:36px!important;margin-bottom:4px!important}
  body.arena-battle014-active #battle014-root .b165-round-cue{bottom:50px!important}
}
@media(prefers-reduced-motion:reduce){.b167-fill,.b167-milestone{transition:none!important}}