.market-window{height:min(780px,calc(100dvh - 64px))}
.market-layout{display:flex;flex:1;min-height:0;overflow:hidden}
.market-categories{flex:none;width:98px;padding:5px 4px;box-sizing:border-box;overflow-y:auto;background:#343750;border-right:3px solid #9aa9cc;scrollbar-width:thin}
.market-category{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:100%;height:88px;margin-bottom:7px;padding:7px 3px;border:2px solid #888fac;border-radius:4px;background:linear-gradient(#697394,#424560);box-shadow:inset 0 1px 2px #adb7d9,0 2px 3px #171927;font-size:13px!important;line-height:1.1}
.market-category img,.market-category svg{width:35px;height:35px;filter:drop-shadow(0 2px 2px #182431)}
.market-category[aria-pressed=true]{border-color:#d4e7ff;background:linear-gradient(#b3c7ee,#8298d3);box-shadow:inset 0 0 0 2px #aebfec,0 0 7px #a5c6ff85}
.market-content{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;background:repeating-linear-gradient(135deg,#30395220 0px,#30395220 1px,transparent 1px,transparent 47px),repeating-linear-gradient(45deg,#7583a013 0px,#7583a013 1px,transparent 1px,transparent 47px),linear-gradient(130deg,#3a405e,#424f70)}
.market-wallet-bar{display:flex;align-items:center;justify-content:space-between;gap:4px;flex:none;min-height:43px;padding:3px 10px;background:#65709580;border-bottom:2px solid #777f9f;box-sizing:border-box}
.market-wallet-bar h3{margin:0;font-size:13px;color:#fff3c2}
.market-balances{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.market-balance{display:flex;gap:4px;align-items:center;font-size:12px}
.market-balance img{width:23px;height:23px;object-fit:contain}
.market-currency-tabs{display:flex;gap:4px;align-items:center;justify-content:center;padding:4px;background:#5d6487}
.market-currency-tabs[hidden]{display:none}
.market-currency-tabs>*{border:2px solid #879dce;border-radius:4px;background:#495880;padding:5px 9px;font-size:11px;line-height:1.2}
.market-currency-current{box-shadow:inset 0 0 8px #a9d4ff;color:#fff6c2;font-weight:800}
.market-scroll{flex:1;min-height:0;overflow-y:auto;padding:21px 17px;scrollbar-width:thin;scrollbar-color:#acb7d5 #38425e}
.market-scroll:focus-visible{outline:2px solid #ffe978;outline-offset:-3px}
.market-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
.market-products[hidden]{display:none}
.market-product{display:flex;align-items:center;flex-direction:column;min-width:0;gap:4px}
.market-item-image{position:relative;display:block;padding:0;width:100%;max-width:90px;aspect-ratio:1;border:2px solid #a9bfcf;background:radial-gradient(ellipse at center,#374961,#152134);box-shadow:inset 0 0 7px #000,0 2px 3px #18202f;border-radius:0;overflow:visible}
.market-item-image[data-rarity="Nadir"]{border-color:#46c8ed}
.market-item-image[data-rarity="Destansı"]{border-color:#a039ed}
.market-item-image[data-rarity="Efsanevi"]{border-color:#eebd2d}
.market-item-image:has(.market-item-faction){border-color:#df2755}
.market-item-image>img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1}
.market-item-image:has(.market-item-faction)>img{object-fit:cover}
.market-item-amount{position:absolute;right:2px;bottom:0;font-weight:900;font-size:13px;line-height:1.2;text-shadow:0 1px 2px #000,0 0 3px #000}
.market-item-stars{position:absolute;left:0;bottom:0;color:#ffea60;font-size:12px;letter-spacing:-1px;line-height:1.2;text-shadow:0 1px 2px #704112}
.market-item-faction{position:absolute;left:-4px;top:-7px;padding:2px;border:1px solid #a6eff9;border-radius:5px;background:#457688;font-size:13px;line-height:1}
.market-discount{position:absolute;left:-9px;top:8px;transform:rotate(-39deg);padding:2px 4px;background:linear-gradient(#ef8343,#be3014);border:1px solid #ffc361;border-radius:2px;font-size:9px;line-height:1;font-weight:900;white-space:nowrap;pointer-events:none;box-shadow:0 1px 3px #0008}
.market-buy.hero-gold-button{width:100%;max-width:90px;min-width:0;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border-radius:4px;font-size:12px;line-height:1.05;border-width:2px;box-shadow:inset 0 2px 0 #fff4b3,inset 0 -3px 0 #e3a027,0 2px 2px #2c243e}
.market-price{display:flex;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:900;color:#3a3145;text-shadow:0 1px 1px #fff39b}
.market-price img{width:17px;height:17px;object-fit:contain}
.market-price-short{color:#bb203a}
.market-stock{font-size:11px;font-weight:800;line-height:1.2;min-height:14px}
.market-footer{flex:none;min-height:65px;padding:10px 12px;background:#484f72;border-top:3px solid #7486ad}
.market-refresh-line{display:flex;justify-content:space-between;align-items:center;gap:6px}
.market-timer{font-size:12px;font-weight:800;color:#6affaf;line-height:1.4;white-space:pre-line}
.market-refresh-line>.hero-gold-button{display:flex;align-items:center;justify-content:center;gap:3px;min-height:37px;min-width:108px;padding:6px 8px;font-size:13px}
.market-refresh-line>.hero-gold-button img{width:20px;height:20px}
.market-note,.market-status{font-size:10px;line-height:1.4;margin:6px 0 0;color:#e1e5f6;overflow-wrap:anywhere}
.market-status{color:#ffed9c;font-size:11px}
.market-note:empty,.market-status:empty{display:none}
.market-locked{text-align:center;margin:25px 5px;color:#e3eafa;line-height:1.6}
.market-locked[hidden]{display:none}
.market-locked>span{font-size:65px;color:#ffdb77}.market-locked h4{font-size:18px;margin:15px 0 8px}
.market-preview{text-align:center}.market-preview-image{margin:0 auto 12px;width:100px;aspect-ratio:1;border:3px solid #bf94ef;background:#343955}.market-preview-image img{width:100%;height:100%;object-fit:contain}
.market-product-name{display:block;min-height:25px;font-size:10px;line-height:1.25;text-align:center;color:#edf0ff;overflow-wrap:anywhere;margin:5px 0}
.market-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:11px}
.market-pages button,.market-quantity{border:1px solid #a3b2d7;border-radius:5px;background:#343e64;color:#fff;padding:5px 8px}
.market-pages button:disabled{opacity:.4}.market-currency-tabs [aria-pressed=true]{background:#778ec7;color:#fff}
.market-quantity{width:100%;margin-bottom:5px;font-size:10px}
.market-locked{margin:0 0 22px;padding:12px;background:#242d48;border:1px solid #c8b774;border-radius:8px;line-height:1.4}
.market-locked>span{font-size:20px}.market-locked h4{display:inline;font-size:13px;margin:0 5px}.market-locked p{font-size:12px;margin:6px 0 0}
@media(max-width:430px){.market-categories{width:72px;padding:4px 3px}.market-category{height:78px;font-size:11px!important}.market-category img,.market-category svg{width:31px;height:31px}.market-wallet-bar{padding:4px 6px;flex-wrap:wrap}.market-wallet-bar h3{font-size:11px}.market-balances{gap:5px}.market-balance{font-size:11px;gap:2px}.market-balance img{width:19px;height:19px}.market-scroll{padding:19px 10px}.market-products{gap:22px 13px}.market-item-stars{font-size:10px}.market-item-amount{font-size:11px}.market-discount{font-size:8px;left:-7px;top:5px}.market-price,.market-buy.hero-gold-button{font-size:11px}.market-price img{width:14px;height:14px}.market-footer{padding:9px 8px}.market-currency-tabs>*{padding:5px 6px;font-size:10px}}
@media(max-width:370px){.market-categories{width:64px}.market-scroll{padding-inline:8px}.market-products{column-gap:10px}.market-category{font-size:10px!important}.market-buy.hero-gold-button{min-height:38px}}