.cardback{background:repeating-linear-gradient(0deg,transparent,transparent 2px,#8b775a0a 2px,#8b775a0a 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,#8b775a08 3px,#8b775a08 6px),var(--color-bg-card);border:3px solid var(--color-border-rough);transition:all .35s var(--ease-punk);cursor:pointer;position:relative;overflow:hidden}.cardback:hover{border-color:var(--color-toxic-green);box-shadow:0 0 8px var(--color-toxic-green),0 0 20px #39ff1426,0 16px 40px #0006;transform:rotate(0)scale(1.02)translateY(-4px)}.blister-window{aspect-ratio:1;background:radial-gradient(at 30% 30%,#ffffff0f 0%,#0000 60%);border-radius:12px;margin:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #ffffff14,inset 0 -4px 12px #0000004d,0 4px 12px #0003}.blister-window:before{content:"";pointer-events:none;z-index:2;border:2px solid #ffffff0f;border-radius:12px;position:absolute;inset:0}.blister-window:after{content:"";pointer-events:none;z-index:3;background:radial-gradient(#ffffff1a 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-20%;left:-20%;transform:rotate(-15deg)}.blister-window img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-punk)}.cardback:hover .blister-window img{transform:scale(1.08)}.cardback-info{padding:12px 16px 16px}.cardback-series{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--color-toxic-green);text-shadow:0 0 6px var(--color-toxic-green);margin-bottom:4px;font-size:.65rem}.cardback-title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:8px;font-size:1.15rem;line-height:1.2}.cardback-desc{font-family:var(--font-body);color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.7rem;line-height:1.4;display:-webkit-box;overflow:hidden}.price-tag{background:var(--color-arcade-yellow);color:var(--color-bg-primary);font-family:var(--font-display);letter-spacing:1px;clip-path:polygon(0% 10%,5% 0%,12% 8%,20% 0%,28% 6%,35% 0%,42% 8%,50% 0%,58% 6%,65% 0%,72% 8%,80% 0%,88% 6%,95% 0%,100% 10%,100% 90%,95% 100%,88% 94%,80% 100%,72% 92%,65% 100%,58% 94%,50% 100%,42% 92%,35% 100%,28% 94%,20% 100%,12% 92%,5% 100%,0% 90%);transition:transform .3s var(--ease-punk);padding:4px 12px;font-size:1.1rem;display:inline-block;transform:rotate(-2deg);box-shadow:2px 2px #00000026}.cardback:hover .price-tag{transform:rotate(0)scale(1.05)}.price-tag--compare{opacity:.6;margin-right:6px;font-size:.7rem;text-decoration:line-through}.edition-badge{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-secondary);border:1px solid var(--color-border-rough);margin-top:6px;padding:2px 8px;font-size:.6rem;display:inline-block}.sold-out-badge{z-index:10;background:var(--color-neon-pink);color:#fff;font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;clip-path:polygon(0% 0%,100% 0%,95% 50%,100% 100%,0% 100%);padding:6px 20px 6px 12px;font-size:.75rem;position:absolute;top:20px;right:-8px;transform:rotate(3deg);box-shadow:2px 2px #0000004d}.available-badge{background:var(--color-toxic-green);width:6px;height:6px;box-shadow:0 0 6px var(--color-toxic-green);vertical-align:middle;border-radius:50%;margin-right:6px;animation:2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.cardback:nth-child(odd){transform:rotate(-.5deg)}.cardback:nth-child(2n){transform:rotate(.5deg)}.cardback:nth-child(3n){transform:rotate(-.8deg)}.cardback:nth-child(odd):hover,.cardback:nth-child(2n):hover,.cardback:nth-child(3n):hover{transform:rotate(0)scale(1.02)translateY(-4px)}@media (prefers-reduced-motion:reduce){.cardback,.cardback:hover,.cardback:nth-child(odd),.cardback:nth-child(2n),.cardback:nth-child(3n),.cardback:nth-child(odd):hover,.cardback:nth-child(2n):hover,.cardback:nth-child(3n):hover{transition:none;transform:none}.blister-window img{transition:none}.cardback:hover .blister-window img{transform:none}@keyframes pulse-dot{0%,to{opacity:.8}}}
.pegboard-bg{background:radial-gradient(circle,#3333334d 1px,transparent 1px),var(--color-bg-primary);background-size:24px 24px;min-height:100vh;position:relative}.shop-header{text-align:center;padding:3rem 0 1.5rem}.shop-header h1{font-family:var(--font-display);letter-spacing:6px;text-transform:uppercase;margin-bottom:.5rem;font-size:clamp(3rem,8vw,6rem);line-height:1}.shop-header .tagline{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--color-text-secondary);font-size:.75rem}.shop-grid{grid-template-columns:1fr;gap:24px;padding-bottom:4rem;display:grid}@media (min-width:640px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.shop-grid{grid-template-columns:repeat(3,1fr);gap:28px}}@media (min-width:1440px){.shop-grid{grid-template-columns:repeat(4,1fr);gap:32px}}.shop-empty{text-align:center;grid-column:1/-1;padding:4rem 1rem}.shop-empty .emoji{margin-bottom:1rem;font-size:3rem}.shop-empty p{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:1px;font-size:.85rem}.shop-count{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-rough);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:.65rem}