.pk{--cw:260px;--r:calc(var(--cw) * 0.048);--bezel:calc(var(--cw) * 0.035);--type:#8E8E93;--type-deep:#3A3A3E;--accent:#C9A96E;--px:50%;--py:50%;--rx:0deg;--ry:0deg;--foil:0;position:relative;width:var(--cw);aspect-ratio:63/88;perspective:1200px;flex:none}.pk,.pk-flip{border-radius:var(--r)}.pk-flip{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.3,1.3,.4,1)}.pk-face-down .pk-flip{transform:rotateY(180deg)}.pk-tilt{position:relative;width:100%;height:100%;border-radius:var(--r);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s ease;box-shadow:0 1px 2px rgba(0,0,0,.5),0 calc(var(--cw) * .05) calc(var(--cw) * .09) -6px rgba(0,0,0,.65)}.pk.is-live .pk-tilt{will-change:transform;transition:transform .06s linear,box-shadow .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.5),0 calc(var(--cw) * .09) calc(var(--cw) * .16) -6px rgba(0,0,0,.7),0 0 calc(var(--cw) * .16) -2px color-mix(in srgb,var(--type) 55%,transparent)}.pk-bezel{position:absolute;inset:0;border-radius:var(--r);background:linear-gradient(160deg,#f6e6b4,#d9bf7e 18%,#a8894a 50%,#e2cd94 78%,#b99a58);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),inset 0 0 calc(var(--cw)*.03) rgba(0,0,0,.35);overflow:hidden}.pk[data-rarity=COMMON] .pk-bezel{background:linear-gradient(160deg,#e8e8ea,#b9bcc2 20%,#85888f 52%,#d3d5da 80%,#9a9ea6)}.pk[data-rarity=LEGENDARY] .pk-bezel{background:linear-gradient(160deg,#2a2118,#d9bf7e 14%,#1b160f 42%,#f6e6b4 62%,#241d14 88%,#c8a962)}.pk[data-rarity="BLACK DIAMOND"] .pk-bezel{background:linear-gradient(160deg,#0a0a0c,#3a3a40 22%,#06060A 48%,#6d6d76 70%,#0a0a0c)}.pk-bezel:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 30% 20%,rgba(255,255,255,.16) 0deg 1.2deg,transparent 1.2deg 3deg),repeating-conic-gradient(from 0deg at 72% 84%,rgba(0,0,0,.14) 0deg 1.4deg,transparent 1.4deg 3.4deg);opacity:.55;mix-blend-mode:overlay}.pk-frame{position:absolute;inset:var(--bezel);border-radius:calc(var(--r) * .62);overflow:hidden;background:linear-gradient(178deg,color-mix(in srgb,var(--type) 92%,#fff) 0,var(--type) 26%,color-mix(in srgb,var(--type) 78%,var(--type-deep)) 62%,var(--type-deep) 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),inset 0 calc(var(--cw)*.01) calc(var(--cw)*.03) rgba(255,255,255,.28),inset 0 calc(var(--cw)*-.02) calc(var(--cw)*.04) rgba(0,0,0,.3);display:flex;flex-direction:column;padding:calc(var(--cw) * .035);gap:calc(var(--cw) * .022)}.pk-head{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cw) * .02);padding:0 calc(var(--cw) * .012);min-height:calc(var(--cw) * .1)}.pk-name{flex:1 1 auto;font-size:calc(var(--cw) * var(--namefs, .066));font-weight:900;letter-spacing:-.01em;color:#17120c;text-shadow:0 1px 0 rgba(255,255,255,.35);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pk-hp{display:flex;align-items:baseline;gap:calc(var(--cw) * .018);flex:none}.pk-hp-label{font-size:calc(var(--cw) * .038);font-weight:800;color:#4a3a25;letter-spacing:.06em}.pk-hp-val{font-size:calc(var(--cw) * .1);font-weight:900;line-height:1;color:#17120c;text-shadow:0 1px 0 rgba(255,255,255,.4)}.pk-pip{width:calc(var(--cw) * .085);height:calc(var(--cw) * .085);border-radius:50%;flex:none;display:grid;place-items:center;font-size:calc(var(--cw) * .046);background:radial-gradient(circle at 34% 28%,#fff9e8 0,var(--accent) 42%,var(--type-deep) 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.6);color:#1a1510}.pk-art{position:relative;aspect-ratio:1.2/1;border-radius:calc(var(--r) * .3);overflow:hidden;background:#0b0908 50%/cover no-repeat;box-shadow:inset 0 0 0 calc(var(--cw)*.009) #f4e9cd,inset 0 0 0 calc(var(--cw)*.016) rgba(0,0,0,.55),0 calc(var(--cw)*.008) calc(var(--cw)*.022) rgba(0,0,0,.45)}.pk-art-img{position:absolute;inset:0;background-size:cover;background-position:50%}.pk-art:after{content:"";position:absolute;inset:0;background:linear-gradient(185deg,rgba(255,255,255,.14),transparent 38%,rgba(0,0,0,.32))}.pk-locked .pk-art-img{filter:saturate(.75) brightness(.62)}.pk-locked .pk-art:after{background:linear-gradient(185deg,rgba(6,6,10,.25),rgba(6,6,10,.05) 40%,rgba(6,6,10,.55))}.pk-lockmark{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cw) * .17);opacity:.62;filter:drop-shadow(0 2px 4px #000)}.pk-credit{font-size:calc(var(--cw) * .032);letter-spacing:.07em;color:#3a2d1c;font-weight:700;padding:0 calc(var(--cw) * .018);display:flex;justify-content:space-between;text-transform:uppercase}.pk-stats{flex:1;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--cw) * .026);padding:calc(var(--cw) * .022) calc(var(--cw) * .026);border-radius:calc(var(--r) * .26);background:linear-gradient(180deg,#fbf4e2,#ece0c4);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(0,0,0,.35)}.pk-stat{display:flex;align-items:center;gap:calc(var(--cw) * .028)}.pk-stat-pips{display:flex;gap:calc(var(--cw) * .012);flex:none}.pk-energy{width:calc(var(--cw) * .045);height:calc(var(--cw) * .045);border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff6de 0,var(--type) 48%,var(--type-deep) 100%);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.5)}.pk-energy.is-off{background:#cdbf9f;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.25)}.pk-stat-name{flex:1;font-size:calc(var(--cw) * .046);font-weight:800;color:#3b2f1c;letter-spacing:.03em;text-transform:uppercase}.pk-stat-val{font-size:calc(var(--cw) * .058);font-weight:900;color:#17120c}.pk-strip{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cw) * .02);padding:calc(var(--cw) * .016) calc(var(--cw) * .026);border-radius:calc(var(--r) * .22);background:linear-gradient(180deg,#f3ead4,#dfd2b2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.75);font-size:calc(var(--cw) * .036);color:#4a3c26;letter-spacing:.04em;text-transform:uppercase}.pk-strip b{color:#17120c;font-weight:900}.pk-foot{display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--cw) * .016);font-size:calc(var(--cw) * .036);color:#2e2415;font-weight:700;letter-spacing:.05em}.pk-setsym{display:inline-grid;place-items:center;width:calc(var(--cw) * .062);height:calc(var(--cw) * .062);border-radius:4px;background:linear-gradient(150deg,#2a2118,#0e0b07);color:#f0dcae;font-size:calc(var(--cw) * .04);font-weight:900;box-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden}.pk-setsym img{width:100%;height:100%;object-fit:contain;padding:8%}.pk-num{font-weight:900;color:#241b0f}.pk-rar{font-size:calc(var(--cw) * .05);letter-spacing:-.05em}.pk-foil-art,.pk-foil-frame,.pk-glare,.pk-ice,.pk-sparkle{position:absolute;pointer-events:none;transition:opacity .35s ease}.pk-foil-art,.pk-sparkle{inset:0}.pk-foil-frame,.pk-glare,.pk-ice{inset:var(--bezel);border-radius:calc(var(--r) * .62)}.pk-glare{background:radial-gradient(farthest-corner circle at var(--px) var(--py),rgba(255,255,255,.3) 3%,rgba(255,255,255,.07) 20%,rgba(0,0,0,.3) 100%);mix-blend-mode:overlay;opacity:calc(.22 + var(--foil) * .5)}.pk-foil-art,.pk-foil-frame{background:repeating-linear-gradient(108deg,rgba(255,119,115,.42),rgba(255,237,95,.38) 5%,rgba(168,255,95,.38) 10%,rgba(131,255,247,.38) 15%,rgba(120,148,255,.38) 20%,rgba(216,117,255,.42) 25%,rgba(255,119,115,.42) 30%);background-size:260% 260%;background-position:var(--px) var(--py);mix-blend-mode:color-dodge;opacity:0}.pk-sparkle{background-image:radial-gradient(rgba(255,255,255,.85) .5px,transparent .6px),radial-gradient(rgba(255,255,255,.5) .5px,transparent .6px);background-size:6px 6px,10px 10px;background-position:var(--px) var(--py),calc(var(--px) * -1) var(--py);mix-blend-mode:color-dodge;opacity:0}.pk-ice{background:repeating-conic-gradient(from 12deg at 22% 30%,rgba(255,255,255,.2) 0deg 3deg,transparent 3deg 11deg),repeating-conic-gradient(from 47deg at 78% 66%,rgba(255,255,255,.16) 0deg 2deg,transparent 2deg 9deg),repeating-conic-gradient(from 82deg at 50% 88%,rgba(255,255,255,.13) 0deg 4deg,transparent 4deg 13deg);mix-blend-mode:soft-light;opacity:0}.pk.fin-matte .pk-foil-art,.pk.fin-matte .pk-foil-frame,.pk.fin-matte .pk-ice,.pk.fin-matte .pk-sparkle{opacity:0!important}.pk.fin-matte .pk-glare{opacity:calc(.14 + var(--foil) * .22)}.pk.fin-holo .pk-foil-art{opacity:calc(.2 + var(--foil) * .34)}.pk.fin-holo .pk-sparkle{opacity:calc(.1 + var(--foil) * .22)}.pk.fin-reverse .pk-foil-frame{opacity:calc(.26 + var(--foil) * .36)}.pk.fin-reverse .pk-foil-art{opacity:0}.pk.fin-reverse .pk-sparkle{opacity:calc(.06 + var(--foil) * .14)}.pk.fin-prism .pk-foil-frame{opacity:calc(.3 + var(--foil) * .4)}.pk.fin-prism .pk-foil-art{opacity:calc(.26 + var(--foil) * .38)}.pk.fin-prism .pk-sparkle{opacity:calc(.16 + var(--foil) * .3)}.pk.fin-prism .pk-ice{opacity:calc(.34 + var(--foil) * .46)}.pk.fin-etched .pk-foil-frame{background:repeating-linear-gradient(104deg,rgba(255,214,130,.55),rgba(255,247,214,.42) 7%,rgba(201,169,110,.5) 14%,rgba(120,88,32,.35) 21%,rgba(255,214,130,.55) 28%);background-size:240% 240%;background-position:var(--px) var(--py);opacity:calc(.42 + var(--foil) * .44);mix-blend-mode:color-dodge}.pk.fin-etched .pk-ice{opacity:calc(.22 + var(--foil) * .3)}.pk.fin-etched .pk-sparkle{opacity:calc(.2 + var(--foil) * .34)}.pk[data-rarity="BLACK DIAMOND"] .pk-bezel:after,.pk[data-rarity=LEGENDARY] .pk-bezel:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 calc(var(--cw)*.12) calc(var(--cw)*.006) rgba(233,205,140,.55);animation:pk-breathe 3.4s ease-in-out infinite}@keyframes pk-breathe{0%,to{opacity:.35}50%{opacity:.95}}.pk-finish{font-size:calc(var(--cw) * .03);letter-spacing:.14em;font-weight:900;color:#17120c;opacity:.62}.pk-new{top:calc(var(--cw) * .175);left:calc(var(--cw) * -.02);background:linear-gradient(180deg,#fff1cf,#d9bf7e);color:#17130d;letter-spacing:.1em;padding:calc(var(--cw)*.012) calc(var(--cw)*.035);box-shadow:0 2px 6px rgba(0,0,0,.6);transform:rotate(-4deg)}.pk-copies,.pk-new{position:absolute;z-index:6;font-size:calc(var(--cw) * .04);font-weight:900;border-radius:3px}.pk-copies{bottom:calc(var(--cw) * .055);right:calc(var(--cw) * -.015);background:#14110e;color:#e4d3ab;box-shadow:inset 0 0 0 1px #6b5836;padding:calc(var(--cw)*.012) calc(var(--cw)*.03)}.pk-back{position:absolute;inset:0;border-radius:var(--r);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);background:radial-gradient(60% 44% at 50% 50%,#6d1f34 0,#3b1220 55%,#240a14 100%);box-shadow:inset 0 0 0 var(--bezel) #e4d3ab,inset 0 0 0 calc(var(--bezel) + 1px) #8d7442;display:grid;place-items:center;overflow:hidden}.pk-back:before{content:"";position:absolute;inset:var(--bezel);border-radius:calc(var(--r)*.62);background:repeating-linear-gradient(45deg,rgba(255,255,255,.045) 0 6px,transparent 6px 12px),repeating-linear-gradient(-45deg,rgba(0,0,0,.16) 0 6px,transparent 6px 12px)}.pk-back-crest{position:relative;width:54%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 12px rgba(0,0,0,.75))}.pk-back-mark{position:relative;font-size:calc(var(--cw) * .26);color:#f0dcae;text-shadow:0 2px 10px rgba(0,0,0,.8),0 0 calc(var(--cw)*.1) rgba(233,205,140,.45)}.pk-back-word{position:absolute;bottom:calc(var(--cw)*.1);left:0;right:0;font-size:calc(var(--cw)*.05);letter-spacing:.3em;font-weight:800;color:#c9a86a;text-align:center}@media (prefers-reduced-motion:reduce){.pk-flip,.pk-tilt{transition:none!important}.pk[data-rarity="BLACK DIAMOND"] .pk-bezel:after,.pk[data-rarity=LEGENDARY] .pk-bezel:after{animation:none;opacity:.6}}