/* Одна карточка на общем космосе: видна и на главной, и внутри раздела. */
.card.balance-card{position:relative;isolation:isolate;display:flex;align-items:center;text-align:center;justify-content:center;gap:0;min-height:150px;width:min(100%,440px);padding:18px 34px;background:transparent;border:1px solid #ffffff70;box-shadow:0 4px 22px #0005;overflow:hidden;backdrop-filter:blur(2px)}
.balance-card__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.balance-card__title,.balance-card__value,.balance-card__actions{position:relative;z-index:1}
.balance-card .balance-card__title{margin:0 0 6px;font-size:24px;line-height:1.2}
.balance-card .balance-card__value{display:flex;justify-content:center;align-items:center;gap:4px;margin:0 0 8px;color:var(--text);font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.balance-card__actions{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:auto 0 0;width:100%}
.balance-card__actions .button{min-width:104px;min-height:44px;padding:8px 14px;font-size:14px;position:relative;transform-origin:center;will-change:transform}
.balance-card__actions .button:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.balance-card__actions .button:disabled{opacity:.55;cursor:not-allowed}
/* Боковой запас вмещает рост кнопки: она не обрезается рамкой и не перекрывает «Вывести». */
@media(max-width:430px){.balance-card__star{width:16px;height:16px}.card.balance-card{width:100%;padding:16px clamp(18px,6vw,28px);min-height:146px}.balance-card__actions .button{flex:0 1 auto;min-width:100px}}
@media(prefers-reduced-motion:reduce){.balance-card__actions .button{transition:none;will-change:auto}}