@keyframes xb-pokemon-in{0%{opacity:0;transform:translate(8%)scale(1.04)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes xb-pokemon-glow-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes xb-logo-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes xb-cta-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes xb-shimmer{0%{transform:translate(-120%)skew(-14deg)}to{transform:translate(280%)skew(-14deg)}}@keyframes xb-glow-pulse{0%,to{box-shadow:0 0 10px 2px var(--xb-glow), 0 0 20px 5px var(--xb-glow)}50%{box-shadow:0 0 20px 7px var(--xb-glow), 0 0 40px 14px var(--xb-glow)}}@keyframes xb-border-cycle{0%{background-position:0%}to{background-position:200%}}@keyframes xb-scanline{0%{transform:translateY(-50%)}to{transform:translateY(0%)}}@keyframes xb-orb-float{0%,to{opacity:.55;transform:translateY(0)scale(1)}50%{opacity:.75;transform:translateY(-12px)scale(1.06)}}@keyframes xb-sparkle{0%,to{opacity:.12;transform:scale(.65)}50%{opacity:1;transform:scale(1.35)}}.xb-root{will-change:transform;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;position:relative;overflow:hidden}.xb-root.xb-newest,.xb-root.xb-coming-soon,.xb-root.xb-coming-soon{box-shadow:0 0 0 2px color-mix(in srgb, var(--xb-primary) 65%, white 35%), 0 14px 40px #00000080, 0 0 36px 5px var(--xb-glow);transform:scaleY(1.06)}.xb-root:not(.xb-sold-out):not(.xb-newest):hover{box-shadow:0 16px 48px #0000008c, 0 0 32px 4px var(--xb-glow);z-index:10;transform:scaleY(1.06)}.xb-root:not(.xb-sold-out):hover .xb-cta-btn{filter:brightness(1.18);animation:1.2s ease-in-out infinite xb-glow-pulse}.xb-root.xb-sold-out{box-shadow:0 12px 30px #0000009e}.xb-root.xb-sold-out:hover{z-index:auto;transform:none;box-shadow:0 12px 30px #0000009e}.xb-root.xb-sold-out .xb-bg,.xb-root.xb-sold-out .xb-orb,.xb-root.xb-sold-out .xb-pokemon,.xb-root.xb-sold-out .xb-pokemon-glow,.xb-root.xb-sold-out .xb-sparkle,.xb-root.xb-sold-out .xb-logo{filter:grayscale()}.xb-root.xb-sold-out .xb-top-border,.xb-root.xb-sold-out .xb-border{opacity:.35}.xb-sold-out-overlay{z-index:45;pointer-events:none;background:linear-gradient(#0000006b 0%,#0000008f 45%,#000000b3 100%);position:absolute;inset:0}.xb-sold-out-pill,.xb-coming-soon-pill{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#080808b8;border:1px solid #ffffff52;border-radius:9999px;justify-content:center;align-items:center;padding-block:clamp(.4rem,1vw,.65rem);padding-inline:clamp(1rem,2.5vw,1.5rem);font-size:clamp(.7rem,1.2vw,.875rem);font-weight:900;display:inline-flex;box-shadow:0 0 16px #0000008c}.xb-newest-badge{z-index:50;border:1px solid color-mix(in srgb, var(--xb-secondary) 65%, white 35%);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--xb-primary) 0%, var(--xb-secondary) 100%);box-shadow:0 0 10px 1px var(--xb-glow), inset 0 0 0 1px #fff3;border-radius:9999px;padding:.28rem .62rem;font-size:.64rem;font-weight:900;position:absolute;top:.75rem;right:.75rem}.xb-bg{z-index:0;background:radial-gradient(ellipse 90% 70% at 75% 60%, var(--xb-primary) 0%, transparent 55%), radial-gradient(ellipse 70% 55% at 20% 85%, var(--xb-secondary) 0%, transparent 55%), #080810;opacity:.9;position:absolute;inset:0}.xb-pokemon{animation:.9s cubic-bezier(.22,1,.36,1) 80ms both xb-pokemon-in}.xb-pokemon-glow{filter:blur(40px);background:radial-gradient(circle at 50% 50%, var(--xb-glow) 0%, transparent 70%);border-radius:9999px;animation:.8s cubic-bezier(.16,1,.3,1) .2s both xb-pokemon-glow-in;position:absolute}.xb-vignette{background:linear-gradient(#000000d9 0%,#00000073 22%,#0000 48%),linear-gradient(#0000 52%,#00000073 78%,#000000d9 100%),linear-gradient(90deg,#0000008c 0%,#00000026 35%,#0000 55%)}.xb-orb{pointer-events:none;background:radial-gradient(circle at 40% 40%, var(--xb-glow) 0%, transparent 70%);filter:blur(32px);border-radius:9999px;animation:4.2s ease-in-out infinite xb-orb-float;position:absolute}.xb-orb:nth-child(2){background:radial-gradient(circle at 55% 55%, var(--xb-glow) 0%, transparent 70%);animation-duration:5.4s;animation-delay:1.6s}.xb-scanline{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffffb3 2px 3px);height:200%;animation:6s linear infinite xb-scanline}.xb-sparkle{pointer-events:none;box-shadow:0 0 6px 2px var(--xb-glow);border-radius:9999px;animation:2.2s ease-in-out infinite xb-sparkle;position:absolute}.xb-sparkle:nth-child(odd){background:var(--xb-primary)}.xb-sparkle:nth-child(2n){background:var(--xb-secondary)}.xb-sparkle:first-child{width:4px;height:4px;animation-delay:0s}.xb-sparkle:nth-child(2){width:3px;height:3px;animation-delay:.34s}.xb-sparkle:nth-child(3){width:3px;height:3px;animation-delay:.68s}.xb-sparkle:nth-child(4){width:4px;height:4px;animation-delay:1.02s}.xb-sparkle:nth-child(5){width:3px;height:3px;animation-delay:1.36s}.xb-sparkle:nth-child(6){width:4px;height:4px;animation-delay:1.7s}.xb-sparkle:nth-child(7){width:3px;height:3px;animation-delay:2.04s}.xb-sparkle:nth-child(8){width:3px;height:3px;animation-delay:2.38s}.xb-sparkle:nth-child(9){width:4px;height:4px;animation-delay:2.72s}.xb-sparkle:nth-child(10){width:3px;height:3px;animation-delay:3.06s}.xb-logo{animation:.7s cubic-bezier(.16,1,.3,1) .3s both xb-logo-in}.xb-cta{animation:.7s cubic-bezier(.16,1,.3,1) .58s both xb-cta-in}.xb-cta-btn{letter-spacing:.03em;color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--xb-primary) 0%, var(--xb-secondary) 100%);border-radius:9999px;align-items:center;font-weight:800;text-decoration:none;transition:transform .2s,filter .2s;animation:2.8s ease-in-out 1.2s infinite xb-glow-pulse;display:inline-flex;position:relative;overflow:hidden}.xb-cta-btn:hover{filter:brightness(1.12);transform:scale(1.06)}.xb-cta-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #ffffff80}.xb-shimmer{inset-block:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:50%;animation:2.6s linear 1.4s infinite xb-shimmer;position:absolute;left:0}.xb-top-border{background:linear-gradient(90deg, transparent 0%, var(--xb-primary) 25%, var(--xb-secondary) 50%, var(--xb-primary) 75%, transparent 100%);box-shadow:0 0 10px 2px var(--xb-glow)}.xb-border{background:linear-gradient(90deg, var(--xb-primary), var(--xb-secondary), var(--xb-primary), var(--xb-secondary), var(--xb-primary));background-size:200% 100%;animation:3s linear infinite xb-border-cycle}
