/* Compact, distinct Veyra balance instruments. Values still come from UIManager state. */
.hud-top-right .balance-chip{position:relative;height:52px;min-width:174px;padding:5px 12px 5px 7px;gap:9px;border-radius:15px;overflow:visible;background:rgba(8,10,21,.76);backdrop-filter:blur(10px);box-shadow:0 7px 22px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05);transition:border-color .2s,box-shadow .2s,transform .18s}
.hud-top-right .balance-icon{width:38px;height:38px;flex:0 0 38px;overflow:visible;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5));transform-origin:center}
.hud-top-right .balance-copy{min-width:0;align-items:flex-start;line-height:1}
.hud-top-right .balance-copy small{font:700 8px var(--font-data);letter-spacing:.15em;white-space:nowrap}
.hud-top-right .balance-copy b{max-width:100%;margin-top:3px;font:700 15px var(--font-data);letter-spacing:.025em;white-space:nowrap;overflow:visible}
.hud-top-right .balance-copy em{margin-top:3px;font:600 7px var(--font-data);font-style:normal;letter-spacing:.13em;white-space:nowrap}
.hud-top-right .main-balance-card{border:1px solid rgba(211,220,230,.42);background:linear-gradient(110deg,rgba(13,18,27,.86),rgba(25,31,41,.7));box-shadow:0 7px 22px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.11)}
.main-balance-card .balance-copy small{color:#dce3eb}.main-balance-card .balance-copy b{color:#fff}.main-balance-card .balance-copy em{color:#98a4b2}.main-balance-card:hover{border-color:rgba(240,245,250,.65);box-shadow:0 8px 26px rgba(0,0,0,.38),0 0 12px rgba(207,219,231,.11)}
.hud-top-right .arcade-balance-card{color:#fff;border:1px solid rgba(122,107,178,.64);background:linear-gradient(110deg,rgba(13,6,38,.84),rgba(35,8,50,.7));box-shadow:0 7px 22px rgba(0,0,0,.34),inset 0 1px rgba(255,232,0,.05),0 0 10px rgba(8,0,195,.09)}
.arcade-balance-card .balance-copy small{color:#c9c0ff}.arcade-balance-card .balance-copy b{color:#fffbd5}.arcade-balance-card .balance-copy em{color:#a997e8}.arcade-balance-card:hover{border-color:rgba(255,232,0,.48);box-shadow:0 8px 26px rgba(0,0,0,.38),0 0 14px rgba(122,107,178,.18)}
.balance-chip.balance-updated .balance-copy b{animation:balanceNumberIn .48s ease-out}.balance-chip.balance-updated .balance-icon{animation:balanceCoinPulse .52s ease-out}
@keyframes balanceNumberIn{0%{opacity:.45;transform:translateY(3px)}55%{color:#FFE800}100%{opacity:1;transform:none}}
@keyframes balanceCoinPulse{35%{transform:scale(1.08);filter:drop-shadow(0 0 8px rgba(255,232,0,.58)) drop-shadow(0 3px 3px rgba(0,0,0,.45))}100%{transform:none}}
@media(max-width:760px){.hud-top-right{gap:5px}.hud-top-right .balance-chip{height:45px;min-width:0;padding:4px 7px 4px 5px;gap:5px;border-radius:12px}.hud-top-right .balance-icon{width:32px;height:32px;flex-basis:32px}.hud-top-right .balance-copy small{display:block;font-size:6.5px;letter-spacing:.09em}.hud-top-right .balance-copy b{font-size:11px}.hud-top-right .balance-copy em{font-size:5.8px;letter-spacing:.07em}}
@media(max-width:560px){.hud-top-right .balance-chip{padding-right:5px}.hud-top-right .balance-icon{width:28px;height:28px;flex-basis:28px}.hud-top-right .balance-copy small{display:none}.hud-top-right .balance-copy b{font-size:10px}.hud-top-right .balance-copy em{font-size:5px}.hud-top-right .icon-btn{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.balance-chip.balance-updated .balance-copy b,.balance-chip.balance-updated .balance-icon{animation:none}}