: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}.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:var(--pb-accent);font-weight:800;letter-spacing:.2px}.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:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:4px 8px;border-radius:9999px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.22);color:#fff;background:#00000059}.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}}.pb-sticky{position:sticky;top:calc(var(--pb-header-h,64px) + 16px);align-self:start}.pb-filter{display:grid;gap:.9rem}.pb-filter__block{display:grid;gap:.35rem}.pb-label{font-size:.8rem;color:#ffffffb3}.pb-input,.pb-select{width:100%;border-radius:10px;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;outline:none}.pb-input:focus,.pb-select:focus{border-color:var(--pb-accent)}.pb-filter__actions{display:flex;gap:.5rem;align-items:center}.pb-activechips{display:flex;flex-wrap:wrap;gap:.4rem}.pb-chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f}.pb-helper{margin-top:.2rem;font-size:.85rem;color:#ffffffb3}.pb-grid3{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-rows:auto;align-items:stretch;overflow:visible}.pb-grid3>*{min-width:0}@media (max-width: 420px){.pb-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}.pb-empty{display:grid;place-items:center;gap:.75rem;padding:2.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff08}.pb-grid3.pb-grid3--gamer{position:relative;background:radial-gradient(1200px 600px at 100% -10%,rgba(99,102,241,.08),transparent 60%),linear-gradient(transparent 23px,rgba(255,255,255,.06) 24px,transparent 25px) 0 0 / 100% 24px;padding:.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08)}.pb-cardwrap{position:relative;border-radius:.75rem;transition:box-shadow .2s ease,transform .2s ease}.pb-cardwrap:hover{box-shadow:0 0 0 2px #6366f159,0 8px 24px #00000059;transform:translateY(-2px)}.pb-cardwrap :is(a,button):focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px;border-radius:8px}.chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(255,255,255,.18);padding:.35rem .6rem;border-radius:999px;font-size:.8rem;color:#fff;text-decoration:none}.chip:hover{border-color:var(--pb-accent)}.chip:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px;border-radius:999px}.chip--hw{border-color:#ffa6008c}.chip--hw:hover{border-color:#ffa600d9}.pb-hw-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:.75rem;border:1px solid rgba(255,166,0,.25);background:linear-gradient(90deg,#ffa60014,#ff6a0014);overflow:hidden}.pb-hw-banner__glow{position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(500px 200px at 0% 0%,rgba(255,166,0,.18),transparent 60%);mix-blend-mode:screen}.pb-cardwrap.pb-hw{box-shadow:0 0 0 2px #ffa60061,0 10px 28px #ff6a0026}.pb-cardwrap.pb-hw:hover{box-shadow:0 0 0 2px #ffa6008c,0 12px 36px #ff6a0038}.pb-hw__badge{position:absolute;top:.5rem;left:.5rem;font-size:.7rem;font-weight:700;line-height:1;padding:.35rem .5rem;border-radius:.5rem;background:linear-gradient(180deg,orange,#ff7a00);color:#1a1200;border:1px solid rgba(0,0,0,.25);box-shadow:0 4px 8px #00000040,inset 0 1px #ffffff4d;pointer-events:none}.pb-input::placeholder{color:#ffffff73}.pb-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.6) 50%),linear-gradient(135deg,rgba(255,255,255,.6) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 4px),calc(100% - 14px) calc(50% - 4px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.pb-select:focus{outline:none}@media (prefers-reduced-motion: reduce){.pb-cardwrap:hover{transform:none}}