/* Keep values and fills inside each row; the source PNGs remain untouched. */
#character .heroStatRow{padding:12px 14px;overflow:visible}
#character .heroStatBarArt{aspect-ratio:auto!important;height:56px;min-height:56px;overflow:hidden;background-image:none!important;filter:none;border:1px solid #aa77d7;border-radius:12px;background:linear-gradient(90deg,#352049,#1b122e)}
.v372StatName{position:absolute;left:12px;top:18px;width:32%;font-weight:800;font-size:14px}
#character .heroStatFillClip{left:36%;top:20px;width:39%;height:16px;background:#130d21;border:1px solid #705187}
#character .heroStatValue{right:10px!important;font-size:16px;top:34px}
#character .heroStatBonus{right:10px;top:7px;font-size:12px}
.v372BattleStats{background:#1c102cc9;border:1px solid #b584de;border-radius:12px;padding:1cqw;display:flex;flex-direction:column;justify-content:space-around;color:#fff}
.v372BattleStat{font-size:1.15cqw;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35cqw}
.v372BattleStat span{width:100%;color:#dccaf0}.v372BattleStat b{font-size:1.5cqw}.v372BattleStat i{width:100%;height:.65cqw;background:#120a20;border-radius:8px;overflow:hidden}.v372BattleStat em{display:block;height:100%;background:linear-gradient(90deg,#8539c5,#d78bfc)}
@media(max-width:600px){.v372StatName{font-size:12px;width:34%}#character .heroStatValue{font-size:14px}.v372BattleStat{font-size:1.5cqw}.v372BattleStat b{font-size:1.7cqw}}