.shop-window{height:100%;display:flex;flex-direction:column;overflow:hidden;padding:12px!important}.shop-header{display:flex;align-items:center;gap:16px}.shop-header h2{margin:2px 0 8px}.shop-header small{font-size:9px}.shop-gold{margin-left:auto;display:flex;gap:6px;align-items:center;color:#ffe1a1}.shop-gold img,.shop-price img{width:24px;height:24px;object-fit:contain}.shop-header .secondary{width:auto;margin:0;font-size:10px}.shop-filters{flex-wrap:nowrap;margin:0 0 6px;gap:3px}.shop-filters button{white-space:nowrap}.shop-hint,.shop-message{font-size:10px;margin:5px 0}.shop-message:empty{display:none}/* Use the same responsive square inventory grid as equipment and crafting. */
.shop-stock{flex:1;overflow:auto;min-height:0;align-content:start;padding:8px 3px 16px}
.shop-stock .shop-tile{overflow:visible}
.shop-stock .shop-price{position:absolute;right:1px;bottom:1px;z-index:3;display:flex;align-items:center;gap:2px;max-width:calc(100% - 2px);padding:1px 3px;border-radius:3px;background:#160f22e8;color:#ffe1a1;font:9px/1.2 monospace;pointer-events:none}
.shop-stock .shop-price img{width:12px;height:12px;object-fit:contain}
.shop-stack{position:absolute;top:2px;right:2px;z-index:3;background:#160f22d9;border-radius:3px;padding:1px 3px;font:9px/1.2 monospace}
.shop-refresh-icon{width:14px;height:14px;flex-shrink:0}
.shop-header #shop-refresh{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.shop-pack-opening{padding:8px 0}.shop-pack-burst{display:flex;justify-content:center;animation:shop-open .7s ease both}.shop-pack-burst img{width:75px;height:75px;object-fit:contain}.shop-pack-drops{margin:12px 0;align-content:start}.shop-pack-drops .shop-pack-drop{animation:shop-reveal .55s var(--delay,.4s) both}@keyframes shop-open{0%{transform:scale(.2) rotate(-15deg);opacity:0}70%{transform:scale(1.25);filter:brightness(2)}100%{transform:scale(1)}}@keyframes shop-reveal{0%{opacity:0;transform:translateY(35px) scale(.4)}100%{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.shop-pack-burst,.shop-pack-drop{animation:none}}@media(max-width:600px){.shop-header{gap:6px}.shop-header .secondary{padding:6px;font-size:8px}.bottom-tabs>button{padding:0 5px;gap:3px}.bottom-tabs>button>span{font-size:9px}}