.pcard{--w: 300px;--px: 50;--py: 50;--rx: 0deg;--ry: 0deg;--o: 0;--flip: 0deg;--radius: 4.6cqw;--gold-1: #fff7cf;--gold-2: #f6c94a;--gold-3: #b9851a;--gold-4: #fff0a0;width:var(--w);max-width:100%;aspect-ratio:63 / 88;container-type:inline-size;position:relative;flex:none;perspective:1100px;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.pcard[data-flipped]{--flip: 180deg}.pcard-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--flip)));transition:transform .7s cubic-bezier(.2,.9,.25,1.15);border-radius:var(--radius);box-shadow:0 3.5cqw 7cqw -2cqw #000000b3,0 1cqw 2cqw #00000059}.pcard.is-live .pcard-tilt{transition:transform .08s linear}.pcard-side{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate}.pcard-back{transform:rotateY(180deg)}.pcard-front{background:linear-gradient(160deg,color-mix(in srgb,var(--frame) 92%,#fff),color-mix(in srgb,var(--frame) 70%,#000));color:var(--frame-ink);font-family:var(--f-display)}.pcard-bg,.pcard-rays,.pcard-stars{position:absolute;inset:0;pointer-events:none}.pcard-frame{position:absolute;inset:3.2cqw;display:grid;grid-template-rows:auto auto auto auto 1fr auto auto;gap:1.5cqw;z-index:2}.pcard-head{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:0 1cqw}.pcard-name{font:750 7.4cqw/1 var(--f-display);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard-gem{flex:none;display:grid;place-items:center;min-width:8.5cqw;height:8.5cqw;padding:0 1.4cqw;border-radius:99px;font:800 4.4cqw/1 var(--f-display);color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--frame) 40%,#fff),color-mix(in srgb,var(--frame) 80%,#000));box-shadow:inset 0 0 0 .5cqw #ffffff80,0 .6cqw 1.2cqw #00000059;text-shadow:0 .3cqw .6cqw rgba(0,0,0,.4)}.pcard-art{position:relative;aspect-ratio:5 / 3.7;border-radius:2.4cqw;box-shadow:inset 0 0 0 .7cqw #00000059,0 .5cqw #ffffff59;z-index:2}.pcard-scene,.pcard-artholo{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.pcard-sprite{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none}.pcard-sprite svg{width:60%;height:auto;filter:drop-shadow(0 2.2cqw 1.4cqw rgba(0,0,0,.45));transform:translateY(-1cqw)}.pcard-type{display:flex;justify-content:space-between;align-items:center;font:700 3.2cqw/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:0 1cqw;opacity:.85}.pcard-pips{display:flex;gap:.9cqw}.pcard-pips i{width:2.6cqw;height:2.6cqw;border-radius:50%;background:#0000002e;box-shadow:inset 0 0 0 .35cqw #00000040}.pcard-pips i.on{background:radial-gradient(circle at 35% 30%,#fff,var(--c1) 60%);box-shadow:0 0 1.4cqw color-mix(in srgb,var(--c1) 80%,transparent)}.pcard-move{display:grid;gap:.8cqw;padding:2.2cqw 2.6cqw;border-radius:2.2cqw;background:#ffffff8c;box-shadow:inset 0 0 0 .4cqw #00000014}.pcard-move b{font:800 3.6cqw/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--frame) 55%,#000)}.pcard-move span{font:650 4.5cqw/1.2 var(--f-display);letter-spacing:-.01em}.pcard-blurb{margin:0;padding:0 1cqw;font:italic 450 3.7cqw/1.35 var(--f-body);opacity:.82;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;align-self:start}.pcard-foot{display:flex;justify-content:space-between;align-items:end;gap:2cqw;padding:0 1cqw;font:650 3.2cqw/1.2 var(--f-display)}.pcard-no{font:800 3.4cqw/1 var(--f-mono);letter-spacing:.04em;white-space:nowrap}.pcard-meta{display:flex;justify-content:space-between;align-items:center;padding:1.3cqw 1.6cqw 0;border-top:.35cqw solid rgba(0,0,0,.15);font:700 2.7cqw/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.78}.pcard-edition{padding:.6cqw 1.4cqw;border-radius:1cqw;background:#111;color:#fff;letter-spacing:.14em}.pcard-shine,.pcard-glitter,.pcard-glare{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.pcard-shine{z-index:1}.pcard-glitter{z-index:5}.pcard-glare{z-index:6}.pcard-glare{background:radial-gradient(farthest-corner circle at calc(var(--px) * 1%) calc(var(--py) * 1%),#ffffffb3,#ffffff29 22%,#00000047 90%);mix-blend-mode:overlay;opacity:calc(.25 + var(--o) * .6)}.pcard-shine,.pcard-glitter{opacity:0}.pcard{--rainbow: repeating-linear-gradient(110deg, #ff6b8b 0%, #ffcf5c 5%, #9dff7a 10%, #5ce6ff 15%, #8a7dff 20%, #ff6bd8 25%, #ff6b8b 30%);--lines: repeating-linear-gradient(40deg, rgba(255, 255, 255, 0) 0 1.4%, rgba(255, 255, 255, .22) 1.9%, rgba(255, 255, 255, 0) 2.6%);--sparkle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 9 -6.3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.pcard[data-rarity=common] .pcard-front{background:linear-gradient(160deg,#e9ecf4,#b9bfd1)}.pcard[data-rarity=common] .pcard-art{box-shadow:inset 0 0 0 .7cqw #00000040}.pcard[data-rarity=uncommon] .pcard-shine{background-image:var(--rainbow),var(--lines);background-size:260% 260%,200% 200%;background-position:calc(var(--px) * 1%) calc(var(--py) * 1%),calc(100% - var(--px) * 1%) calc(var(--py) * .6%);mix-blend-mode:color-dodge;filter:saturate(.7) brightness(.85);opacity:calc(.35 + var(--o) * .65);padding:3.2cqw;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.pcard[data-rarity=rare] .pcard-artholo,.pcard[data-rarity=epic] .pcard-artholo{background-image:var(--rainbow),var(--lines),var(--sparkle);background-size:300% 300%,180% 180%,60% auto;background-position:calc(var(--px) * 1%) calc(var(--py) * 1%),calc(100% - var(--px) * 1%) 50%,center;mix-blend-mode:color-dodge;filter:saturate(1.1) brightness(.8);opacity:calc(.22 + var(--o) * .45);z-index:1}.pcard-scene:after{content:"";position:absolute;inset:0;background:radial-gradient(75% 70% at 50% 46%,transparent 45%,rgba(0,0,0,.38))}.pcard[data-rarity=rare] .pcard-sprite svg,.pcard[data-rarity=uncommon] .pcard-sprite svg{filter:drop-shadow(0 0 .7cqw rgba(10,14,40,.65)) drop-shadow(0 2.2cqw 1.4cqw rgba(0,0,0,.45))}.pcard[data-rarity=rare] .pcard-shine{background-image:var(--rainbow);background-size:300% 300%;background-position:calc(var(--px) * 1%) calc(var(--py) * 1%);mix-blend-mode:color-dodge;filter:saturate(.6) brightness(.7);opacity:calc(.12 + var(--o) * .35)}.pcard[data-rarity=rare] .pcard-name,.pcard[data-rarity=epic] .pcard-name{background:linear-gradient(100deg,var(--frame-ink) 0 42%,color-mix(in srgb,var(--frame) 65%,var(--frame-ink)) 48%,color-mix(in srgb,var(--frame) 70%,#fff) 50%,color-mix(in srgb,var(--frame) 65%,var(--frame-ink)) 52%,var(--frame-ink) 58% 100%);background-size:320% 100%;background-position:calc(var(--px) * 1%) 0;-webkit-background-clip:text;background-clip:text;color:transparent}.pcard[data-rarity=epic] .pcard-front{background:linear-gradient(160deg,color-mix(in srgb,var(--frame) 80%,#fff),color-mix(in srgb,var(--frame) 55%,#1a0838))}.pcard[data-rarity=epic] .pcard-shine{background-image:var(--rainbow),var(--lines),radial-gradient(circle at 30% 20%,rgba(255,255,255,.5),transparent 30%),radial-gradient(circle at 75% 70%,rgba(180,140,255,.5),transparent 35%);background-size:250% 250%,160% 160%,120% 120%,140% 140%;background-position:calc(var(--px) * 1%) calc(var(--py) * 1%),calc(100% - var(--px) * 1%) calc(100% - var(--py) * 1%),calc(var(--px) * .5%) calc(var(--py) * .5%),calc(100% - var(--px) * .7%) 50%;mix-blend-mode:color-dodge;filter:saturate(1.15) brightness(.85) contrast(1.15);opacity:calc(.55 + var(--o) * .45)}.pcard[data-rarity=epic] .pcard-move{background:#ffffffb8}.pcard[data-rarity=epic] .pcard-art{box-shadow:inset 0 0 0 .8cqw #ffffff8c,0 0 0 .5cqw #3c146e80,0 1cqw 2cqw #0000004d}.pcard[data-rarity=epic] .pcard-glitter,.pcard[data-rarity=legendary] .pcard-glitter{background-image:var(--sparkle);background-size:34% auto;mix-blend-mode:color-dodge;-webkit-mask:radial-gradient(circle at calc(var(--px) * 1%) calc(var(--py) * 1%),#000 0,rgba(0,0,0,.35) 32%,transparent 62%);mask:radial-gradient(circle at calc(var(--px) * 1%) calc(var(--py) * 1%),#000 0,rgba(0,0,0,.35) 32%,transparent 62%);opacity:calc(.45 + var(--o) * .55)}.pcard[data-rarity=epic] .pcard-art{overflow:visible}.pcard[data-rarity=epic] .pcard-sprite{z-index:3}.pcard[data-rarity=epic] .pcard-sprite svg{width:108%;max-width:none;transform:translateY(-8cqw) translateZ(0);filter:drop-shadow(0 3cqw 2cqw rgba(0,0,0,.5)) drop-shadow(0 0 2.6cqw color-mix(in srgb,var(--c1) 70%,transparent))}.pcard[data-rarity=epic] .pcard-rays{background:repeating-conic-gradient(from 0deg at 50% 33%,#fff0 0 9deg,#ffffff29 11deg,#fff0 13deg);-webkit-mask:radial-gradient(circle at 50% 33%,#000 0,transparent 55%);mask:radial-gradient(circle at 50% 33%,#000 0,transparent 55%);animation:pcard-spin 40s linear infinite;mix-blend-mode:overlay}.pcard[data-rarity=legendary] .pcard-front{background:radial-gradient(120% 80% at 50% 30%,color-mix(in srgb,var(--c1) 55%,#07051a),#07051a 72%);color:#fff8e1}.pcard[data-rarity=legendary] .pcard-bg{background:radial-gradient(38% 28% at 50% 36%,rgba(255,214,110,.55),transparent 70%),radial-gradient(70% 45% at 50% 36%,color-mix(in srgb,var(--c3) 45%,transparent),transparent 72%),radial-gradient(60% 40% at 20% 85%,color-mix(in srgb,var(--c1) 55%,transparent),transparent 70%);filter:blur(2.5cqw) saturate(1.2);opacity:.9;animation:pcard-breathe 6s ease-in-out infinite}.pcard[data-rarity=legendary] .pcard-rays{background:repeating-conic-gradient(from 0deg at 50% 34%,#ffe9a000 0 7deg,#ffe9a073 9deg,#ffe9a000 12deg);-webkit-mask:radial-gradient(circle at 50% 34%,#000 0,transparent 62%);mask:radial-gradient(circle at 50% 34%,#000 0,transparent 62%);animation:pcard-spin 24s linear infinite;mix-blend-mode:screen}.pcard[data-rarity=legendary] .pcard-stars{background-image:radial-gradient(circle,#fff 0 .5cqw,transparent .9cqw),radial-gradient(circle,#fff3b0 0 .4cqw,transparent .8cqw),radial-gradient(circle,#fff 0 .35cqw,transparent .7cqw),radial-gradient(circle,#ffe08a 0 .45cqw,transparent .9cqw);background-size:23cqw 29cqw,31cqw 23cqw,17cqw 19cqw,41cqw 37cqw;background-position:3cqw 5cqw,14cqw 2cqw,9cqw 11cqw,20cqw 17cqw;animation:pcard-twinkle 3.2s ease-in-out infinite alternate;mix-blend-mode:screen}.pcard[data-rarity=legendary] .pcard-frame{inset:3.6cqw}.pcard[data-rarity=legendary] .pcard-art{position:absolute;inset:9cqw -3.6cqw auto;aspect-ratio:auto;height:74cqw;box-shadow:none;background:none}.pcard[data-rarity=legendary] .pcard-scene{display:none}.pcard[data-rarity=legendary] .pcard-sprite svg{width:76%;transform:translateY(1cqw);filter:drop-shadow(0 0 3cqw color-mix(in srgb,var(--gold-2) 70%,transparent)) drop-shadow(0 3cqw 2cqw rgba(0,0,0,.55));animation:pcard-float 5s ease-in-out infinite}.pcard[data-rarity=legendary] .pcard-head{position:relative;z-index:3}.pcard[data-rarity=legendary] .pcard-type{margin-top:70cqw;color:var(--gold-1);position:relative;z-index:3}.pcard[data-rarity=legendary] .pcard-move,.pcard[data-rarity=legendary] .pcard-blurb,.pcard[data-rarity=legendary] .pcard-foot,.pcard[data-rarity=legendary] .pcard-meta{position:relative;z-index:3}.pcard[data-rarity=legendary] .pcard-move{background:linear-gradient(180deg,#140c288c,#140c28c7);box-shadow:inset 0 0 0 .4cqw #f6c94a8c;backdrop-filter:blur(1.5cqw)}.pcard[data-rarity=legendary] .pcard-move b{color:var(--gold-2)}.pcard[data-rarity=legendary] .pcard-meta{border-top-color:#f6c94a66}.pcard[data-rarity=legendary] .pcard-no{color:var(--gold-1);text-shadow:0 0 1.4cqw rgba(246,201,74,.7),0 .3cqw .6cqw rgba(0,0,0,.8)}.pcard[data-rarity=legendary] .pcard-name{background:linear-gradient(100deg,var(--gold-3) 0%,var(--gold-1) 20%,var(--gold-2) 35%,var(--gold-3) 50%,var(--gold-4) 65%,var(--gold-2) 80%,var(--gold-3) 100%);background-size:300% 100%;background-position:calc(var(--px) * 1%) 0;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .4cqw .5cqw rgba(0,0,0,.6))}.pcard[data-rarity=legendary] .pcard-name{font-size:8cqw}.pcard[data-rarity=legendary] .pcard-gem{background:radial-gradient(circle at 35% 30%,var(--gold-1),var(--gold-3));color:#2a1b00;text-shadow:none}.pcard[data-rarity=legendary] .pcard-front:before{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;padding:2.4cqw;background:conic-gradient(from calc(var(--px) * 3.6deg),var(--gold-3),var(--gold-1),var(--gold-2),var(--gold-3),var(--gold-4),var(--gold-2),var(--gold-3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);box-shadow:inset 0 0 0 .4cqw #0000004d;pointer-events:none}.pcard[data-rarity=legendary] .pcard-shine{background-image:linear-gradient(115deg,transparent 22%,rgba(255,214,110,.35) 38%,rgba(255,248,210,.75) 45%,rgba(255,200,90,.35) 52%,transparent 68%);background-size:260% 260%;background-position:calc(var(--px) * 1%) calc(var(--py) * 1%);mix-blend-mode:screen;opacity:calc(.35 + var(--o) * .65)}.pcard[data-rarity=legendary] .pcard-glare{mix-blend-mode:soft-light}.pcard[data-rarity=legendary] .pcard-blurb{color:#f3e7c4;opacity:.92;text-shadow:0 .3cqw .8cqw rgba(0,0,0,.8)}.pcard[data-rarity=legendary] .pcard-type,.pcard[data-rarity=legendary] .pcard-foot,.pcard[data-rarity=legendary] .pcard-meta{text-shadow:0 .3cqw .8cqw rgba(0,0,0,.8)}.pcard[data-rarity=legendary] .pcard-tilt{box-shadow:0 0 9cqw -1cqw #f6c94a8c,0 3.5cqw 7cqw -2cqw #000000b3;animation:pcard-glow 3.6s ease-in-out infinite}.pcard-scene{background:linear-gradient(#7cc7ff,#cdeeff)}.pcard[data-scene=sky] .pcard-scene{background:radial-gradient(18% 9% at 22% 30%,#fff 60%,transparent 62%),radial-gradient(14% 7% at 30% 27%,#fff 60%,transparent 62%),radial-gradient(16% 8% at 78% 22%,#fff 60%,transparent 62%),linear-gradient(#5db4ff 0,#bfe6ff 72%,#7ccf5c 72% 80%,#6b4a2b 80%)}.pcard[data-scene=sunset] .pcard-scene{background:radial-gradient(22% 22% at 70% 62%,#ffe08a 50%,transparent 52%),linear-gradient(#5b3fa0 0,#e96e9a 45%,#ffb36b 70%,#4a2f6b 70% 78%,#2c1a44 78%)}.pcard[data-scene=arena] .pcard-scene{background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 12%,transparent 12% 25%),linear-gradient(#8a93a6,#c7ccd8 70%,#6f6a62 70%)}.pcard[data-scene=cave] .pcard-scene{background:radial-gradient(10% 14% at 18% 78%,#7af0ff 40%,transparent 70%),radial-gradient(8% 12% at 84% 70%,#d68cff 40%,transparent 70%),radial-gradient(70% 60% at 50% 45%,#2b2350,#120d24)}.pcard[data-scene=workshop] .pcard-scene{background:radial-gradient(40% 40% at 50% 30%,rgba(255,210,140,.55),transparent 70%),repeating-linear-gradient(0deg,#9a6b3f 0 10%,#85592f 10% 11%),#9a6b3f}.pcard[data-scene=meadow] .pcard-scene{background:radial-gradient(2% 2% at 20% 82%,#ff6b8b 80%,transparent),radial-gradient(2% 2% at 62% 88%,#ffd34a 80%,transparent),radial-gradient(2% 2% at 84% 80%,#fff 80%,transparent),linear-gradient(#8fd4ff 0,#dff4ff 64%,#6cc04a 64%,#4f9e36)}.pcard[data-scene=forest] .pcard-scene{background:radial-gradient(14% 30% at 12% 60%,#2f6b2a 60%,transparent 62%),radial-gradient(16% 34% at 88% 58%,#2a5e25 60%,transparent 62%),linear-gradient(#b8e3ff 0,#e8f6ff 60%,#3f8a35 60%,#2f6b2a)}.pcard[data-scene=kitchen] .pcard-scene{background:repeating-conic-gradient(#f1ead6 0 25%,#e05a4a 0 50%) 0 0 / 16% 22%,#f1ead6}.pcard[data-scene=mine] .pcard-scene{background:radial-gradient(3% 3% at 22% 30%,#5fe0e8 70%,transparent),radial-gradient(3% 3% at 70% 64%,#ffd34a 70%,transparent),radial-gradient(3% 3% at 48% 82%,#d9241c 70%,transparent),repeating-linear-gradient(45deg,#5a5f6b 0 6%,#4b4f5a 6% 12%)}.pcard-back{background:radial-gradient(circle at 50% 45%,#2a2f7a,#10133a 70%);color:#f6c94a}.pcard-back-pattern{position:absolute;inset:3cqw;border-radius:3cqw;border:.8cqw solid rgba(246,201,74,.65);background:linear-gradient(30deg,rgba(255,255,255,.05) 12%,transparent 12.5% 87%,rgba(255,255,255,.05) 87.5%),linear-gradient(150deg,rgba(255,255,255,.05) 12%,transparent 12.5% 87%,rgba(255,255,255,.05) 87.5%),linear-gradient(90deg,rgba(0,0,0,.12) 2%,transparent 2.5% 97.5%,rgba(0,0,0,.12) 98%);background-size:10cqw 17cqw}.pcard-back-seal{position:absolute;left:22%;right:22%;top:30%;aspect-ratio:1;color:#f6c94a;filter:drop-shadow(0 1cqw 2cqw rgba(0,0,0,.5))}.pcard-back-words{position:absolute;left:0;right:0;bottom:14cqw;text-align:center;font:800 6cqw/1 var(--f-display);letter-spacing:.3em;text-transform:uppercase}.pcard-back-shine{background-image:linear-gradient(115deg,transparent 25%,rgba(255,240,180,.4) 45%,transparent 65%);background-size:250% 250%;background-position:calc(var(--px) * 1%) calc(var(--py) * 1%);mix-blend-mode:color-dodge;opacity:calc(.25 + var(--o) * .5)}@keyframes pcard-spin{to{transform:rotate(1turn)}}@keyframes pcard-breathe{50%{opacity:.6;transform:scale(1.04)}}@keyframes pcard-twinkle{0%{opacity:.45}to{opacity:1}}@keyframes pcard-float{50%{transform:translateY(-1.6cqw)}}@keyframes pcard-glow{50%{box-shadow:0 0 13cqw #f6c94ab3,0 3.5cqw 7cqw -2cqw #000000b3}}@media(prefers-reduced-motion:reduce){.pcard-tilt{transition:none}.pcard-rays,.pcard-bg,.pcard-stars,.pcard-sprite svg,.pcard-tilt{animation:none!important}}.pcard.is-scripted .pcard-tilt{transition:none}.pack-stage{--ray: rgba(255, 233, 160, .5);position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;outline:none;transition:opacity .3s;font-family:var(--f-display)}.pack-stage.is-leaving{opacity:0}.pack-stage[data-rarity=rare]{--ray: rgba(140, 200, 255, .45)}.pack-stage[data-rarity=epic]{--ray: rgba(200, 160, 255, .5)}.pack-dim{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#12143cd1,#02030af7 70%);opacity:0}.pack-rays{position:absolute;left:50%;top:50%;width:240vmax;height:240vmax;background:repeating-conic-gradient(from 0deg,transparent 0 6deg,var(--ray) 8deg,transparent 11deg);-webkit-mask:radial-gradient(circle,#000 0,rgba(0,0,0,.5) 14%,transparent 32%);mask:radial-gradient(circle,#000 0,rgba(0,0,0,.5) 14%,transparent 32%);mix-blend-mode:screen;opacity:0;pointer-events:none}.pack-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.pack-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#fff 0,#fff6d2d9 25%,#fff0 70%);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:4}.pack-stage[data-rarity=legendary] .pack-flash{background:radial-gradient(circle at 50% 50%,#fff 0,#ffd66ee6 30%,#ffb43c00 75%)}.pack-wrap{position:relative;width:min(74vw,56vh * .716);aspect-ratio:63 / 88;z-index:2}.pack-card{position:absolute;inset:0;opacity:0}.pack-card .pcard{--w: min(74vw, 56vh * .716);width:100%}.pack-card .pcard-tilt{box-shadow:0 0 calc(var(--glow, 0) * 18cqw) calc(var(--glow, 0) * 4cqw) var(--frame),0 3.5cqw 7cqw -2cqw #000000b3}.pack{position:absolute;inset:-7% -9%;cursor:pointer;filter:drop-shadow(0 4vh 5vh rgba(0,0,0,.7))}.pack-body,.pack-top{position:absolute;left:0;right:0;background:linear-gradient(115deg,#fff0 30%,#ffffff8c,#fff0 60%) 0 0 / 300% 100%,repeating-linear-gradient(135deg,#ffffff12 0 12px,#0000000f 12px 24px),linear-gradient(160deg,#6e7bff,#b36bff 35%,#ff7ad6,#ffb36b 85%,#ffd66b);animation:pack-foil 2.4s linear infinite}.pack-body{top:13%;bottom:0;display:grid;place-content:center;justify-items:center;gap:1.5vh;color:#fff;text-align:center;clip-path:polygon(0 0,100% 0,100% 97%,96% 100%,92% 97%,88% 100%,84% 97%,80% 100%,76% 97%,72% 100%,68% 97%,64% 100%,60% 97%,56% 100%,52% 97%,48% 100%,44% 97%,40% 100%,36% 97%,32% 100%,28% 97%,24% 100%,20% 97%,16% 100%,12% 97%,8% 100%,4% 97%,0 100%);border-radius:0 0 2% 2%}.pack-top{top:0;height:14%;clip-path:polygon(0 4%,4% 0,8% 4%,12% 0,16% 4%,20% 0,24% 4%,28% 0,32% 4%,36% 0,40% 4%,44% 0,48% 4%,52% 0,56% 4%,60% 0,64% 4%,68% 0,72% 4%,76% 0,80% 4%,84% 0,88% 4%,92% 0,96% 4%,100% 0,100% 100%,0 100%);border-bottom:2px dashed rgba(255,255,255,.7)}.pack-brand{font:900 clamp(26px,6.5vh,54px)/.9 var(--f-display);letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 .6vh 0 rgba(60,20,120,.45),0 0 3vh rgba(255,255,255,.55);max-width:80%}.pack-sub{font:700 clamp(10px,1.5vh,13px)/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;opacity:.9}.pack-seal{width:12vh;height:12vh;border-radius:50%;border:.5vh solid rgba(255,255,255,.85);background:radial-gradient(circle at 35% 30%,#fff9,#ffffff0d);box-shadow:inset 0 0 0 1.2vh #ffffff26}.pack-hint,.pack-actions{position:absolute;bottom:8vh;left:0;right:0;text-align:center;z-index:5;transition:opacity .25s}.pack-hint{margin:0;color:#fff;font:650 var(--t-17)/1.2 var(--f-display);opacity:0;text-shadow:0 1px 8px rgba(0,0,0,.8)}.pack-actions{opacity:0}.pack-stamp{position:absolute;top:7vh;left:50%;z-index:5;font:900 clamp(30px,min(8.5vh,12.5vw),84px)/1 var(--f-display);letter-spacing:-.02em;color:#fff;-webkit-text-stroke:.35vh rgba(0,0,0,.35);text-shadow:0 0 3vh var(--ray),0 .8vh 0 rgba(0,0,0,.35);opacity:0;white-space:nowrap;pointer-events:none}.pack-stage[data-rarity=legendary] .pack-stamp{background:linear-gradient(100deg,#b9851a,#fff7cf 30%,#f6c94a,#fff0a0 70%,#b9851a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;filter:drop-shadow(0 0 2.6vh rgba(246,201,74,.8)) drop-shadow(0 .8vh 0 rgba(60,30,0,.6))}@keyframes pack-foil{to{background-position:-300% 0,0 0,0 0}}@media(prefers-reduced-motion:reduce){.pack-body,.pack-top{animation:none}}