/* Veil Bank counter — bronze, walnut and the existing amber/amethyst hall. */
.cx-scene{color:#f6e9d4;--cx-gold:#efcd87;--cx-muted:#d5c4cc;max-width:1400px;margin:0 auto;font-size:14px}
.cx-scene *{box-sizing:border-box}.cx-scene button,.cx-scene input{font:inherit}.cx-scene button{cursor:pointer}.cx-scene button:disabled{cursor:default;opacity:.55}.cx-scene :focus-visible{outline:2px solid #b1efff;outline-offset:4px}.cx-scene ::selection{background:#b99558;color:#160f1c}
.cx-intro{display:flex;align-items:baseline;gap:10px 24px;flex-wrap:wrap;padding:10px 0 22px;text-shadow:0 2px 5px #130916}.cx-intro h2{font-size:clamp(24px,2.3vw,36px);margin:0}.cx-intro p{flex:1;min-width:200px;margin:0;color:#eddfdc;line-height:1.5}.cx-refresh{background:#241825de;border:1px solid #9a7c56;color:#f2d9a9;padding:10px 15px;border-radius:3px}
.cx-layout{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(360px,1fr);gap:clamp(20px,4vw,65px);align-items:center;padding:0 clamp(0px,1vw,20px) 34px}
.cx-stage{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;text-align:center;padding:0 10px 16px;background:radial-gradient(ellipse at 50% 45%,#2e193dc9 0%,#1e15253b 58%,transparent 73%)}
.cx-scale{display:block;width:min(100%,440px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 16px 16px #100719a6);transition:transform .65s cubic-bezier(.16,1,.3,1);transform:rotate(-1deg)}.cx-scene[data-side=sell] .cx-scale{transform:rotate(1deg)}
.cx-rate-plaque{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(100deg,#32222be8,#47302cef,#30212bef);border:1px solid #bc985f;box-shadow:inset 0 0 0 3px #201825,0 8px 18px #10091b6b;border-radius:4px;min-width:min(100%,270px);margin-top:-15px;position:relative}.cx-rate-plaque>span{font-size:13px;color:#eddbba}.cx-rate-plaque strong{display:flex;align-items:center;gap:10px;font-size:24px;font-family:Cinzel,Georgia,serif;color:#f4d59e;font-variant-numeric:tabular-nums}.cx-currency-icon{object-fit:contain;flex-shrink:0;vertical-align:middle}.cx-market-note{max-width:340px;margin:18px 0 0;font-size:13px;line-height:1.7;color:#eee0d5;text-shadow:0 2px 4px #10091b}
.cx-counter{border:1px solid #bc995f;border-radius:9px;padding:clamp(20px,2.5vw,34px);background:linear-gradient(130deg,#332332f5,#201827f7),url('/v2/art/market/auction-hall.webp') center/cover;box-shadow:inset 0 0 0 4px #211720,inset 0 0 0 5px #6e523b,0 14px 24px #120b2070;position:relative;min-width:0}
.cx-directions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.cx-direction{min-height:65px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #95724d;border-radius:4px;background:#211823;color:#e4cfae;font-family:Cinzel,Georgia,serif!important;font-weight:bold;transition:background .18s ease,transform .18s ease}.cx-direction[aria-pressed=true]{background:linear-gradient(#967047,#61432f);color:#fff2d7;border-color:#edc47d;box-shadow:inset 0 0 0 3px #422d2b}.cx-direction:hover:not(:disabled){transform:translateY(-2px)}
.cx-owned{color:#e4d6df;font-size:13px;margin:0 0 20px;line-height:1.6;font-variant-numeric:tabular-nums}.cx-quantity-label{display:block;color:#f2d8a4;font-weight:600;margin:0 0 10px}.cx-amount{display:flex;align-items:center;gap:16px;background:#140f1ddd;border:1px solid #a58a60;border-radius:5px;padding:8px 18px}.cx-amount input{width:100%;min-width:0;padding:4px 0;background:none!important;color:#fbf0da!important;border:0!important;height:50px;font:700 32px Cinzel,Georgia,serif!important;caret-color:#a6eaff;outline-offset:0;font-variant-numeric:tabular-nums;color-scheme:dark}
.cx-presets{display:flex;gap:9px;margin:10px 0}.cx-button{border:1px solid #886c4c;background:#3e2b32;color:#f5dcab;padding:8px 19px;border-radius:3px;min-height:38px}.cx-button:hover:not(:disabled){background:#574031}.cx-allowance{font-size:12px;line-height:1.6;color:#d8c4cf;margin:9px 0 20px;font-variant-numeric:tabular-nums}.cx-quote-hint{font-size:13px;color:#deccd6;margin:20px 0 15px}
.cx-submit{display:block;width:100%;min-height:54px;border:1px solid #f0cd82;border-radius:5px;background:linear-gradient(#eed196,#ba8c4a);box-shadow:inset 0 0 0 3px #785739,inset 0 0 0 4px #f4dba0,0 6px 12px #08050c80;color:#24171d;text-shadow:0 1px #fff4d487;font-family:Cinzel,Georgia,serif!important;font-size:16px!important;font-weight:800;transition:transform .18s ease,filter .18s ease}.cx-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.cx-submit:active:not(:disabled){transform:translateY(1px)}.cx-scene [hidden]{display:none!important}
.cx-transfer{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;padding:14px 0;border-block:1px solid #ad8a564f;margin-top:12px}.cx-transfer>div{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:4px 10px}.cx-transfer strong{font:700 clamp(21px,2.5vw,30px) Cinzel,Georgia,serif;color:#f4dcac;font-variant-numeric:tabular-nums}.cx-transfer div>span{grid-column:1/-1;text-align:center;color:#dec9d0;font-size:12px}.cx-transfer-arrow{width:20px;height:12px;border-top:2px solid #b99b68;transform:translateY(6px)}.cx-transfer-arrow::after{content:'';display:block;width:10px;height:10px;border-top:2px solid #b99b68;border-right:2px solid #b99b68;transform:rotate(45deg);position:absolute;right:0;top:-6px}.cx-fee,.cx-impact{font-size:12px;color:#dcc7d1;line-height:1.6;text-align:center}.cx-fee{margin:12px 0 3px}.cx-impact{margin:0 0 17px}.cx-expiry{font-size:12px;color:#e4cda9;text-align:center;margin:10px 0;font-variant-numeric:tabular-nums;min-height:0}.cx-expiry:empty{display:none}.cx-error{padding:12px;color:#ffccbd;background:#542c367d;border:1px solid #b47a71;border-radius:4px;line-height:1.5}
.cx-receipt{position:relative;display:grid;grid-template-columns:42px 1fr;column-gap:13px;align-items:center;padding:15px;margin-top:20px;border:1px solid #91bd92;background:#2a473f;color:#eef9df;border-radius:4px;animation:cx-receive .45s cubic-bezier(.16,1,.3,1)}.cx-receipt img{grid-row:1/3}.cx-receipt p{margin:5px 0 0;font-size:13px;line-height:1.5}.cx-details{margin-top:18px;color:#d4c1ca;font-size:12px;line-height:1.7}.cx-details summary{cursor:pointer;color:#eed4a0;padding:6px 0}.cx-details p{max-width:65ch;margin:10px 0}.cx-records{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;border-top:1px solid #98794f;padding:24px;background:linear-gradient(#221726e3,#24172bed);border-radius:0 0 6px 6px}.cx-records h3{font-size:17px}.cx-record-empty{font-size:13px;color:#d9c6d3;line-height:1.6;padding:15px 0}.cx-trend svg{width:100%;height:125px;overflow:visible;background:repeating-linear-gradient(0deg,transparent 0,transparent 30px,#cbb69216 31px)}.cx-trend polyline{fill:none;stroke:#e6c580;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.cx-chart-range,.cx-chart-caption{font-size:12px;color:#d7c3cd;margin:10px 0}.cx-history-list{list-style:none;max-height:220px;overflow:auto;padding:0;margin:0;scrollbar-color:#b79458 #251b2b;scrollbar-width:thin}.cx-history-list li{display:grid;grid-template-columns:28px 1fr auto;gap:3px 9px;padding:11px 2px;border-bottom:1px solid #b696663b;align-items:center;font-size:12px;font-variant-numeric:tabular-nums}.cx-history-list time{grid-column:2/-1;font-size:11px;color:#cab8c5}.cx-history-list img{grid-row:1/3}.cx-history-list strong{font-weight:600;color:#f0dfc5}.cx-test-note{font-size:11px;text-align:center;color:#dcc9d4;margin:16px auto 0;max-width:70ch;text-shadow:0 1px 3px #100519}.cx-loading{padding:45px;background:#231827;color:#eedabd}
.mx-tabs:has([data-section=currency]){grid-template-columns:repeat(5,minmax(0,1fr))}.mx-tabs:has([data-section=currency]) button{padding-inline:10px}.mx-exchange[data-section=currency] .mx-host{display:none}
@keyframes cx-receive{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.mx-exchange[data-section=currency] .mx-header{min-height:135px;padding-top:22px;padding-bottom:12px}.mx-exchange[data-section=currency] .mx-header h1{font-size:36px}.mx-exchange[data-section=currency] .mx-header>p,.mx-exchange[data-section=currency] .mx-limit{display:none}.cx-scale{max-width:355px}.cx-intro{padding-bottom:16px}.cx-counter{padding:24px}.cx-directions{margin-bottom:15px}.cx-owned{margin-bottom:16px}.cx-scene[data-review=true] :is(.cx-quantity-label,.cx-amount,.cx-presets){display:none}.cx-edit-amount{display:block;border:0;border-bottom:1px solid #bca273;background:none;color:#f2d7a4;padding:5px 0;margin:0 auto 17px;font-size:13px!important}.cx-edit-amount:hover{color:#fff3cf}
@media(max-width:1100px){.cx-layout{grid-template-columns:minmax(200px,.7fr) minmax(330px,1fr);gap:18px}.cx-direction{font-size:12px!important}.cx-intro p{flex-basis:55%}.cx-counter{padding:22px}.cx-records{padding:20px;gap:20px}.cx-history-list li{grid-template-columns:24px 1fr}.cx-history-list li>span{grid-column:2}.cx-history-list img{grid-row:1/4}}
@media(max-width:760px){.cx-layout{grid-template-columns:1fr;padding-bottom:24px}.cx-stage{display:grid;grid-template-columns:100px 1fr;gap:4px 14px;padding:0;text-align:left}.cx-scale{width:115px;grid-row:1/3;max-width:none}.cx-rate-plaque{min-width:0;margin:0;padding:10px 12px}.cx-rate-plaque strong{font-size:20px;gap:6px}.cx-market-note{grid-column:1/-1;max-width:none;font-size:12px;margin:7px 0 5px;line-height:1.5}.cx-intro{gap:8px;padding-bottom:18px}.cx-intro h2{font-size:26px}.cx-intro p{font-size:13px;order:3;flex-basis:100%}.cx-refresh{margin-left:auto;font-size:12px;padding:8px}.cx-counter{padding:20px}.cx-direction{min-height:58px;font-size:13px!important}.cx-records{grid-template-columns:1fr;gap:24px}.cx-history-list li{grid-template-columns:28px 1fr auto}.cx-history-list li>span{grid-column:3;grid-row:1}.cx-history-list img{grid-row:1/3}.mx-tabs:has([data-section=currency]){display:flex;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px}.mx-tabs:has([data-section=currency]) button{min-width:106px;flex:1;font-size:12px}.mx-tabs:has([data-section=currency]) button img{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.cx-scene *{animation:none!important;transition:none!important}}.mx-motion-off .cx-scene *{animation:none!important;transition:none!important}
@media(max-width:760px){.mx-exchange[data-section=currency] .mx-header{min-height:0;padding:15px 0 12px}.mx-exchange[data-section=currency] .mx-header h1{font-size:25px;max-width:none}.mx-exchange[data-section=currency] .mx-test-wallet{display:none}.mx-tabs:has([data-section=currency]){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:5px}.mx-tabs:has([data-section=currency]) button{min-width:0;padding:7px 2px;font-size:10px;min-height:58px}.mx-tabs:has([data-section=currency]) button img{width:26px;height:26px}.cx-intro h2{font-size:21px}.cx-intro p{display:none}.cx-refresh{font-size:11px}.cx-stage{grid-template-columns:75px 1fr;gap:4px 10px}.cx-scale{width:80px}.cx-rate-plaque{padding:8px}.cx-rate-plaque>span{font-size:11px}.cx-rate-plaque strong{font-size:18px}.cx-rate-plaque .cx-currency-icon{width:24px;height:24px}.cx-market-note{margin:5px 0 0;font-size:11px}.cx-layout{gap:14px}.cx-counter{padding:18px}}