#economyPanel{position:relative;padding:24px;background:linear-gradient(135deg,#20272b,#171d21 65%);border:1px solid #566064;border-top:3px solid #edbd64;box-shadow:inset 0 0 0 5px #0d121533,0 10px 30px #0002}
#economyPanel .vault-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.vault-heading-main{display:flex;align-items:center;gap:16px;min-width:0}.vault-heading-main img{object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.vault-eyebrow{display:block;color:#adbbb9;font:12px/1.5 Arial,sans-serif;letter-spacing:.14em}
#economyPanel h2{font:24px/1.5 Arena,monospace;color:#f4e9d0;margin:4px 0 0;overflow-wrap:anywhere}
.vault-test-label{flex-shrink:0;display:grid;grid-template-columns:7px auto;align-items:center;gap:5px 9px;color:#f3d38c;font:12px/1.4 Arena,monospace;border:1px solid #8b774555;padding:9px 12px;background:#151b1d}
.vault-test-label i{display:block;width:6px;height:6px;background:#edc168}.vault-test-label>span{grid-column:2;font:12px/1.4 Arial,sans-serif;color:#adb3af}
.vault-overview{display:grid;grid-template-columns:1fr 1.08fr;gap:16px}
.vault-wallet,.vault-pass{min-width:0;display:flex;flex-direction:column;padding:20px 22px;border:1px solid #545e60;background:#12191de0}
.vault-wallet{border-color:#a58b495c;background:radial-gradient(ellipse at 100% 0,#bb914312,transparent 65%),#151c20}
.vault-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.vault-label{font:12px/1.5 Arena,monospace;color:#bfcbc7}
.vault-saved{font:12px/1.5 Arial,sans-serif;color:#97ad9e;letter-spacing:.08em}
.vault-balance{display:flex;align-items:center;gap:16px;padding:17px 0 19px;min-height:90px}
.vault-balance>strong{font:clamp(34px,3.4vw,48px)/1.2 Arena,monospace;font-variant-numeric:tabular-nums;color:#ffda80;text-shadow:0 3px #b185243b;overflow-wrap:anywhere;min-width:0}
.vault-balance>span{color:#cbbd9a;font:12px/1.6 Arena,monospace;letter-spacing:.06em;flex-shrink:0}
.vault-wallet-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #5d655840;padding-top:16px;margin-top:auto}
.vault-burned{display:grid;grid-template-columns:auto 1fr;gap:4px 7px;align-items:baseline;min-width:0}.vault-burned>span{grid-column:1/-1;font:12px/1.4 Arial,sans-serif;color:#a2abae;letter-spacing:.06em}.vault-burned>strong{font:18px/1.5 Arena,monospace;color:#ddd1b4;overflow-wrap:anywhere}.vault-burned>small{font:12px/1.5 Arial,sans-serif;color:#9da7a7}
.vault-glyph{width:16px;height:16px;fill:currentColor;stroke:none;flex-shrink:0;shape-rendering:crispEdges}
#economyPanel .vault-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:11px 16px;font:14px/1.5 Arena,monospace;border:1px solid #d1ad64;background:#e7b852;color:#221c10;box-shadow:inset 0 2px #fff0ba80,inset 0 -3px #97702180,0 3px #080d10;cursor:pointer}
#economyPanel .vault-button:not(:disabled):hover{background:#f5cc76;border-color:#ffe5a7}
#economyPanel .vault-button:focus-visible,.vault-match-link:focus-visible,.vault-history summary:focus-visible{outline:2px solid #ffe5a7;outline-offset:4px}
#economyPanel .vault-button:disabled{opacity:1;background:#252c2e;border-color:#65707080;color:#9caaa6;box-shadow:inset 0 1px #ffffff08;cursor:not-allowed}
.vault-faucet>span{display:flex;flex-direction:column;text-align:left}.vault-faucet small{font:12px/1.5 Arial,sans-serif;letter-spacing:.04em}
.vault-pass{position:relative;border-color:#a48d5a6b;background:linear-gradient(110deg,#242720,#1b2427)}
.vault-pass-state{font:12px/1.5 Arial,sans-serif;letter-spacing:.08em;padding:4px 8px;border:1px solid #ae8e405c;color:#e1c17f;background:#352c174d}
.vault-ticket-values{display:flex;gap:24px;align-items:center;padding:16px 0 10px}.vault-ticket-values>div{min-width:0}.vault-ticket-values strong{display:flex;align-items:baseline;gap:8px;font:30px/1.3 Arena,monospace;color:#efe2bd}.vault-ticket-values strong>span{font:12px/1.5 Arial,sans-serif;color:#c5c3b4}.vault-ticket-values small{display:block;color:#9caaa5;font:12px/1.5 Arial,sans-serif;margin-top:4px;letter-spacing:.03em}
.vault-ticket-divider{align-self:stretch;border-left:1px dashed #a69c7166;min-height:50px}
#economyPanel .vault-pass-detail{font:14px/1.5 Arial,sans-serif;color:#b4beb6;margin:0 0 15px;min-height:21px}
.vault-pass-actions{display:flex;gap:17px;align-items:center;margin-top:auto;flex-wrap:wrap}.vault-pass-actions>.vault-button{flex:1}.vault-pass-button>span{white-space:normal}.vault-match-link{display:flex;align-items:center;gap:8px;font:12px/1.5 Arial,sans-serif;color:#e1c587;min-height:44px;text-decoration:none;white-space:nowrap}.vault-match-link:hover{color:#fff0c6;text-decoration:underline;text-underline-offset:5px}
#economyPanel[data-pass=active] .vault-pass{border-color:#9dbe8070}#economyPanel[data-pass=active] .vault-pass-state{background:#7fa96516;color:#c5e59f;border-color:#99c57366}#economyPanel[data-pass=active] .vault-pass-button:disabled{color:#c9e9b0;background:#94bf6912;border-color:#9bb78066}
#economyPanel .vault-status{position:relative;padding-left:15px;margin:15px 0 22px;font:14px/1.5 Arial,sans-serif;color:#b1bdb8;min-height:21px}.vault-status:before{content:'';position:absolute;top:8px;left:0;width:5px;height:5px;background:#b99b61}.vault-status[data-error=true]{color:#ffafa7!important}.vault-status[data-error=true]:before{background:#ffafa7}
.vault-ranks{padding-top:20px;border-top:1px solid #5e696644}.vault-ranks-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.vault-ranks-heading h3{margin:3px 0 0;font:20px/1.5 Arena,monospace;color:#eae2cf}.vault-ranks-heading p{font:14px/1.6 Arial,sans-serif;color:#a9b7b2;text-align:right}
.vault-tier-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 12px}.vault-tier-summary>span:first-child{font:12px/1.5 Arena,monospace;color:#ddc28b}.vault-tier-summary>span:last-child{font:14px/1.5 Arial,sans-serif;color:#b7c6bc}
#holdingTiers.vault-tiers{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:0;margin:0;list-style:none}
.vault-tier{position:relative;isolation:isolate;min-width:0;padding:11px 12px 0;text-align:center;border:1px solid #58656769;border-top:2px solid var(--tier-color);background:#121a1e;overflow:hidden}
.vault-tier:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.09;background:radial-gradient(ellipse at 50% 35%,var(--tier-color),transparent 75%);pointer-events:none}
.vault-tier-cap{display:flex;align-items:center;justify-content:space-between;gap:6px;font:12px/1.5 Arial,sans-serif;color:#95a49f}.vault-tier-indicator{display:inline-flex;color:#aeb7b3}.vault-tier-indicator>.pixel-lock{width:10px;height:12px}.vault-tier-indicator>.vault-glyph{width:13px;height:13px;color:var(--tier-color)}
.vault-rank-icon{display:grid;place-items:center;width:58px;height:60px;margin:9px auto 7px;color:var(--tier-color)}
.vault-rank-icon .rarity-icon{width:48px;height:48px;fill:currentColor;stroke:none;filter:drop-shadow(0 3px #0009)}
.vault-tier h4{font:600 14px/1.5 Arial,sans-serif;margin:0;color:var(--tier-color);overflow-wrap:anywhere}
.vault-tier-amount{font:22px/1.5 Arena,monospace;color:#e6e4d8;margin:8px 0 10px;overflow-wrap:anywhere}.vault-tier-amount small{display:block;font:12px/1.5 Arial,sans-serif;letter-spacing:.06em;color:#a3b1ab}
.vault-tier-state{display:block;padding:9px 2px;font:12px/1.5 Arial,sans-serif;color:#aab7b2;letter-spacing:.03em;border-top:1px solid #5968613d}
.vault-tier-meter{display:block;height:3px;background:#071013;margin-inline:-12px}.vault-tier-meter>span{display:block;width:0;height:100%;background:var(--tier-color)}
.vault-tier[data-access=locked] .vault-rank-icon{opacity:.68}.vault-tier[data-access=unlocked]{border-color:color-mix(in srgb,var(--tier-color) 50%,#1b2327)}.vault-tier[data-access=unlocked]:before{opacity:.19}.vault-tier[data-access=unlocked] .vault-tier-state{color:var(--tier-color)}
.vault-tier[data-access=next]{border-color:var(--tier-color);box-shadow:inset 0 0 0 2px #05090c}.vault-tier[data-access=next] .vault-tier-state{color:var(--tier-color);background:color-mix(in srgb,var(--tier-color) 8%,transparent)}
.vault-tier.is-current{box-shadow:inset 0 0 0 1px var(--tier-color)}.vault-tier.is-current .vault-tier-state{color:#102017;background:var(--tier-color);margin-inline:-12px;padding-inline:12px;border-top-color:transparent;font-weight:700}
.vault-tier[data-tier=Contraband] .vault-rank-icon{height:52px;width:52px;margin-block:13px 11px;color:#20272b;background:#becbd2;box-shadow:inset 0 0 0 3px #1a232c,inset 0 0 0 4px #dce2dd}.vault-tier[data-tier=Contraband] .rarity-icon{width:36px;height:36px;filter:none}
.vault-tier[data-tier=Unobtainable]{border-top-color:transparent;background:linear-gradient(90deg,#75bcff,#e7a4ff,#fff0ab) top/100% 2px no-repeat,#191d25}.vault-tier[data-tier=Unobtainable]:before{background:radial-gradient(ellipse at 30% 35%,#719aff,transparent 65%),radial-gradient(ellipse at 75% 40%,#ef98fb,transparent 65%);opacity:.16}
.vault-history{margin-top:22px;border:1px solid #52605c55;background:#10171a88}.vault-history summary{display:flex;align-items:center;gap:12px;list-style:none;padding:15px 17px;cursor:pointer;color:#c3c8b9;font:12px/1.5 Arena,monospace}.vault-history summary::-webkit-details-marker{display:none}.vault-history-count{margin-left:auto;font:12px/1.5 Arial,sans-serif;color:#90a39a;white-space:nowrap}.vault-history-toggle{color:#e5c68b;font:20px/1 Arial,sans-serif;width:15px;text-align:center}.vault-history[open] .vault-history-toggle{transform:rotate(45deg)}
.vault-history-row{display:flex;align-items:center;gap:13px;padding:14px 17px;border-top:1px solid #58666033}.vault-history-icon{display:grid;place-items:center;width:30px;height:32px;border:1px solid #77856644;background:#a7c6800b;color:#badb96;flex-shrink:0}.vault-history-icon .pixel-lock{width:12px;height:15px}.vault-history-row.debit .vault-history-icon{color:#eac085;background:#b99b5c0d;border-color:#b99b5c44}.vault-history-name{font:14px/1.5 Arial,sans-serif;color:#d0d7cc;min-width:0}.vault-history-name small{display:block;color:#92a398;font-size:12px;margin-top:3px}.vault-history-row>strong{margin-left:auto;text-align:right;font:17px/1.5 Arena,monospace;color:#c4e59f}.vault-history-row.debit>strong{color:#edc586}.vault-history-row>strong small{display:block;font:12px/1.5 Arial,sans-serif;color:#91a397}
#economyPanel .vault-history-empty{padding:16px 17px;border-top:1px solid #58666033;font:14px/1.6 Arial,sans-serif;color:#a2b0a7}
#economyPanel .vault-footnote{font:12px/1.6 Arial,sans-serif;color:#92a29c;margin:13px 0 0}
.vault-message{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:15px 0 22px}#economyPanel .vault-message>.vault-status{margin:0;flex:1;min-width:180px}.vault-retry{padding:8px 11px;background:#25302c;border:1px solid #9fba9766;color:#cce2b8;font:12px/1.5 Arial,sans-serif}.vault-retry:hover{border-color:#cce2b8}#holdingTiers:focus-visible{outline:2px solid #e7bd72;outline-offset:4px}.vault-tier[data-access=pending] .vault-rank-icon{opacity:.5}
.vault-balance{gap:12px}.vault-balance>.arena-token-icon{width:36px;height:42px}.vault-burned .arena-token-value{gap:5px}.vault-burned .arena-token-icon{width:15px;height:18px}.vault-burned>small{font:12px/1.6 Arena,monospace}.vault-ticket-values .arena-token-icon{width:20px;height:24px;align-self:center}.vault-tier-amount>.arena-token-value{display:flex;justify-content:center;gap:5px;white-space:nowrap}.vault-tier-amount .arena-token-icon{width:16px;height:20px}.vault-tier-amount small{font:12px/1.6 Arena,monospace;letter-spacing:0}.vault-history-row>strong .arena-token-value{justify-content:flex-end;white-space:nowrap}.vault-history-row>strong .arena-token-icon{width:15px;height:19px}.vault-history-row>strong small{font:12px/1.6 Arena,monospace}
@media(max-width:1200px){#holdingTiers.vault-tiers{grid-template-columns:repeat(7,minmax(132px,1fr));overflow-x:auto;padding-bottom:7px;scrollbar-width:thin;scrollbar-color:#84795e #101619}.vault-pass-actions{gap:8px}.vault-match-link{font-size:12px}.vault-wallet-footer{flex-wrap:wrap}.vault-wallet-footer .vault-faucet{flex:1}.vault-ticket-values{gap:20px}}
@media(max-width:800px){.vault-overview{grid-template-columns:1fr}.vault-wallet,.vault-pass{padding:19px}.vault-balance{padding-block:14px;min-height:84px}.vault-balance>strong{font-size:40px}.vault-wallet-footer{flex-wrap:nowrap}.vault-wallet-footer .vault-faucet{flex:0 1 auto}.vault-ranks-heading{align-items:flex-start}.vault-ranks-heading p{max-width:190px}.vault-ticket-values{justify-content:flex-start}.vault-ticket-divider{margin-inline:10px}.vault-pass-actions>.vault-button{flex:0 1 auto}#economyPanel h2{font-size:20px}.vault-heading-main{gap:11px}.vault-heading-main img{width:36px;height:36px}}
@media(max-width:600px){#economyPanel{padding:17px}#economyPanel .vault-heading{align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:18px}.vault-heading-main{width:100%}.vault-test-label{display:flex;gap:9px;font-size:12px;padding:7px 9px}.vault-test-label>span{padding-left:9px;border-left:1px solid #8b774555}.vault-overview{gap:12px}.vault-wallet,.vault-pass{padding:15px}.vault-wallet-footer{align-items:flex-start;gap:12px;flex-wrap:wrap}.vault-wallet-footer .vault-faucet{flex:1}.vault-burned{min-width:105px}.vault-label{font-size:12px}.vault-card-heading{gap:8px}.vault-balance>strong{font-size:38px}#economyPanel .vault-button{font-size:13px;padding:11px 12px}.vault-pass-actions>.vault-button{flex:1 1 100%}.vault-match-link{margin-inline:auto}.vault-ticket-values{gap:16px}.vault-ticket-divider{margin-inline:0}.vault-ticket-values strong{font-size:27px}.vault-ticket-values strong>span{font-size:12px}.vault-ranks-heading{flex-direction:column;gap:6px}.vault-ranks-heading p{text-align:left;max-width:none}.vault-ranks-heading p br{display:none}.vault-ranks-heading p br:after{content:' '}.vault-ranks-heading h3{font-size:18px}#holdingTiers.vault-tiers{grid-template-columns:repeat(7,132px);gap:10px}.vault-tier-summary{align-items:flex-start;flex-direction:column;gap:5px}.vault-tier-amount{font-size:23px}.vault-history summary{padding:13px 12px;flex-wrap:wrap;gap:8px;font-size:12px}.vault-history-count{font-size:12px}.vault-history-toggle{margin-left:auto}.vault-history-row{padding:13px 12px;gap:9px}.vault-history-row>strong{font-size:15px}.vault-history-row>strong small{font-size:11px}}
@media(max-width:600px){.vault-balance>.arena-token-icon{width:24px;height:30px}.vault-balance{gap:10px}.vault-balance>strong{font-size:34px}.vault-ticket-values .arena-token-icon{width:16px;height:20px}.vault-ticket-values strong{gap:5px}.vault-ticket-values strong>span{font-size:11px}.vault-tier-amount{font-size:22px}}
