body.balance-sheet-open { overflow:hidden; }
.balance-sheet-layer { z-index:80; }
.balance-sheet-layer .case-sheet-backdrop { background:#15070394; backdrop-filter:blur(14px); }
.balance-sheet-layer .balance-sheet { width:min(100%,560px); max-height:calc(100% - 20px); overflow:auto; overscroll-behavior:contain; padding:12px 16px calc(20px + env(safe-area-inset-bottom)); gap:0; border-color:#ff8e3c38; background:radial-gradient(ellipse at 50% 0,#65281336,transparent 70%),linear-gradient(145deg,#29160f,#170d0a); box-shadow:0 -8px 60px #ff661314,0 -20px 60px #0009; }
.balance-sheet .sheet-handle { flex:none; background:#b86b424d; width:40px; }
.balance-sheet-head { position:relative; display:flex; align-items:center; justify-content:center; min-height:58px; margin:8px 0 10px; }
.balance-sheet-head h2 { margin:0; font-size:23px; letter-spacing:-.4px; }
.balance-sheet button,.balance-sheet input { font-family:inherit; }
.balance-sheet button { flex-direction:row; cursor:pointer; transition:background .25s,border-color .25s,box-shadow .25s,opacity .25s; }
.balance-sheet button span { font:inherit; line-height:1.2; }
.balance-sheet-x { position:absolute; right:0; top:8px; width:42px; height:42px; display:grid; place-items:center; border:1px solid #ffb1741c; border-radius:50%; color:#ffe6d4; background:#6b321d55; }
.balance-sheet-x svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.balance-mode-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px; }
.balance-mode-tabs button { min-height:48px; border:1px solid #ffa7621c; border-radius:17px; color:#ffe8d8; font-size:16px; font-weight:650; background:#50291b60; }
.balance-mode-tabs button[aria-selected=true],.balance-methods button[aria-pressed=true] { border-color:#ffbb71b0; background:linear-gradient(130deg,#ff9935,#ee491b 68%,#c72e10); box-shadow:inset 0 1px #ffedbd66,0 5px 16px #ff561c20; color:#fff5e7; }
.balance-methods { display:grid; grid-template-columns:1.13fr 1.35fr .92fr; gap:7px; margin-bottom:12px; }
.balance-methods button { min-width:0; display:flex; align-items:center; justify-content:center; gap:4px; padding:9px 5px; min-height:47px; border:1px solid #ffae6924; border-radius:17px; background:#50291b60; color:#ffe5d1; font-size:14px; font-weight:600; white-space:nowrap; }
.balance-icon { display:block; width:25px; height:25px; object-fit:contain; flex:none; filter:drop-shadow(0 0 3px #ff8c3426); }
.balance-methods small { padding:3px 5px; font-size:10px; line-height:1.2; font-weight:750; border-radius:10px; color:#9c350f; background:#ffe5bb; }
.balance-amount-card { min-height:126px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:18px 8px; border:1px solid #ffae6924; border-radius:23px; background:radial-gradient(ellipse at center,#a34b1f26,transparent 75%),#4e291c50; box-shadow:inset 0 1px #ffd4b008; }
.balance-amount-line { width:100%; display:flex; justify-content:center; align-items:center; gap:5px; }
.balance-amount-line input { display:block; width:calc(var(--amount-digits,3)*.65em + .2em); max-width:calc(100% - 50px); min-width:1em; padding:0; border:0; outline:none; background:transparent; color:#fff4e8; caret-color:#ff9f47; font-size:52px; line-height:1.2; font-weight:750; letter-spacing:-2px; text-align:center; font-variant-numeric:tabular-nums; border-radius:8px; }
.balance-amount-line input:focus { box-shadow:0 2px #ff9e57; }
.balance-amount-line .balance-icon { width:39px; height:39px; }
#balance-amount-hint { font-size:11px; color:#d4a485; }
[data-balance-bonus] { font-size:12px; color:#ffc35a; line-height:1.3; }
.balance-increments { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:12px 0; }
.balance-increments button { display:flex; align-items:center; justify-content:center; gap:4px; min-height:45px; padding:8px 5px; border:1px solid #ffae6924; border-radius:16px; background:#50291b60; color:#ffebd9; font-size:15px; font-weight:650; }
.balance-increments .balance-icon { width:22px; height:22px; }
.balance-coupon { display:flex; align-items:center; gap:8px; min-height:53px; padding:7px 9px 7px 14px; border:1px solid #ffae6924; border-radius:19px; background:#50291b60; }
.balance-coupon input { min-width:0; flex:1; width:0; padding:7px 0; border:0; outline:none; background:transparent; color:#fff1df; font-size:16px; }
.balance-coupon input::placeholder { color:#d4ae96; font-size:14px; }
.balance-coupon button { padding:10px 12px; border:1px solid #ffc29618; border-radius:14px; background:#8c4b2c55; color:#ffe9d5; font-size:12px; font-weight:600; }
.balance-availability,.balance-notice { margin:9px 2px 0; color:#dab394; text-align:center; font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.balance-availability:empty,.balance-notice:empty { display:none; }
.balance-notice.is-error { color:#ffb39a; }
.balance-pay { display:flex; align-items:center; justify-content:center; width:100%; flex:none; min-height:55px; margin-top:15px; padding:12px; border:1px solid #ffbe78; border-radius:21px; background:linear-gradient(125deg,#ffa33e,#f45a20 58%,#d33213); box-shadow:inset 0 1px #fff1c678,0 6px 24px #ef511a25; color:#fff6e7; font-size:18px; font-weight:700; line-height:1.2; }
.balance-sheet button:disabled { cursor:default; opacity:.55; }
.balance-sheet :focus-visible { outline:2px solid #ffba75; outline-offset:3px; }
.balance-withdraw { padding:25px 10px; text-align:center; color:#dfb99d; }
.balance-withdraw-amount { display:flex; justify-content:center; align-items:center; gap:8px; color:#fff0de; font-size:38px; }
.balance-withdraw-amount .balance-icon { width:40px; height:40px; }
.balance-withdraw h3 { font-size:18px; color:#ffe7d0; }
.balance-withdraw p { font-size:14px; line-height:1.5; }
.balance-sheet [hidden] { display:none!important; }
@media(max-width:350px) {
 .balance-sheet-layer .balance-sheet { padding-left:12px; padding-right:12px; }
 .balance-methods { gap:5px; }
 .balance-methods button { font-size:12px; gap:2px; padding:8px 3px; }
 .balance-methods .balance-icon { width:21px; height:21px; }
 .balance-methods small { font-size:9px; padding:3px; }
 .balance-coupon { padding-left:11px; gap:4px; }
 .balance-coupon button { padding:10px 8px; font-size:11px; }
}
@media(max-height:600px) {
 .balance-sheet-layer .balance-sheet { max-height:100%; padding-bottom:12px; }
 .balance-sheet-head { min-height:42px; margin:5px 0 8px; }
 .balance-sheet-x { top:0; }
 .balance-amount-card { min-height:100px; padding:10px 6px; }
 .balance-mode-tabs button { min-height:40px; }
 .balance-methods button { min-height:40px; }
 .balance-mode-tabs,.balance-methods { margin-bottom:8px; }
 .balance-increments { margin:8px 0; }
 .balance-pay { min-height:48px; margin-top:10px; }
}