.pk-stage{--pk-c:var(--accent);gap:var(--space-3);padding:var(--space-4);background:radial-gradient(60% 45% at 50% 58%, color-mix(in srgb, var(--pk-c) 26%, transparent), transparent 72%), linear-gradient(180deg, #03070540, #03070599), url(/assets/minigames/packs/cover-bg.webp) center 40% / cover, #061009;grid-template-rows:auto 1fr auto;transition:background-color .4s;display:grid;position:relative;overflow:hidden}.pk-t-common{--pk-c:#a9bdb3}.pk-t-gold{--pk-c:#ffd36b}.pk-t-elite{--pk-c:#3ddc84}.pk-t-star{--pk-c:#5fd4ff}.pk-t-legend{--pk-c:#c792ff}.pk-t-mythic{--pk-c:#ff6b6b}.pk-history{scrollbar-width:none;z-index:2;gap:6px;min-height:34px;display:flex;position:relative;overflow-x:auto}.pk-chip{background:color-mix(in srgb, var(--pk-c) 16%, #06100bcc);min-width:44px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pk-c) 55%, transparent);animation:pk-chip-in .35s var(--ease-out) both;border-radius:10px;flex:none;justify-items:center;gap:0;padding:3px 8px;display:grid}.pk-chip b{color:var(--pk-c);font-size:14px;line-height:1.1}.pk-chip small{color:var(--text-secondary);font-size:12px;font-weight:700}.pk-chip.is-win small{color:var(--accent)}.pk-chip:nth-child(n+8){opacity:.55}@keyframes pk-chip-in{0%{opacity:0;transform:translate(-12px)scale(.8)}}.pk-stage:before{content:"";pointer-events:none;opacity:.55;background:radial-gradient(75% 70% at 50% 46%,#0000 40%,#0207049e 100%);transition:opacity .5s;position:absolute;inset:0}.pk-phase-burst:before,.pk-phase-card:before{opacity:1}.pk-arena{place-items:center;min-height:330px;display:grid;position:relative}.pk-arena>:not(.pk-rays):not(.pk-flash){z-index:1;position:relative}.pk-arena>.pk-hero,.pk-arena>.pk-result{grid-area:1/1}.pk-rays{z-index:0;pointer-events:none;width:calc(100% + 2 * var(--space-4));opacity:0;mix-blend-mode:screen;--pk-ray:color-mix(in srgb, var(--pk-c) 70%, #fff);height:calc(100% + 110px);transition:opacity .4s;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#000 18%,#000000bf 45%,#00000040 75%,#0000 100%);mask:radial-gradient(closest-side,#000 18%,#000000bf 45%,#00000040 75%,#0000 100%)}.pk-rays:before,.pk-rays:after{content:"";aspect-ratio:1;will-change:transform;width:142%;position:absolute;top:50%;left:50%;translate:-50% -50%}.pk-rays:before{background:repeating-conic-gradient(from 0deg, transparent 0deg, var(--pk-ray) 5deg, transparent 10.5deg 22.5deg);animation:60s linear infinite pk-spin}.pk-rays:after{background:repeating-conic-gradient(from 7deg, transparent 0deg, color-mix(in srgb, var(--pk-ray) 70%, transparent) 2.5deg, transparent 5deg 36deg);opacity:0;transition:opacity .4s;animation:11s linear infinite reverse pk-spin}.pk-phase-idle .pk-rays{opacity:.3;--pk-c:#3ddc84}.pk-phase-charge .pk-rays{opacity:.55}.pk-phase-charge .pk-rays:before{animation-duration:7s}.pk-phase-burst .pk-rays,.pk-phase-card .pk-rays{opacity:.85}.pk-phase-burst .pk-rays:before,.pk-phase-card .pk-rays:before{animation-duration:28s}.pk-phase-burst .pk-rays:after,.pk-phase-card .pk-rays:after{opacity:1}@keyframes pk-spin{to{transform:rotate(1turn)}}.pk-flash{z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle, #fff 0 10%, color-mix(in srgb, var(--pk-c) 70%, #fff) 30%, transparent 62%);position:absolute;inset:-20%}.pk-phase-burst .pk-flash,.pk-phase-card .pk-flash{animation:pk-flash .36s var(--ease-out) both}.pk-fast-on.pk-phase-burst .pk-flash,.pk-fast-on.pk-phase-card .pk-flash{animation-duration:.22s}@keyframes pk-flash{0%{opacity:0;transform:scale(.4)}22%{opacity:1}to{opacity:0;transform:scale(1.3)}}.pk-pack{--pk-p:#e8b84a;--pk-p2:#7a5a12;aspect-ratio:3/4;width:100%;display:block;position:relative}.pk-pack-gold{--pk-p:#f3c95c;--pk-p2:#7a5410}.pk-pack-elite{--pk-p:#3ddc84;--pk-p2:#0d5a32}.pk-pack-legend{--pk-p:#d4a8ff;--pk-p2:#4b2a7a}.pk-pack-icon{--pk-p:#fff1c9;--pk-p2:#8a7440}.pk-pack-live{--pk-p:#ff7a4a;--pk-p2:#7a1f10}.pk-pack-img{object-fit:contain;filter:drop-shadow(0 14px 22px #00000080);width:100%;height:100%;display:block}.pk-pack-draw{background:linear-gradient(160deg, color-mix(in srgb, var(--pk-p) 85%, #fff) 0%, var(--pk-p) 32%, var(--pk-p2) 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--pk-p) 60%, #fff), inset 0 -18px 30px #00000059, 0 14px 26px #00000073;clip-path:polygon(0 6%,50% 0,100% 6%,100% 94%,50% 100%,0 94%);border-radius:12%/9%;align-content:center;place-items:center;gap:2px;display:grid;position:absolute;inset:0;overflow:hidden}.pk-pack-draw b{font-family:var(--font-display,inherit);letter-spacing:.02em;color:#08140d;text-shadow:0 1px #fff9;font-size:clamp(18px,28cqi,64px);font-weight:900;line-height:1}.pk-pack-draw small{text-transform:uppercase;letter-spacing:.08em;color:#08140dcc;font-size:clamp(12px,9cqi,15px);font-weight:800}.pk-pack{container-type:inline-size}.pk-pack-foil{background:linear-gradient(115deg,#0000 40%,#ffffff8c 50%,#0000 60%);animation:3.2s ease-in-out infinite pk-foil;position:absolute;inset:-50% -60%}@keyframes pk-foil{0%,35%{transform:translate(-40%)}70%,to{transform:translate(40%)}}.pk-hero{width:min(52vw,210px);animation:3.4s ease-in-out infinite pk-float;position:relative}.pk-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--pk-glow,#3ddc84) 55%, transparent), transparent);filter:blur(14px);border-radius:50%;animation:2.6s ease-in-out infinite pk-halo;position:absolute;inset:8% -18%}.pk-hero:has(.pk-pack-gold){--pk-glow:#ffd36b}.pk-hero:has(.pk-pack-elite){--pk-glow:#5fa8ff}.pk-hero:has(.pk-pack-legend){--pk-glow:#c792ff}.pk-hero:has(.pk-pack-icon){--pk-glow:#fff1c9}.pk-hero:has(.pk-pack-live){--pk-glow:#3ddc84}.pk-phase-charge .pk-hero:before{--pk-glow:var(--pk-c)}.pk-phase-charge .pk-hero{animation:pk-charge var(--pk-charge,.7s) cubic-bezier(.36, .07, .19, .97) both, pk-brink .42s ease-in-out var(--pk-charge,.7s) infinite}.pk-phase-burst .pk-hero{animation:.16s ease-in both pk-pop}.pk-phase-card .pk-hero{opacity:0;pointer-events:none;animation:none}@keyframes pk-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes pk-charge{0%{filter:brightness();transform:scale(1)}20%{transform:scale(1.04)rotate(-3deg)}40%{transform:scale(1.06)rotate(3deg)}60%{filter:brightness(1.3);transform:scale(1.08)rotate(-4deg)}80%{filter:brightness(1.6) drop-shadow(0 0 26px var(--pk-c));transform:scale(1.1)rotate(4deg)}to{filter:brightness(1.8) drop-shadow(0 0 30px var(--pk-c));transform:scale(1.12)}}@keyframes pk-brink{0%,to{filter:brightness(1.8) drop-shadow(0 0 30px var(--pk-c));transform:scale(1.12)rotate(-2deg)}50%{filter:brightness(2) drop-shadow(0 0 36px var(--pk-c));transform:scale(1.14)rotate(2deg)}}@keyframes pk-pop{0%{filter:brightness(1.8) drop-shadow(0 0 30px var(--pk-c));transform:scale(1.12)}to{filter:brightness(3);opacity:0;transform:scale(1.4)}}@keyframes pk-tier-in{0%{opacity:0;letter-spacing:.5em;transform:translateY(14px)}}.pk-result{justify-items:center;gap:var(--space-2);display:grid}.pk-result.is-armed{opacity:0;pointer-events:none;will-change:opacity}.pk-result.is-armed .pk-result-line{visibility:hidden;animation:none}.pk-card{aspect-ratio:1;will-change:transform;place-items:center;width:236px;display:grid;position:relative}.pk-result.is-shown .pk-card{animation:.42s cubic-bezier(.22,.9,.3,1) both pk-card-in}.pk-fast-on .pk-result.is-shown .pk-card{animation-duration:.28s}.pk-card:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--pk-c) 70%, transparent), transparent 70%);filter:blur(18px);border-radius:30%;animation:2.4s ease-in-out infinite pk-halo;position:absolute;inset:6%}@keyframes pk-card-in{0%{opacity:0;transform:translateY(28px)scale(.55)}20%{opacity:1}62%{transform:translateY(-5px)scale(1.07)}to{opacity:1;transform:none}}@keyframes pk-halo{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}.pk-card.is-drawn{aspect-ratio:3/4;background:linear-gradient(160deg, color-mix(in srgb, var(--pk-c) 70%, #fff) 0%, var(--pk-c) 40%, color-mix(in srgb, var(--pk-c) 40%, #000) 100%);border-radius:16px;align-content:start;justify-items:start;width:168px;padding:14px;box-shadow:0 16px 34px #00000080,inset 0 0 0 2px #ffffff59}.pk-card-rating{color:#08140d;font-size:46px;font-weight:900;line-height:1}.pk-card-tier{text-transform:uppercase;letter-spacing:.1em;color:#08140dcc;font-size:12px;font-weight:900}.pk-card-pitch{fill:none;stroke:#08140d59;stroke-width:3px;width:64%;position:absolute;inset:auto 18% 10%}.pk-result-line{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--pk-c) 55%, transparent), inset 0 1px 0 #ffffff14, 0 12px 30px #00000080, 0 0 34px color-mix(in srgb, var(--pk-c) 28%, transparent);background:linear-gradient(#08140ddb,#030906e6);border-radius:999px;align-items:center;gap:14px;padding:6px 20px 6px 22px;animation:.36s cubic-bezier(.2,1.3,.4,1) .14s both pk-line-in;display:flex}@keyframes pk-line-in{0%{opacity:0;transform:translateY(16px)scale(.85)}}.pk-result-mult{letter-spacing:-.02em;color:var(--pk-c);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #00000059, 0 0 22px color-mix(in srgb, var(--pk-c) 65%, transparent);font-size:42px;font-weight:900;line-height:1.05}.pk-result-pay{font-variant-numeric:tabular-nums;color:var(--text-primary);border-left:1px solid #ffffff24;align-items:center;gap:6px;padding-left:14px;font-size:22px;font-weight:800;display:inline-flex}.pk-result.is-won .pk-result-pay{color:var(--accent);text-shadow:0 0 16px color-mix(in srgb, var(--accent) 45%, transparent)}.pk-result.is-lost .pk-result-pay{color:var(--text-secondary)}.pk-result-line.is-done .pk-result-mult{animation:.38s cubic-bezier(.3,1.6,.5,1) pk-thump}.pk-result.is-big .pk-result-line.is-done{animation:.5s cubic-bezier(.3,1.6,.5,1) pk-thump-big}@keyframes pk-thump{40%{transform:scale(1.18)}}@keyframes pk-thump-big{30%{transform:scale(1.12)rotate(-1.5deg)}60%{transform:scale(1.05)rotate(1deg)}}.pk-sparks{z-index:0;pointer-events:none;width:0;height:0;position:absolute;top:42%;left:50%}.pk-sparks i{background:linear-gradient(180deg, #fff, var(--pk-c));width:4px;height:18px;box-shadow:0 0 10px var(--pk-c);transform:rotate(var(--a)) translateY(0);opacity:0;animation:pk-spark .85s cubic-bezier(.15, .7, .3, 1) calc(50ms + var(--d)) both;border-radius:4px;position:absolute;top:-9px;left:-2px}.pk-result.is-big .pk-sparks i{--far:-240px;animation-duration:1.2s}@keyframes pk-spark{0%{transform:rotate(var(--a)) translateY(-40px) scaleY(.4);opacity:0}15%{opacity:1}to{transform:rotate(var(--a)) translateY(var(--far,-170px)) scaleY(1.2);opacity:0}}.pk-packs{z-index:2;grid-template-columns:repeat(5,minmax(0,1fr));justify-self:center;gap:6px;width:100%;max-width:560px;display:grid;position:relative}.pk-pick{cursor:pointer;min-width:0;font:inherit;color:var(--text-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .18s var(--ease-out), box-shadow .18s;background:#06100bb8;border:0;border-radius:12px;justify-items:center;gap:2px;padding:6px 4px 7px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.pk-pick .pk-pack{width:78%;transition:transform .25s var(--ease-out)}.pk-pick b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:800;overflow:hidden}.pk-pick small{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:800}.pk-pick.is-on{box-shadow:inset 0 0 0 2px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-raised))}.pk-pick.is-on .pk-pack{animation:2.2s ease-in-out infinite pk-pick-bob;transform:translateY(-3px)scale(1.06)}.pk-pick:disabled{opacity:.6;cursor:default}@keyframes pk-pick-bob{0%,to{transform:translateY(-3px)scale(1.06)}50%{transform:translateY(-6px)scale(1.06)}}@media (hover:hover){.pk-pick:not(:disabled):hover{transform:translateY(-2px)}}.mg-main:has(.pk-cta){flex-direction:column;gap:2px;padding-block:8px}.mg-main:has(.pk-cta) small{opacity:.8;font-size:13px}.pk-fast{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;justify-self:start;align-items:center;gap:8px;display:inline-flex}.pk-fast input{accent-color:var(--accent);width:16px;height:16px}.pk-odds{background:color-mix(in srgb, var(--bg-raised) 85%, #000 10%);border-radius:12px;gap:2px;padding:8px;display:grid}.pk-odds-head,.pk-odds-row{grid-template-columns:1fr auto 56px;align-items:center;gap:10px;padding:4px 6px;font-size:12px;display:grid}.pk-odds-head{color:var(--text-tertiary,var(--text-secondary));text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.pk-odds-head span:nth-child(n+2),.pk-odds-row>:nth-child(n+2){text-align:right}.pk-odds-row{border-radius:8px}.pk-odds-row>span:first-child{align-items:center;gap:8px;font-weight:700;display:inline-flex}.pk-odds-row i{background:var(--pk-c);width:10px;height:10px;box-shadow:0 0 8px color-mix(in srgb, var(--pk-c) 70%, transparent);border-radius:3px}.pk-odds-row b{color:var(--pk-c);font-weight:900}.pk-odds-row:nth-child(2){background:color-mix(in srgb, var(--pk-c) 10%, transparent)}@media (prefers-reduced-motion:reduce){.pk-rays:before,.pk-rays:after,.pk-hero,.pk-hero:before,.pk-pack-foil,.pk-chip,.pk-card,.pk-card:before,.pk-result-line,.pk-result-mult,.pk-pick.is-on .pk-pack,.pk-flash{animation:none!important}.pk-sparks{display:none}}@media (max-width:520px){.pk-stage{gap:var(--space-2);padding:var(--space-3)}.pk-arena{min-height:236px}.pk-hero{width:min(36vw,148px)}.pk-card{width:176px;height:190px;min-height:0}.pk-card.is-real>*{flex:none;scale:.746}.pk-result{gap:var(--space-1)}.pk-result-line{gap:10px;padding:4px 14px 4px 16px}.pk-result-mult{font-size:32px}.pk-result-pay{padding-left:10px;font-size:18px}.pk-sparks i{--far:-130px}.pk-result.is-big .pk-sparks i{--far:-170px}.pk-packs{gap:4px}.pk-pick{padding-inline:1px}}@container (max-width:120px){.pk-pack-draw small{display:none}}