/* The Shopping Mall: 6609 dialog 436 at its native 555x385 (art and layout in /ui/mall/manifest.json). */
.classic-mall{position:absolute;left:436px;top:-4px;width:40px;height:40px;padding:0;border:0;background:transparent url('/ui/mall/button.png?v=f186b1dbd1dceb60') no-repeat;cursor:pointer}
.classic-mall:is(:active,[aria-expanded='true']),.m-mall:is(:active,[aria-expanded='true']){background-image:url('/ui/mall/button-pressed.png?v=76daf7246b0ed4b7')}
.classic-mall:focus-visible,.m-mall:focus-visible,.mall button:focus-visible{outline:1px solid #ffe3a0;outline-offset:1px}
/* Phone: between VIP and the minimap (VIP and Auto Hunt moved left to make room). */
.m-mall{position:absolute;top:4px;right:calc(var(--safe-r) + var(--map-w,85px) + 10px);width:40px;height:40px;padding:0;border:0;background:transparent url('/ui/mall/button.png?v=f186b1dbd1dceb60') no-repeat;filter:drop-shadow(0 1px 2px #000c)}
.m-mall:active{transform:scale(.92)}

.mall{position:absolute;z-index:10;width:555px;height:385px;background:url('/ui/mall/frame.png?v=cafba793a4479a1a') no-repeat;transform:scale(var(--mall-scale,1));transform-origin:top left;color:#f2e6c4;font:12px/15px Arial,sans-serif;text-shadow:1px 1px 0 #000;user-select:none}
.mall[hidden]{display:none}
.mall>*{position:absolute;margin:0}
.mall button{padding:0;border:0;background:transparent no-repeat;color:inherit;font:inherit;cursor:pointer}
.mall button:disabled{cursor:default}
.mall-close{width:18px;height:18px;background:url('/ui/close.png?v=516ee3f630374e88') center no-repeat!important}
.mall-close:active{background-image:url('/ui/close-pressed.png?v=d43d3dd4329aa332')!important}
.mall-status{width:200px;color:#ffe08a;text-align:center;pointer-events:none}

.mall-grid{width:218px;height:260px;display:grid;grid-template-columns:repeat(5,43.6px);grid-auto-rows:43.3px}
.mall-cell{display:grid;place-items:center}
.mall-item,.mall-pick-item{position:relative;display:grid;place-items:center;width:40px;height:40px}
.mall-item img,.mall-pick-item img{width:40px;height:40px;display:block;pointer-events:none}
.mall-item:is(:hover,:focus-visible),.mall-pick-item:is(:hover,:focus-visible){filter:brightness(1.25)}
.mall-pick{width:65px;height:65px;display:grid;place-items:center}
.mall-pick-item,.mall-pick-item img{width:48px;height:48px}
.mall-pick-text{width:140px;height:62px;overflow:hidden}
.mall-pick-text b{display:block;color:#ffe08a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mall-pick-text i{display:block;font-style:normal;color:#9fd6ff}
.mall-pick-text span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#d8ccaa;font-size:11px;line-height:14px}

.mall-arrow{width:20px;height:20px;background-image:url('/ui/vip/page-prev.png?v=fd968d1bed79e53c')!important}
.mall-next{background-image:url('/ui/vip/page-next.png?v=aad6eb227ec5283d')!important}
.mall-arrow:disabled{opacity:.45}
.mall-page{width:40px;color:#ffe7a8;font-weight:bold;text-align:center}

.mall-tabs{left:0;top:0;width:0;height:0}
.mall-tab{position:absolute;width:54px;height:32px;background-position:0 0!important}
.mall-tab-all{background-image:url('/ui/mall/tab-all.png?v=2455d85676997efe')!important}.mall-tab-all.active{background-image:url('/ui/mall/tab-all-active.png?v=5ef139439cb5cf62')!important}
.mall-tab-item{background-image:url('/ui/mall/tab-item.png?v=00d4ff970346c938')!important}.mall-tab-item.active{background-image:url('/ui/mall/tab-item-active.png?v=b12bd0c133b4217c')!important}
.mall-tab-equip{background-image:url('/ui/mall/tab-equip.png?v=2ac0b45f5ac6d056')!important}.mall-tab-equip.active{background-image:url('/ui/mall/tab-equip-active.png?v=d01b084051f25592')!important}
.mall-tab-other{background-image:url('/ui/mall/tab-other.png?v=e67ed0e326565ee3')!important}.mall-tab-other.active{background-image:url('/ui/mall/tab-other-active.png?v=05a8562b443ee264')!important}
.mall-cps{width:200px;color:#ffe08a;font-weight:bold}

/* The amount and confirmation dialog, in the mobile kit's confirm style (the bag's drop confirmation uses the same art). */
.mall-buy{left:0;top:0;width:555px;height:385px;z-index:2;display:grid;place-items:center;background:#0009;text-shadow:none}
.mall-buy[hidden]{display:none}
.mall-buy-card{width:400px;box-sizing:border-box;padding:16px 18px;background:#152127 url(/ui/mobile/popbg.png?v=3add4e59f44b5c98) center/100% 100%;border:1px solid #bca56b88;border-radius:4px;box-shadow:0 10px 40px #000c;color:#e9e2ce;font:13px/1.45 Arial,sans-serif}
.mall-buy-card h2{margin:0 0 8px;color:#e7ce8c;font:20px Georgia,serif}
.mall-buy-head{display:flex;gap:10px;align-items:flex-start}
.mall-buy-icon img{width:48px;height:48px;display:block}
.mall-buy-text{margin:0;color:#d8ccaa;font-size:12px}
.mall-buy-price{margin:2px 0 0;color:#9fd6ff}
.mall-steps{display:flex;gap:6px;align-items:center;margin:10px 0 6px}
.mall-buy-card .mall-step,.mall-buy-card .mall-quick{min-width:34px;height:30px;padding:0 6px;background:url(/ui/mobile/btnB.png?v=6985addbe008ac4c) center/100% 100%;color:#e9e2ce;font:600 13px Georgia,serif}
.mall-amount{width:52px;height:28px;box-sizing:border-box;border:1px solid #bca56b88;background:#0b1418;color:#fff3cf;font:14px Arial,sans-serif;text-align:center}
.mall-limit{margin:0;color:#d8ccaa;font-size:12px}
.mall-question{margin:6px 0 12px;color:#ffe9a4;min-height:19px}
.mall-buy-actions{display:flex;gap:12px;justify-content:flex-end}
.mall-buy-card .mall-confirm,.mall-buy-card .mall-cancel{min-width:110px;min-height:38px;padding:6px 12px;background:url(/ui/mobile/btnY.png?v=be065432cc957cb3) center/100% 100%;color:#392a12;font:600 14px Georgia,serif}
.mall-buy-card .mall-cancel{background-image:url(/ui/mobile/btnB.png?v=6985addbe008ac4c);color:#e9e2ce}
.mall-buy-card button:disabled{filter:grayscale(.8);opacity:.6}

.mall-buy-card[hidden]{display:none}
.mall-payment-actions{flex-direction:column;gap:8px}
.mall-payment-actions button{width:100%}