.duo-mana{text-shadow:0 .1rem .4rem #000000e6;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:.7rem;display:grid}.duo-mana__label{letter-spacing:.2em;text-transform:uppercase;color:#7dd3fcd9;grid-column:1/-1;font-size:.65rem;font-weight:700}.duo-mana__num{font-family:var(--font-num);color:#fff;filter:drop-shadow(0 0 .5rem #0ea5e9);font-size:2rem;line-height:1}.duo-mana__max{color:#7dd3fcb3;font-size:.6em}.duo-mana--small .duo-mana__num{font-size:1.25rem}.duo-mana--small .duo-mana__label{letter-spacing:.14em;color:#d4d4d8;font-size:.6rem}.duo-mana__bar{background:#0009;border-radius:.2rem;gap:.18rem;padding:.18rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.duo-mana__seg{border-radius:.1rem;width:1rem;height:.85rem;transition:background .2s,box-shadow .2s}.duo-mana--small .duo-mana__seg{width:.65rem;height:.45rem}.duo-mana__seg--full{background:linear-gradient(#7ff5ea,#0ac8b9 55%,#058a80);box-shadow:0 0 .4rem #0ac8b9b3}.duo-mana__seg--spent{background:#0d2a33;box-shadow:inset 0 0 0 1px #0ac8b959}.duo-mana__seg--locked{background:#ffffff0a}.duo-mana--right{justify-items:end}