.shop-card {
  width: min(96vw, 610px);
  padding: 27px 25px 22px;
  background: radial-gradient(circle at 50% 5%, #9b4dd4 0, #4c247b 28%, #1a0c38 80%);
  border: 3px solid #dca7ff;
  box-shadow: 0 0 0 6px #39145f, 0 30px 90px #05010f, 0 0 50px #c85cff66;
}
.shop-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 15% 18%, #fff 0 2px, transparent 3px), radial-gradient(circle at 87% 29%, #fff49d 0 2px, transparent 3px), radial-gradient(circle at 70% 9%, #7ff5ff 0 2px, transparent 3px);
  background-size: 85px 85px, 110px 110px, 73px 73px;
  animation: shop-stars 4s linear infinite;
  pointer-events: none;
  opacity: .65;
}
.shop-card > * { position: relative; }
.shop-card .close-button { position: absolute; z-index: 20; right: 13px; top: 12px; width: 42px; height: 42px; display: grid; place-items: center; padding: 0 0 3px; border: 2px solid #fff; border-radius: 50%; background: linear-gradient(145deg,#ff668e,#bd2870); color: #fff; font: 900 31px/1 Nunito; text-shadow: 0 2px #731344; box-shadow: 0 4px 0 #731344, 0 0 16px #ff71a2aa; cursor: pointer; transition: transform .15s, filter .15s; }
.shop-card .close-button:hover { transform: scale(1.12); filter: brightness(1.15); }
.shop-card .close-button:active { transform: translateY(3px); box-shadow: 0 1px 0 #731344; }
.shop-crown { width: 68px; height: 58px; margin: -5px auto 3px; transform: none; border-radius: 18px 18px 28px 28px; background: linear-gradient(145deg,#94ffff,#477eff 52%,#b03fff); border: 3px solid #ddffff; box-shadow: 0 0 24px #57efff, 0 6px 0 #392076; }
.shop-crown span { font-size: 35px; color: #e8ffff; filter: drop-shadow(0 0 7px white); }
.shop-crown i { position: absolute; right: -10px; top: -10px; color: #fff36f; font-size: 22px; animation: sparkle .7s alternate infinite; }
.shop-ribbon { display: inline-block; margin: 5px 0 4px; padding: 4px 15px; border-radius: 14px; background: linear-gradient(90deg,#ffb929,#fff48e,#ffad26); color: #6f245a; font: 900 8px Nunito; letter-spacing: 1px; box-shadow: 0 3px 0 #a8492c; }
.shop-card > h2 { margin: 3px 0 5px; font-size: 33px; line-height: 1.12; color: #fff8d4; background: none; -webkit-text-fill-color: #fff8d4; text-shadow: 0 3px 0 #4d176f, 0 5px 12px #160627, 0 0 14px #f6b7ff; letter-spacing: -.7px; }
.shop-card .wallet { border: 2px solid #735ca0; background: linear-gradient(#211345,#0e0826); box-shadow: inset 0 1px #fff3, 0 0 16px #55eaff33; }
.shop-grid .shop-item { min-height: 262px; padding: 14px 10px 11px; border: 2px solid color-mix(in srgb,var(--item) 55%,#6c4b91); background: radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--item) 18%,transparent),transparent 43%),linear-gradient(165deg,#36225e,#150b30); box-shadow: 0 8px 0 #100722, 0 13px 25px #090318; }
.shop-grid .shop-item:hover { transform: translateY(-7px) scale(1.025); box-shadow: 0 11px 0 #100722, 0 19px 30px #07020f, 0 0 22px color-mix(in srgb,var(--item) 50%,transparent); }
.shop-item .hot-deal { position: absolute; z-index: 3; left: -27px; top: 17px; width: 100px; transform: rotate(-39deg); padding: 3px; background: #ffe353; color: #741d43; font: 900 6px Nunito; box-shadow: 0 2px 5px #240a26; }
.shop-item .rarity { left: 50%; top: 8px; transform: translateX(-50%); font-size: 7px; padding: 3px 8px; }
.shop-item .owned { top: 10px; right: 8px; }
.shop-item .shop-icon { width: 94px; height: 94px; margin: 27px auto 4px; overflow: visible; background: radial-gradient(circle,#fff5 0,#ffffff0b 52%,transparent 54%); }
.shop-item .shop-icon em { position: absolute; inset: 2px; border: 2px dashed var(--item); border-radius: 50%; animation: shop-spin 8s linear infinite; filter: drop-shadow(0 0 4px var(--item)); }
.shop-art { position: relative; z-index: 2; display: grid; place-items: center; width: 63px; height: 63px; font-style: normal; filter: drop-shadow(0 5px 4px #130622); }
.shop-tnt { width: 67px; height: 53px; border-radius: 10px; background: repeating-linear-gradient(90deg,#a80e1c 0 16px,#f03e42 16px 31px); border: 3px solid #ff9680; box-shadow: inset 0 4px #ffac9c,0 5px 0 #6e0a19,0 0 16px #ff4137; }
.shop-tnt::before { content:""; position:absolute; width:23px; height:20px; right:0; top:-17px; border:4px solid #e9ca75; border-left:0; border-bottom:0; border-radius:0 16px 0 0; }
.shop-tnt::after { content:"✦"; position:absolute; right:-14px; top:-27px; color:#fff45c; font-size:25px; text-shadow:0 0 10px #ff501b; animation:sparkle .45s alternate infinite; }
.shop-tnt b { padding: 4px; background:#fff1c1; color:#a01624; font:900 12px Nunito; transform:rotate(-4deg); }
.shop-diagonal { border-radius:17px; border:3px solid #a4f8ff; background:linear-gradient(145deg,#315eb9,#161e5c); box-shadow:inset 0 0 15px #48eaff,0 0 18px #5ceaff; }
.shop-diagonal b { position:absolute; font-size:27px; color:#60efff; text-shadow:0 0 8px white; }
.shop-diagonal b:first-child { left:4px; bottom:0; }.shop-diagonal b:nth-child(2){right:4px;top:-2px;color:#ff80d3}.shop-diagonal::after{content:"↗";position:absolute;color:white;font:900 42px Nunito;text-shadow:0 0 8px white}
.shop-moves { border-radius:50%; background:linear-gradient(145deg,#fffca3,#ffc92f 55%,#ef741f); border:5px solid #fff3a5; color:#762451; font:900 27px Nunito; box-shadow:inset 0 -7px #d85d21,0 0 19px #ffe250,0 5px 0 #9a3f27; }
.shop-moves::after { content:"";position:absolute;inset:5px;border:2px dashed #b65039;border-radius:50% }
.shop-item h3 { font-size: 15px; margin: 5px 0; }
.shop-item p { min-height: 35px; font-size: 9px !important; }
.shop-item button { padding: 9px; border: 2px solid #fff7; border-radius: 11px; box-shadow: 0 5px 0 color-mix(in srgb,var(--item) 35%,#33102d),0 0 13px color-mix(in srgb,var(--item) 35%,transparent); }
.shop-item button strong { font-size: 15px; }.shop-item button strong i{color:#dfffff;font-style:normal;text-shadow:0 0 5px white}
.shop-tip { display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 12px;text-align:left;border:1px solid #61487f;background:linear-gradient(90deg,#13092c,#271246,#13092c) }.shop-tip>span{font-size:22px}.shop-tip b{display:block;color:#eadcff;font-size:9px}.shop-tip small{font-size:7px;color:#9e8eb7}
@keyframes shop-stars { to { background-position: 85px 85px, -110px 110px, 73px -73px; } }
@media(max-width:520px){.shop-grid .shop-item{min-height:105px}.shop-item .shop-icon{width:62px;height:62px}.shop-art{transform:scale(.75)}.shop-card>h2{font-size:28px}}
.shop-card{width:min(97vw,760px)}.shop-card .shop-grid{grid-template-columns:repeat(4,1fr)}.disco-item{--item:#ff69dc;--item-glow:#9f61ff}.shop-disco{border-radius:50%;background:conic-gradient(#ff4a85,#7558ef,#4eeaff,#fff15d,#ff4a85);border:4px solid #fff;box-shadow:inset 0 0 13px #fff,0 0 20px #ff68dc}.shop-disco::before{content:"";position:absolute;inset:8%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 13px,#fff6 14px 15px),repeating-linear-gradient(90deg,transparent 0 13px,#fff6 14px 15px)}.shop-disco b{z-index:2;color:#fff;font-size:30px;text-shadow:0 0 8px white}.disco-item .shop-icon{animation:disco-shop-glow 1.4s ease-in-out infinite alternate}@keyframes disco-shop-glow{to{filter:drop-shadow(0 0 13px #ff66dc);transform:scale(1.05)}}@media(max-width:620px){.shop-card .shop-grid{grid-template-columns:1fr}.shop-card{max-height:94vh;overflow:auto}}