.bank-page {font-family:'Cairo',sans-serif;color:#ece9e2;padding:0 16px 20px;box-sizing:border-box;}
#view-bank.bank-page .section-art-header {margin:0 -16px 0;min-height:180px;border-bottom:1px solid #4b4438;}
.bank-overview {display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:0;background:rgba(11,12,13,.94);border-bottom:1px solid #3b3831;padding:22px 0;}
.bank-overview>div {padding:0 28px;min-width:0;}
.bank-overview>div+div {border-right:1px solid #34322e;}
.bank-kicker {color:#ad9980;font-size:12px;}
.bank-page h3 {font-size:18px;margin:4px 0 14px;font-weight:700;}
.bank-money {display:flex;gap:12px;align-items:baseline;font-size:14px;color:#a5a39c;}
.bank-money strong {font-size:30px;color:#dfc27b;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.bank-interest-timer {font-size:12px;color:#a5a39c;min-height:20px;margin:4px 0;}
.bank-action {font:700 14px 'Cairo',sans-serif;padding:10px 14px;background:#1d2020;color:#e8e4da;border:1px solid #514a3d;border-radius:4px;cursor:pointer;min-height:44px;transition:background .15s;}
.bank-action:hover {background:#303431;}
.bank-action:focus-visible,.bank-amount-field:focus-within {outline:2px solid #dbc07d;outline-offset:2px;}
.bank-action--deposit,.bank-interest-claim {background:#26392f;border-color:#536c5b;}
.bank-interest-claim {margin-top:8px;}
.bank-bonuses dl {margin:0;}
.bank-bonuses dl>div,.bank-vault-ledger>div {display:flex;justify-content:space-between;gap:14px;padding:10px 0;font-size:14px;border-bottom:1px solid #302f2c;}
.bank-bonuses dd {margin:0;color:#dfc27b;font-weight:700;}
.bank-bonuses p {font-size:12px;line-height:1.8;color:#a9a398;margin:14px 0 0;}
.bank-vaults {display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px;}
.bank-vault {border:1px solid #454039;border-radius:6px;background:rgba(12,14,15,.95);position:relative;overflow:hidden;min-width:0;}
.bank-vault-heading {display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #34322e;gap:16px;}
.bank-vault-heading h3 {margin:4px 0 0;font-size:20px;}
.bank-yield {display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;}
.bank-yield strong {color:#88b797;font-size:23px;}
.bank-yield span {font-size:12px;color:#a5a39c;}
.bank-vault-balance {padding:20px 24px 8px;}
.bank-vault-balance>span {color:#a5a39c;font-size:13px;}
.bank-vault-balance>div {display:flex;align-items:center;gap:12px;margin-top:6px;min-width:0;}
.bank-vault-balance img {width:36px;height:36px;object-fit:contain;}
.bank-vault-balance strong {font-size:28px;color:#dfc27b;overflow-wrap:anywhere;}
.bank-vault-balance small {color:#a5a39c;}
.bank-vault-ledger {margin:0;padding:0 24px;}
.bank-vault-ledger dt {color:#a5a39c;}
.bank-vault-ledger dd {margin:0;text-align:left;font-size:13px;}
.bank-vault-controls {padding:18px 24px 22px;}
.bank-vault-controls label {font-size:13px;color:#b8b5ac;display:block;margin-bottom:8px;}
.bank-amount-field {display:flex;align-items:center;background:#090b0c;border:1px solid #575145;border-radius:4px;padding:0 12px;gap:12px;}
.bank-amount-field input {min-width:0;flex:1;height:46px;background:transparent;border:0;outline:0;color:#ece9e2;font:600 18px 'Cairo',sans-serif;text-align:right;}
.bank-amount-field span {color:#a5a39c;font-size:13px;}
.bank-vault-actions {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.bank-vault-lock {position:absolute;inset:0;z-index:10;background:rgba(8,10,11,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:14px;text-align:center;padding:24px;}
.bank-vault-lock strong {font-size:20px;}.bank-vault-lock span {color:#a5a39c;}.bank-lock-mark {font-size:30px;}
@media(max-width:760px){.bank-page{padding:0 10px 16px;}.bank-page .section-art-header{margin:0 -10px;}.bank-overview{grid-template-columns:1fr 1fr;row-gap:20px;}.bank-overview>div{padding:0 16px;}.bank-overview .bank-bonuses{grid-column:1/-1;border:0;border-top:1px solid #34322e;padding-top:18px;}.bank-bonuses dl{display:flex;gap:24px;}.bank-bonuses dl>div{flex:1;}.bank-money strong{font-size:23px;}.bank-vaults{grid-template-columns:1fr;gap:14px;}.bank-vault-heading,.bank-vault-controls{padding:16px;}.bank-vault-ledger{padding:0 16px;}.bank-vault-balance{padding:16px;}}
