/* Meridian Finance Atelier — visual-only, scoped to the finance screen. */
.pixar #finances.finance-screen{--fa-ink:#245a60;--fa-muted:#657b70;--fa-gold:#c6a267;--fa-cream:#fff8e7;padding:7px 11px 24px!important;color:var(--fa-ink)}
.pixar body:has(#finances.active){background:#8fbfb9 url('assets/reference-v2/background.webp') center/cover fixed}
#finances .finance-hero{overflow:visible;background:none;box-shadow:none;border:0;padding:0;border-radius:0;margin:0 0 12px}
#finances .finance-hero:after{display:none}
#finances .finance-rates{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#finances .finance-rate{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:34px auto;align-items:center;justify-content:normal;gap:5px 8px;min-height:83px;padding:9px 11px 11px;border:1px solid #bfa16b;border-bottom:3px solid #a48e5e;border-radius:17px;background:linear-gradient(130deg,#fffbe9,#eae5ca);box-shadow:inset 0 0 0 2px #fff9e8,0 4px 9px #315a4d19;color:#4d7268}
#finances .finance-rate:before{content:'';position:static;grid-column:1;grid-row:1;width:34px;height:34px;transform:none;background:url('assets/finance-atelier-v1/chest.webp') center/contain no-repeat;filter:drop-shadow(0 1px 1px #36594d26)}
#finances .finance-rate:last-child:before{background-image:url('assets/finance-atelier-v1/coins.webp')}
#finances .finance-rate>span{grid-column:2;grid-row:1;min-width:0;font-size:12px;font-weight:800;line-height:1.15}
#finances .finance-rate b{grid-column:1/-1;grid-row:2;min-width:0;font-size:14px;line-height:1.2;letter-spacing:-.25px;font-weight:900;color:#255d60;white-space:nowrap}
#finances .finance-tabs{margin:0 0 13px;padding:4px;gap:5px;border:1px solid #b99c62;border-radius:17px;background:linear-gradient(135deg,#fff9e5,#e8d9b4);box-shadow:inset 0 1px #fffdf3,0 3px 0 #5c827875}
#finances .finance-tabs button{min-height:43px;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;color:#5c766a;background:transparent;box-shadow:none;font-size:14px;font-weight:900;line-height:1.15}
#finances .finance-tabs button:before{content:'';width:19px;height:19px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m-5-5 5 5 5-5M4 16v4h16v-4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
#finances .finance-tabs [data-finance-mode=withdraw]:before{transform:rotate(180deg)}
#finances .finance-tabs button.active{background:radial-gradient(ellipse at top,#6cb3a7,transparent 80%),linear-gradient(#3f9291,#286c74);border-color:#24656b;border-bottom-color:#1f535c;box-shadow:inset 0 1px #d1e9c7,0 2px 0 #c4a267;color:#fff2c5;text-shadow:0 1px #265d63}
#finances .finance-tabs button.active:before{color:#ffe4a1}
#finances .finance-block{position:relative;min-width:0;margin:12px 0;padding:13px 12px 14px;border:1px solid #c3ab7b;border-radius:19px;background:linear-gradient(125deg,#fffdf2,#fbf2dc 85%);box-shadow:inset 0 0 0 2px #fffdf2,0 3px 0 #6e948562,0 7px 15px #2b565015}
#finances .finance-block h2{display:flex;align-items:center;gap:7px;color:#285f61;font-size:16px;font-weight:900;line-height:1.2;margin:0 0 4px;letter-spacing:-.3px}
#finances .finance-block h2:before{content:'';width:5px;height:17px;border-radius:6px;background:linear-gradient(#e9cb83,#bd9452);box-shadow:0 1px #fff9dc}
#finances .finance-subtitle{font-size:11px;line-height:1.35;color:#6b7d70;margin:0 0 11px;font-weight:600}
#finances .finance-assets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#finances .finance-assets:not(:has(button)){display:block;padding:8px 0;font-size:12px;line-height:1.4;color:#6b7d70}
#finances .finance-asset{position:relative;min-height:49px;min-width:0;display:flex;align-items:center;gap:6px;padding:7px 6px;border:1px solid #dbd2b7;border-bottom:2px solid #cdc6ab;border-radius:11px;background:linear-gradient(135deg,#fffef6,#f0ecd9);box-shadow:inset 0 1px #fffdf5;color:#2f625e;transition:background .15s,border-color .15s;isolation:isolate}
#finances .finance-asset.active{border:1px solid #2b7775;border-bottom:2px solid #19555d;padding:7px 6px;background:radial-gradient(ellipse at top left,#77baa5,transparent 85%),linear-gradient(120deg,#3d9187,#28727a);box-shadow:inset 0 1px #d1e8ba,0 0 0 1px #e2c57f;color:#fff8d9}
#finances .finance-asset-mark{width:27px;height:27px;flex:none;border:1px solid #d9cb9a;border-radius:50%;background:#fffbee;box-shadow:0 2px 2px #3c625022,inset 0 1px #fff;overflow:visible}
#finances .finance-asset-mark img{width:21px;height:21px;filter:none}
#finances .finance-asset-ticker{font-size:12px;font-weight:1000;line-height:1.05;letter-spacing:-.15px}
#finances .finance-asset-network{font-size:9px;line-height:1.1;margin-top:4px;color:#6c7e71;font-weight:700;overflow:visible;text-overflow:clip}
#finances .finance-asset.active .finance-asset-network{color:#deeed3}
#finances .finance-asset.active .finance-asset-mark{border-color:#e9d5a0;box-shadow:0 1px 3px #1c4c4d50}
#finances .finance-asset-check{top:3px;right:3px;width:10px;height:10px;color:#fff0aa}
#finances .finance-field-label{font-size:10px;font-weight:900;line-height:1.3;letter-spacing:0;color:#5d786d;text-transform:none;margin:0 0 5px}
#finances .finance-input-wrap{min-height:49px;gap:7px;padding:0 12px;border:1px solid #b9c8af;border-bottom:2px solid #9fb5a1;border-radius:12px;background:linear-gradient(#fffef7,#f4f6e9);box-shadow:inset 0 2px 5px #536c5210,0 1px #fff;color:#608075}
#finances .finance-input-wrap:focus-within{border-color:#448e80;box-shadow:0 0 0 3px #5d9e8325,inset 0 1px 4px #536c5210}
#finances .finance-input-wrap>span{font-size:12px;color:#6a8372;font-weight:800;white-space:nowrap}
#finances .finance-input-wrap input{font-size:23px;line-height:1.1;font-weight:900;color:#245e61;letter-spacing:-.5px}
#finances .finance-input-wrap input::placeholder{color:#92a08d;opacity:1;font-weight:700}
#finances #financeWallet,#finances #financeTag{font-size:14px;letter-spacing:0;font-weight:700}
#finances .finance-quick-amounts{gap:6px;margin-top:8px;flex-wrap:nowrap}
#finances .finance-quick-amounts button{min-width:0;min-height:36px;padding:7px 3px;border:1px solid #d3c29a;border-bottom:2px solid #c6b88e;border-radius:9px;background:linear-gradient(#fffdf1,#f0e6ca);font-size:12px;line-height:1.1;color:#517464;box-shadow:inset 0 1px #fff;font-weight:900}
#finances .finance-quick-amounts button.active{border-color:#559280;background:linear-gradient(#d6ebcd,#b8d9bc);color:#28675c;box-shadow:inset 0 1px #f4ffe7}
#finances .finance-quote{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:39px;margin-top:10px;padding:8px 10px;background:linear-gradient(100deg,#dcebd6,#eaf0db);border:1px solid #cadcba;border-radius:10px;color:#5e7c69;font-size:10px;font-weight:800}
#finances .finance-quote>b{font-size:12px;color:#2a685f;line-height:1.3;text-align:right;overflow-wrap:anywhere}
#finances .finance-note{font-size:10px;color:#72806c;line-height:1.4;margin:8px 0 0}
#finances .finance-primary{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;min-height:48px;width:100%;border:1px solid #256a6d;border-bottom:4px solid #194e57;border-radius:12px;background:radial-gradient(ellipse at 28% 0,#8dc3ac,transparent 70%),linear-gradient(110deg,#3c8e86,#286d76);box-shadow:0 2px 0 #c7a563,inset 0 1px #d3eac0;color:#fff1c8;font-weight:900;font-size:14px;line-height:1.2;text-shadow:0 1px #23575c}
#finances .finance-primary:before{content:'';position:absolute;inset:3px;border:1px solid #cee2b53b;border-radius:8px;pointer-events:none}
#finances .finance-primary:after{content:'';width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#finances .finance-primary:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #d3eac0}
#finances .finance-primary:disabled{opacity:.6}
#finances .finance-footnote{margin:10px 2px 0;color:#7a826d;font-size:9px;line-height:1.4;text-align:center}
#finances [data-finance-panel=withdraw]>.finance-quick-amounts{width:49px;margin-top:-43px;margin-left:auto;margin-right:5px;position:relative}
#finances [data-finance-panel=withdraw]>.finance-quick-amounts button{min-height:35px;width:49px;flex:none;border-radius:8px;background:#e5e9cc}
#finances [data-finance-panel=withdraw]>.finance-input-wrap:first-of-type{padding-right:62px}
#finances [data-finance-panel=withdraw]>.finance-quote{margin-top:15px}
#finances .finance-wallet{margin-top:12px}
#finances .finance-notice{margin:12px 0;padding:10px 12px;border:1px solid #c2d6ab;border-left:4px solid #559d80;border-radius:12px;background:#eaf2dc;color:#3b6c57;font-size:11px;line-height:1.4;font-weight:700;box-shadow:0 2px 0 #446c5420}
#finances .finance-notice.error{background:#fff0df;border-color:#e1b9a0;border-left-color:#bb745a;color:#955340}
#finances .finance-result{margin-top:14px;padding:12px;border:1px solid #d8bd80;border-radius:14px;background:linear-gradient(140deg,#fffdf2,#eef1da);box-shadow:inset 0 0 0 2px #fffbed}
#finances .finance-result-title{font-size:13px;font-weight:900;color:#2b6261;text-align:center;line-height:1.3}
#finances .finance-result-amount{font-size:12px;line-height:1.3;margin:4px 0 12px;color:#55786b;text-align:center}
#finances .finance-qr{margin-bottom:12px}
#finances .finance-qr img{width:160px;height:160px;padding:9px;border:1px solid #d7c59b;border-radius:13px;box-shadow:0 3px 0 #c5ceb6;background:#fff}
#finances .finance-address{padding:9px 10px;border:1px dashed #9abda6;border-radius:9px;background:#fffdf4;color:#346663;font-size:11px;line-height:1.5}
#finances .finance-copy{min-height:38px;margin-top:8px;border:1px solid #c5b68d;border-bottom:2px solid #b1a67f;border-radius:9px;background:linear-gradient(#fff9e3,#ece2bd);color:#4f715c;font-size:11px;font-weight:900;padding:8px 12px}
#finances .finance-tag{font-size:11px;color:#527261;line-height:1.4;overflow-wrap:anywhere}
#finances .finance-history{margin-top:11px;gap:7px}
#finances .finance-history-row{position:relative;grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;padding:11px 10px 10px 12px;border:1px solid #d8d1b3;border-radius:11px;background:linear-gradient(110deg,#fffef5,#f3efdb);box-shadow:inset 3px 0 #7bb59b}
#finances .finance-history-title{font-size:11px;font-weight:900;color:#3f6e63;line-height:1.25}
#finances .finance-history-amount{font-size:12px;font-weight:1000;color:#306d5e;line-height:1.25;white-space:normal;overflow-wrap:anywhere;max-width:140px}
#finances .finance-history-meta{font-size:9px;line-height:1.3;gap:5px 6px;color:#7c886f;align-items:center}
#finances .finance-status{padding:3px 6px;background:#e2ebcf;border:1px solid #d0dbb8;border-radius:6px;color:#527b5d;font-size:9px;line-height:1.1}
#finances [data-status=pending_review] .finance-status,#finances [data-status=processing] .finance-status{background:#f5e6bc;border-color:#e7cd90;color:#997434}
#finances [data-status=failed] .finance-status{background:#f4dfd0;border-color:#e7bd9e;color:#9e6247}
#finances .finance-empty{padding:18px 10px;color:#7e8c71;font-size:11px}
#finances .finance-more{min-height:41px;margin-top:10px;border:1px solid #c9b78c;border-bottom:2px solid #b6a779;border-radius:10px;background:linear-gradient(#fff9e5,#f0e5c5);color:#4c7765;font-size:12px;font-weight:900}
#finances button:focus-visible{outline:3px solid #e2be6e;outline-offset:2px}
@container game (max-width:350px){
 .pixar #finances.finance-screen{padding-left:8px!important;padding-right:8px!important}
 #finances .finance-rate{grid-template-columns:30px minmax(0,1fr);grid-template-rows:30px auto;gap:4px 6px;padding:8px 9px 10px;min-height:77px}
 #finances .finance-rate:before{width:30px;height:30px}
 #finances .finance-rate b{font-size:12px;letter-spacing:-.15px}
 #finances .finance-rate>span{font-size:11px}
 #finances .finance-block{padding:12px 9px}
 #finances .finance-assets{gap:5px}
 #finances .finance-asset{padding:7px 4px;gap:4px}
 #finances .finance-asset.active{padding:7px 4px}
 #finances .finance-asset-mark{width:23px;height:23px}
 #finances .finance-asset-mark img{width:18px;height:18px}
 #finances .finance-asset-ticker{font-size:11px}
 #finances .finance-asset-network{font-size:8px}
 #finances .finance-history-amount{max-width:118px;font-size:11px}
 #finances .finance-quick-amounts{gap:5px}
 #finances .finance-quick-amounts button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#finances *{transition:none!important}}