:root{--card-r: 14px;--frame: color-mix(in oklab, var(--pb-bg) 88%, black)}.gc{--rx: 0deg;--ry: 0deg;position:relative;border-radius:var(--card-r);padding:10px;background:var(--frame);border:1px solid rgba(255,255,255,.1);transition:transform .25s ease,box-shadow .25s ease,background .8s linear;will-change:transform,box-shadow;overflow:hidden;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));display:grid;grid-template-rows:1fr auto;gap:10px;isolation:isolate;height:100%}.gc:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gc-border, linear-gradient(0deg, rgba(255,255,255,.25), rgba(255,255,255,.25)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}.gc:after{content:"";position:absolute;inset:-40% -20% auto;height:55%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.15) 45%,transparent 70%);transform:translateY(-20%) rotate(4deg);pointer-events:none;opacity:.6}.gc{background-image:radial-gradient(1px 1px at 12px 10px,rgba(255,255,255,.06),transparent 60%),radial-gradient(1px 1px at 22px 20px,rgba(255,255,255,.05),transparent 60%);background-size:32px 32px}.gc:hover{box-shadow:0 0 10px color-mix(in oklab,var(--pb-accent) 20%,transparent),0 0 22px color-mix(in oklab,var(--pb-accent) 15%,transparent)}.gc--out{opacity:.88}.hit{position:relative;z-index:1;display:grid;gap:10px;color:inherit;text-decoration:none}.hit--disabled{pointer-events:none}.media{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:1/1;border:1px solid rgba(255,255,255,.1);background:#ffffff08;isolation:isolate}.media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .35s ease,filter .25s ease}.media img.is-contain{object-fit:contain;padding:.45rem;background:#00000040;transform:scale(1)}.gc:hover .media img{transform:scale(1.06)}.gc--out .media img{filter:grayscale(.25) brightness(.9)}.meta{padding:2px 4px 0}.title{font-weight:800;line-height:1.12;font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em}.row{margin-top:6px;display:flex;align-items:center;justify-content:space-between}.price{color:#fbbf24;font-weight:900;letter-spacing:.25px;text-shadow:0 0 10px rgba(251,191,36,.35)}.stats{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#ffffffc7;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--pb-accent),transparent 60%),var(--pb-accent);box-shadow:0 0 6px color-mix(in oklab,var(--pb-accent) 60%,transparent)}.savings{margin-top:4px;font-size:12px;color:color-mix(in oklab,var(--pb-accent) 80%,white 0%)}.badge{position:absolute;left:10px;top:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;padding:3px 7px;border-radius:9999px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.22);color:#fff;background:#0000008c;z-index:2}.gc-variants{position:absolute;right:8px;bottom:8px;display:inline-flex;gap:.35rem;padding:.3rem .4rem;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);z-index:2}.gc-variant{width:12px;height:12px;border-radius:999px;border:1px solid rgba(255,255,255,.75);background:var(--swatch, #fff);box-shadow:0 0 0 2px #00000059;cursor:pointer;padding:0}.gc-variant.is-active{transform:scale(1.12);box-shadow:0 0 0 3px #f59e0b73}.badge-pack{border-color:color-mix(in oklab,var(--pb-accent) 50%,transparent);color:var(--pb-accent);background:linear-gradient(135deg,color-mix(in oklab,var(--pb-accent) 18%,transparent),color-mix(in oklab,var(--pb-primary, #2E64FE) 12%,transparent))}.badge-rarity{left:auto;right:10px}.soldout,.lowstock{position:absolute;left:8px;bottom:8px;font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:4px 8px;border-radius:999px;backdrop-filter:blur(4px)}.soldout{color:#ef4444;border:1px solid #ef444466;background:#ef444422}.lowstock{color:#ffe066;border:1px solid #ffe06666;background:#ffe06622}.cta{padding:4px 2px 2px}.r-common{--gc-border: conic-gradient(from 0turn, rgba(180,200,255,.45), rgba(120,140,200,.35), rgba(180,200,255,.45))}.r-rare{--gc-border: conic-gradient(from .15turn, rgba(0,212,255,.55), rgba(0,160,190,.45), rgba(0,212,255,.55))}.r-epic{--gc-border: conic-gradient(from .3turn, rgba(124,58,237,.6), rgba(86,33,178,.5), rgba(124,58,237,.6))}.r-holo{--gc-border: conic-gradient(from 0turn, #ff00cc88, #00d4ff88, #ffe06688, #9bff7a88, #ff00cc88)}.r-holo .foil{position:absolute;inset:-20%;background:radial-gradient(80% 60% at 20% 10%,rgba(255,255,255,.35),transparent 60%),conic-gradient(from 0deg at 50% 50%,#f0c4,#00d4ff44,#ffe06644,#7c3aed44,#f0c4);mix-blend-mode:screen;animation:foilSpin 6s linear infinite;opacity:.85}.r-holo .spark{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(255,255,255,.08) 0 3px,transparent 3px 6px);mix-blend-mode:soft-light;animation:sparkShift 3.5s linear infinite;opacity:.33}@keyframes foilSpin{to{transform:rotate(360deg)}}@keyframes sparkShift{to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.gc,.gc *{transition:none!important;animation:none!important}}[data-tilt]{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transform-origin:center center;will-change:transform;transition:transform .25s ease,box-shadow .25s ease}@media(hover:hover){[data-tilt]:hover{box-shadow:0 10px 30px #00000040,0 0 24px color-mix(in oklab,var(--pb-accent) 18%,transparent)}}[data-tilt]:focus-visible{outline:2px solid var(--pb-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){[data-tilt]{transition:none!important}}