.shop-grid{--cell-size:64px;min-width:calc(8 * var(--cell-size));min-height:calc(4 * var(--cell-size));overflow:visible;contain:layout style;background:linear-gradient(135deg,#0a1a0f,#1a1a1a);box-shadow:inset 0 0 200px 16px rgba(0,0,0,.4),inset 0 0 60px rgba(23,135,75,.15),0 8px 32px rgba(0,0,0,.3);border-radius:12px;border:2px solid rgba(23,135,75,.2);position:relative;margin:0 auto}.shop-grid,.shop-grid .shop-grid-background{padding:0;display:grid;grid-template-columns:repeat(8,var(--cell-size));grid-template-rows:repeat(4,var(--cell-size));gap:0}.shop-grid .shop-grid-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.shop-grid .shop-grid-background .shop-grid-cell{background:rgba(255,255,255,.02);border:.5px solid rgba(23,135,75,.1);box-shadow:inset 0 0 0 .5px rgba(23,135,75,.1);border-radius:6px;transition:background-color .2s ease;box-sizing:border-box}.shop-grid .shop-grid-background .shop-grid-cell:hover{background:rgba(23,135,75,.05)}.shop-grid.drop-zone-active{border-color:rgba(23,135,75,.6);box-shadow:inset 0 0 200px 16px rgba(0,0,0,.4),inset 0 0 60px rgba(23,135,75,.25),0 8px 32px rgba(0,0,0,.3),0 0 0 2px rgba(23,135,75,.3)}.shop-grid.drop-zone-active .shop-grid-background .shop-grid-cell{background:rgba(23,135,75,.08)}.shop-grid .shop-item-wrapper{position:relative;z-index:1;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(23,135,75,.15);overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0;padding:0}.shop-grid .shop-item-wrapper:hover{transform:translateY(-2px);background:rgba(255,255,255,.05);border-color:rgba(23,135,75,.3);box-shadow:0 8px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}.shop-grid .price-tag{position:flex;bottom:4px;right:4px;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.6));padding:2px 6px;border-radius:8px;font-size:8px;font-weight:600;color:#ffd700;display:flex;align-items:center;gap:2px;border:1px solid rgba(255,215,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.shop-grid .price-icon{width:12px;height:12px;opacity:.9}.shop-grid .price-amount{text-shadow:0 1px 2px rgba(0,0,0,.8)}.shop-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;border-radius:8px;z-index:1;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;cursor:grab;width:100%;height:100%;margin:0;padding:2px;box-sizing:border-box;overflow:hidden;max-width:100%;max-height:100%}.shop-item:hover{transform:scale(1.02)}.shop-item.common{background:linear-gradient(180deg,rgba(175,175,175,.3) 0,rgba(135,135,135,.3))}.shop-item.rare{background:linear-gradient(180deg,rgba(129,172,251,.3) 0,rgba(31,55,208,.3))}.shop-item.legendary{background:linear-gradient(180deg,rgba(255,172,136,.3) 0,rgba(191,137,32,.3))}.drag-image,.item-image{pointer-events:none;display:block}.item-price{position:absolute;bottom:-2px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;background-color:rgba(44,32,10,.9);color:white;font-size:20px;padding:5px 6px;border:2px solid rgba(255,209,171,1);border-radius:14px;height:24px;z-index:100}.item-price .gold-icon{width:16px;height:16px}.unaffordable{pointer-events:auto;opacity:.5;filter:grayscale(70%);cursor:not-allowed}.unaffordable:hover{transform:none}.price-red{color:#ff4d4d;animation:pulse 2s infinite}@media (max-width:768px){.item-price{font-size:16px;padding:4px 5px;border-width:1.5px;border-radius:12px;height:20px;gap:2px}.item-price .gold-icon{width:14px;height:14px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}