.po{--cw:300px;position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding:34px 16px 28px;border-radius:22px;isolation:isolate;scroll-margin-top:92px;overflow:hidden;overflow:clip;color:#f4f7fa;min-height:calc(var(--cw) * 1.4 + 190px);background:#070b10}.po-backdrop{position:absolute;inset:0;z-index:-2;transition:background .6s ease,opacity .6s;background:radial-gradient(60% 50% at 50% 42%,#1a2a3a 0,#0a1119 60%,#05080c 100%)}.po[data-hot=ultra] .po-backdrop{background:radial-gradient(60% 50% at 50% 42%,#3a1a0c 0,#12070a 60%,#050304 100%)}.po[data-hot=legendary] .po-backdrop{background:radial-gradient(60% 50% at 50% 42%,#3d2c0b 0,#0a0703 62%,#000 100%)}.po[data-hot=alpha] .po-backdrop{background:radial-gradient(60% 50% at 50% 42%,#23330c 0,#080b04 62%,#000 100%)}.po-rays{position:absolute;left:50%;top:40%;width:160%;aspect-ratio:1;z-index:-1;opacity:0;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .8s;background:repeating-conic-gradient(from 0deg,var(--ray,rgba(255,210,90,.22)) 0deg 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 6%,transparent 46%);mask:radial-gradient(circle,#000 6%,transparent 46%);animation:po-rotate 22s linear infinite}.po[data-hot] .po-rays{opacity:1}.po[data-hot=ultra]{--ray:rgba(255,122,60,.2)}.po[data-hot=alpha]{--ray:rgba(197,249,35,.2)}.po[data-hot=legendary][data-phase=up]{animation:po-quake .5s ease-out .5s}.po-pack{position:relative;width:calc(var(--cw) * 1.04);aspect-ratio:5/7.4;padding:0;border:0;background:none;cursor:pointer;color:inherit;container-type:inline-size;animation:po-hover 3.4s ease-in-out infinite;filter:drop-shadow(0 26px 40px rgba(0,0,0,.6))}.po-pack:disabled{cursor:default}.po-pack:focus-visible{outline:3px solid #c5f923;outline-offset:6px;border-radius:12px}.po-seal,.po-wrap{position:absolute;left:0;right:0}.po-seal{top:0;height:13%;z-index:2;background:repeating-linear-gradient(90deg,#c9d3dc 0 1.2cqw,#8e9aa5 1.2cqw 2.4cqw),linear-gradient(180deg,#f3f6f8,#9aa6b0);background-blend-mode:multiply;border-radius:4cqw 4cqw 0 0}.po-wrap{top:10.5%;bottom:0;overflow:hidden;border-radius:0 0 4cqw 4cqw;background:linear-gradient(160deg,#0f2236,#07101a 48%,#0f2236);box-shadow:inset 0 0 0 1.2cqw rgba(197,249,35,.35),inset 0 -2cqw 0 #c5f923}.po-foil{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 44%,transparent 58%) 0 0 /250% 100% no-repeat,repeating-linear-gradient(45deg,rgba(197,249,35,.07) 0 .5cqw,transparent .5cqw 6cqw),repeating-linear-gradient(-45deg,rgba(197,249,35,.07) 0 .5cqw,transparent .5cqw 6cqw);animation:po-shine 3.2s ease-in-out infinite}.po-art,.po-foil{position:absolute;inset:0}.po-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.2cqw;padding-bottom:6cqw}.po-ring{display:grid;place-items:center;width:42cqw;height:42cqw;border-radius:50%;border:.9cqw solid #c5f923;background:radial-gradient(circle,#13283e,#07101a 70%);box-shadow:0 0 8cqw rgba(197,249,35,.3)}.po-mark{font-weight:900;font-size:27cqw;line-height:1;color:#c5f923;text-shadow:0 0 6cqw rgba(197,249,35,.6)}.po-brand{font-weight:900;font-size:7cqw;letter-spacing:.16em;white-space:nowrap}.po-series{font:700 3.2cqw/1 ui-monospace,Menlo,monospace;letter-spacing:.24em;color:#9fb0bd}.po-count{margin-top:2cqw;padding:1.4cqw 3.4cqw;border-radius:99px;font-weight:900;font-size:3.6cqw;letter-spacing:.2em;color:#07101a;background:#c5f923}.po-light{position:absolute;left:6%;right:6%;top:8%;height:18%;z-index:1;opacity:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.95),rgba(197,249,35,.5) 40%,transparent 70%);filter:blur(4px)}.po[data-stage=tearing] .po-pack{animation:po-tug .9s ease-in both}.po[data-stage=tearing] .po-seal{animation:po-tear .75s cubic-bezier(.4,0,.6,1) .15s both}.po[data-stage=tearing] .po-light{animation:po-glow .9s ease-out .25s both}.po[data-stage=dealing] .po-pack{animation:po-drop .65s ease-in both}.po-table{position:relative;display:grid;place-items:center;width:100%;min-height:calc(var(--cw) * 1.4 + 8px)}.po[data-stage=dealing] .po-table{position:absolute;top:34px;left:0;right:0;animation:po-rise .65s cubic-bezier(.2,.8,.2,1) both}.po-stack{position:absolute;left:50%;top:50%;width:var(--cw);aspect-ratio:5/7;transform:translate(-50%,-50%)}.po-stacked{position:absolute;inset:0;transform:translate(calc(var(--i) * 7px),calc(var(--i) * -6px)) rotate(calc(var(--i) * 2.2deg));opacity:calc(1 - var(--i) * .22);z-index:calc(-1 * var(--i))}.po-flip{position:relative;width:var(--fw);aspect-ratio:5/7;padding:0;border:0;background:none;color:inherit;cursor:pointer;transition:transform .3s ease;animation:po-in .35s ease-out}.po-flip[data-orientation=landscape]{aspect-ratio:7/5}.po-flip[data-turn=turning]{animation:po-turn-out var(--half) cubic-bezier(.5,0,.9,.6) forwards}.po-flip[data-turn=up]{animation:po-turn-in var(--half) cubic-bezier(.15,.7,.3,1.2) both}.po-flip[data-turn=up][data-rarity=legendary]{animation-name:po-turn-in-big}.po-flip[aria-disabled]{cursor:default}.po-nextbtn{opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.po-nextbtn[data-ready]{opacity:1;transform:none}.po-nextbtn:disabled{cursor:default}.po-flip:focus-visible{outline:3px solid #c5f923;outline-offset:8px;border-radius:16px}.po-side{position:absolute;inset:0;display:grid;place-items:center}.po[data-phase=charging] .po-back{animation:po-shake .26s linear infinite}.po[data-phase=charging] .po-flip[data-rarity=legendary] .po-back{animation:po-shake .14s linear infinite}.po[data-phase=charging] .po-flip[data-rarity=legendary]{transform:scale(1.04);transition-duration:1.6s}.po-burst{position:absolute;left:50%;top:50%;width:min(100%,calc(var(--cw) * 2.6));height:calc(var(--cw) * 2.2);transform:translate(-50%,-50%);pointer-events:none;z-index:3}.po-caption{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px;text-align:center}.po-caption strong{font-weight:900;font-size:26px;letter-spacing:.02em;text-transform:uppercase}.po-caption span:last-child{font:600 12px/1.3 ui-sans-serif,system-ui,sans-serif;color:#9fb0bd;letter-spacing:.06em}.po-hint{font:600 13px/1 ui-sans-serif,system-ui,sans-serif!important;color:#c5d0d8!important;letter-spacing:.08em!important}.po-rarity{padding:3px 10px;border-radius:99px;font:800 11px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#0b0f0d;background:#a7b4bd}.po-rarity[data-rarity=uncommon]{background:#8fe4a0}.po-rarity[data-rarity=rare]{background:#7cc3ff}.po-rarity[data-rarity=super]{background:#d3a1ff}.po-rarity[data-rarity=ultra]{background:#ff9a5c}.po-rarity[data-rarity=legendary]{background:linear-gradient(90deg,#ffd25a,#c5f923);box-shadow:0 0 18px rgba(255,210,90,.5)}.po-rarity[data-rarity=alpha]{background:#c5f923}.po-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 14px;animation:po-in .4s ease-out}.po-pull{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:zoom-in}.po-pull:hover .sc-card{transform:translateY(-4px)}.po-pull .sc-card{transition:transform .2s ease}.po-pull:focus-visible{outline:3px solid #c5f923;outline-offset:6px;border-radius:12px}.po-pullname{max-width:calc(var(--cw) * .6);font-weight:800;font-size:13px;line-height:1.2;text-align:center;color:#eef2f5}.po-next{margin:-6px 0 0;font:600 12px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;color:#8ea1b0;text-align:center}.po-skip{position:absolute;top:12px;right:12px;z-index:2;padding:7px 12px;border:0;border-radius:99px;cursor:pointer;font:700 12px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;color:#c2ced7;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.po-skip:hover{color:#fff;background:rgba(255,255,255,.12)}.po-zoom{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background:rgba(3,6,10,.88);backdrop-filter:blur(6px);color:#f4f7fa;animation:po-in .25s ease-out}.po-zoom .po-caption{margin:0}.po[data-kind=pro] .po-wrap{background:linear-gradient(160deg,#3a2a06,#120c02 48%,#3a2a06);box-shadow:inset 0 0 0 1.2cqw rgba(255,210,90,.5),inset 0 -2cqw 0 #ffd25a}.po[data-kind=pro] .po-ring{border-color:#ffd25a;box-shadow:0 0 8cqw rgba(255,210,90,.35);background:radial-gradient(circle,#3a2a06,#120c02 70%)}.po[data-kind=pro] .po-mark{color:#ffd25a;text-shadow:0 0 6cqw rgba(255,210,90,.6)}.po[data-kind=pro] .po-count{background:#ffd25a}.po[data-kind=pro] .po-seal{background:repeating-linear-gradient(90deg,#f6dd8a 0 1.2cqw,#b8862a 1.2cqw 2.4cqw),linear-gradient(180deg,#fff1b8,#b8862a)}.po-dupe{background:#2a3846!important;color:#c5d0d8!important}.po-new{position:absolute;top:-8px;right:-6px;z-index:10;padding:3px 7px;border-radius:6px;font:900 10px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;color:#0b0f0d;background:#c5f923;box-shadow:0 4px 10px rgba(0,0,0,.4)}.po-controls{display:flex;gap:10px;min-height:44px}.po-btn{min-height:44px;padding:0 22px;border:0;border-radius:12px;cursor:pointer;font-weight:900;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#07101a;background:#c5f923}.po-btn:hover{filter:brightness(1.08)}.po-btn--ghost{color:#dbe4ea;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.po-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.po-dots{display:flex;gap:8px;margin:0;padding:0;list-style:none}.po-dots li{width:10px;height:10px;border-radius:50%;background:#26323d}.po-dots li[data-rarity]{background:#a7b4bd}.po-dots li[data-rarity=uncommon]{background:#8fe4a0}.po-dots li[data-rarity=rare]{background:#7cc3ff}.po-dots li[data-rarity=super]{background:#d3a1ff}.po-dots li[data-rarity=ultra]{background:#ff9a5c}.po-dots li[data-rarity=legendary]{background:#ffd25a;box-shadow:0 0 10px #ffd25a}@keyframes po-hover{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes po-shine{0%{background-position:160% 0,0 0,0 0}60%,to{background-position:-60% 0,0 0,0 0}}@keyframes po-tug{0%{transform:none}15%{transform:rotate(-2deg) scale(1.02)}30%{transform:rotate(2deg) scale(1.03)}to{transform:scale(1.04)}}@keyframes po-tear{0%{transform:none}30%{transform:translate(-2%,-6%) rotate(-3deg)}to{transform:translate(60%,-160%) rotate(28deg);opacity:0}}@keyframes po-glow{0%{opacity:0}40%{opacity:1}to{opacity:.8;transform:scale(1.4)}}@keyframes po-drop{to{transform:translateY(45%) scale(.86);opacity:0}}@keyframes po-rise{0%{transform:translateY(18%) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes po-in{0%{transform:translateY(10px) scale(.97);opacity:0}to{transform:none;opacity:1}}@keyframes po-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px,1px) rotate(-1.4deg)}50%{transform:translate(3px,-1px) rotate(1.4deg)}75%{transform:translate(-1px,2px) rotate(-.7deg)}}@keyframes po-quake{0%,to{transform:none}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(2px,-1px)}}@keyframes po-turn-out{0%{transform:perspective(1400px) rotateY(0deg)}to{transform:perspective(1400px) rotateY(90deg) scale(1.03)}}@keyframes po-turn-in{0%{transform:perspective(1400px) rotateY(-90deg) scale(1.03)}to{transform:perspective(1400px) rotateY(0deg)}}@keyframes po-turn-in-big{0%{transform:perspective(1400px) rotateY(-90deg) scale(1.06)}to{transform:perspective(1400px) rotateY(0deg) scale(1.06)}}@keyframes po-rotate{to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:520px){.po{padding:26px 12px 22px}.po-caption strong{font-size:22px}}@media (prefers-reduced-motion:reduce){.po,.po *{animation:none!important;transition:none!important}}