/* Purchase layout measured on the live reference: 360 px item / 560 px purchase panel. */
.mu-purchase-dialog{box-sizing:border-box;padding:0;margin:auto;width:922px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:hidden;border:1px solid #ffffff17;border-radius:20px;background:radial-gradient(80% 120px at 50% 0,#f6b70c1a,transparent),linear-gradient(#16294f,#1a3366);color:#fff;box-shadow:0 24px 80px #0007;font:400 14px/20px Circe,Arial,sans-serif;overscroll-behavior:contain}
.mu-purchase-dialog::backdrop{background:#000b;backdrop-filter:none}
.mu-purchase-layout{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:min(424px,calc(100dvh - 34px));max-height:calc(100dvh - 34px);overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.mu-purchase-side{display:flex;align-items:center;justify-content:center;padding:20px 12px;background:#0004;border-right:1px solid #ffffff09;min-width:0}
.mu-purchase-side .mu-tooltip-content{width:100%;padding:12px;text-align:center;font:500 14px/20px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.mu-purchase-side .mu-tooltip-content>.native-item-frame{width:124px;height:120.78px;margin:0 auto 10px;filter:none;transform:none}
.mu-purchase-side .mu-tooltip-content>.native-item-image{width:120px;height:120px;object-fit:contain;margin:0 auto 10px;display:block;max-width:120px}
.mu-purchase-side .mu-tooltip-content>.mu-tooltip-title{margin:0 0 10px;color:#ffcc19;font-weight:700}
.mu-purchase-side .mu-tooltip-note{font-size:13px}.mu-purchase-side .mu-tooltip-block>p{color:#fff}.mu-purchase-side .mu-tooltip-block>.mu-blue{color:#80b2ff}
.mu-purchase-main{display:flex;flex-direction:column;gap:12px;padding:20px;min-width:0}
.mu-purchase-header{display:flex;align-items:center;gap:12px;min-height:80px;padding:0 40px 12px 0;border-bottom:1px solid #ffffff24}
.mu-purchase-thumb{flex:none;width:56px;height:56px;border:1px solid #a56434;border-radius:15px;background:#0c1b354d;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 12px #0003}
.mu-purchase-thumb .native-item-frame{width:52px;height:50.65px;transform:none;filter:none}.mu-purchase-thumb>.native-item-image{width:50px;height:50px;max-width:50px;max-height:50px;object-fit:contain}.mu-purchase-thumb .native-item-missing small{display:none}.mu-purchase-thumb .native-item-missing{padding:0;min-height:50px}
.mu-purchase-head-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.mu-purchase-head-text h2{font:800 24px/28px Circe,sans-serif;text-transform:none;letter-spacing:0;margin:0;color:#fff}.mu-purchase-sub{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}.mu-purchase-sub strong{font:800 14px/20px Circe,sans-serif;color:#ffcc19}.mu-purchase-category{background:#ffffff14;color:#eee;border-radius:6px;padding:3px 8px;font:700 13px/18px Circe,sans-serif}.mu-purchase-head-text p{font:400 14px/20px Circe,sans-serif;color:#a99aab;margin:0}
.mu-purchase-panel{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:230px}
.mu-purchase-total{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px 12px;padding:10px 12px;border:1px solid #ff711c66;border-radius:16px;background:linear-gradient(#ff711c33,transparent);min-height:73px;box-sizing:border-box}
.mu-purchase-pay>span{display:block;color:#d0c8d7;font:400 14px/20px Circe}.mu-purchase-values{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;min-height:28px}.mu-purchase-values>strong{font:800 15px/22px Circe;color:#d7e0eb}
.mu-currency-amount{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;color:#b9ffe5}.mu-currency-amount>strong{font:700 15px/22px Circe}.mu-currency-wc{display:inline-block;padding:1px 6px;border-radius:9px;background:#b7f8dc;color:#064438;font:800 13px/18px Circe,sans-serif}.mu-currency-other{color:#efcf9b;font:700 13px Circe}
.mu-purchase-balances{margin:0;display:flex;flex-direction:column;gap:3px;font:400 14px/20px Circe;color:#bcb2c6;min-width:100px}.mu-purchase-balances>div{display:flex;justify-content:flex-end;gap:12px}.mu-purchase-balances dt{font-weight:400}.mu-purchase-balances dd{margin:0;color:#fff;font-weight:800}.mu-purchase-balances .mu-purchase-shortfall dd{color:#ff293b}
.mu-purchase-warning{display:flex;align-items:flex-start;gap:6px;margin:0;padding:10px;border:1px solid #e67e233b;border-radius:12px;background:#e67e2317;color:#e5deec;font:400 14px/20px Circe}.mu-purchase-warning>svg{width:18px;height:20px;flex:none;fill:none;stroke:#ff9e21;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mu-purchase-warning a{color:#ff9a28;text-decoration:underline;font-weight:700}.mu-purchase-warning[hidden],.mu-purchase-proposal[hidden],.mu-proposal-note[hidden]{display:none}
.mu-purchase-actions{display:grid;grid-template-columns:152px minmax(0,1fr);gap:10px}.mu-purchase-actions button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:25px;padding:12px 17px;font:700 14px/20px Circe,sans-serif;min-height:46px;cursor:pointer}.mu-purchase-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.mu-purchase-offer{border:1px solid #ffffff80;background:transparent;color:#fff}.mu-purchase-buy{border:0;background:linear-gradient(#ff922d,#ff6411);color:#fff;box-shadow:inset 0 2px 1px #ffffff3b}.mu-purchase-buy:disabled{background:#40495a;color:#a19da2;cursor:default;box-shadow:inset 0 2px 2px #ffffff33}.mu-purchase-offer:disabled{opacity:.5;cursor:wait}
.mu-purchase-close{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;padding:6px;background:#293e60;border:0;border-radius:50%;color:#e1e7f0;cursor:pointer}.mu-purchase-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.mu-purchase-close:hover{background:#ffffff20}.mu-purchase-dialog button:focus-visible,.mu-purchase-dialog a:focus-visible,.mu-purchase-dialog input:focus-visible{outline:2px solid #ffc46b;outline-offset:3px}
.mu-proposal-seller{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;border-radius:14px;background:#04112766;color:#b3b1c3}.mu-proposal-seller>div{display:flex;gap:12px}.mu-proposal-fields{display:grid;gap:7px;margin-top:10px}.mu-proposal-fields label{color:#d1c7d6;font:400 14px/20px Circe}.mu-proposal-input{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:13px;background:#0c1830;min-height:50px;box-sizing:border-box}.mu-proposal-input input{font:800 23px/28px Circe;color:#fff;background:transparent;border:0;min-width:50px;width:100%;outline:none}.mu-proposal-input input:disabled{color:#9d99a4}.mu-proposal-input small{flex:none;max-width:120px;font:400 13px/18px Circe;text-align:right;color:#c6bcd1}.mu-proposal-note{margin:0;padding:10px;border-radius:12px;background:#14a8e91a;border:1px solid #45bbef4d;color:#d1e2f2;font:400 14px/20px Circe}
body:has(.mu-purchase-dialog[open]){overflow:hidden}
@media(max-width:780px){.mu-purchase-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.mu-purchase-layout{grid-template-columns:42% minmax(0,1fr)}.mu-purchase-main{padding:18px 14px}.mu-purchase-header{padding-right:22px}.mu-purchase-thumb{display:none}.mu-purchase-actions{grid-template-columns:1fr}.mu-purchase-side{padding:20px 8px}.mu-purchase-side .mu-tooltip-content{padding:8px;font-size:13px;line-height:19px}.mu-purchase-head-text h2{font-size:23px}}
@media(max-width:560px){.mu-purchase-dialog{width:calc(100vw - 24px);border-radius:17px}.mu-purchase-layout{display:flex;flex-direction:column;min-height:0}.mu-purchase-main{order:-1;padding:20px 16px 16px;gap:14px}.mu-purchase-header{min-height:72px;padding-right:22px}.mu-purchase-thumb{display:flex;width:48px;height:48px;border-radius:12px}.mu-purchase-head-text h2{font-size:24px}.mu-purchase-head-text p{font-size:13px}.mu-purchase-sub strong{font-size:14px}.mu-purchase-category{font-size:13px}.mu-purchase-panel{min-height:170px}.mu-purchase-actions{grid-template-columns:130px minmax(0,1fr);gap:8px}.mu-purchase-actions button{padding:12px 10px;font-size:14px}.mu-purchase-side{border-top:1px solid #ffffff14;border-right:0;padding:8px 12px 20px}.mu-purchase-side .mu-tooltip-content{font-size:14px;line-height:20px}.mu-purchase-side .mu-tooltip-content>.native-item-frame{width:124px;height:120.78px}.mu-proposal-input small{max-width:85px}.mu-purchase-total{min-height:73px}}
@media(prefers-reduced-motion:no-preference){.mu-purchase-dialog[open]{animation:mu-purchase-in .16s ease-out}@keyframes mu-purchase-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}}