.pkc{--pkc-font:var(--font-plus-jakarta,"Plus Jakarta Sans"),"Poppins",sans-serif;position:fixed;inset:0;z-index:2000;display:grid;place-items:center;overflow:hidden;background:#04050e;font-family:var(--pkc-font)}.pkc-galaxy{position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 42%,color-mix(in srgb,var(--acc,#6f7cf5) 18%,transparent),transparent 70%),radial-gradient(45% 40% at 72% 68%,color-mix(in srgb,var(--acc2,#ff4d6d) 11%,transparent),transparent 70%),#04050e;transition:filter .6s ease}.pkc-galaxy--dim{filter:brightness(.55)}.pkc-nebula{position:absolute;inset:-30%;background:radial-gradient(38% 28% at 38% 44%,color-mix(in srgb,var(--acc,#6f7cf5) 24%,transparent),transparent 70%),radial-gradient(30% 24% at 64% 56%,color-mix(in srgb,var(--acc2,#ff4d6d) 15%,transparent),transparent 70%);filter:blur(44px);animation:pkc-nebula-spin 36s linear infinite}@keyframes pkc-nebula-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.12)}to{transform:rotate(1turn) scale(1)}}.pkc-vignette{position:absolute;inset:0;background:radial-gradient(85% 70% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%);pointer-events:none}.pkc-star{position:absolute;border-radius:50%;background:#fff;animation:pkc-twinkle ease-in-out infinite}@keyframes pkc-twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.95;transform:scale(1.15)}}.pkc-mote{position:absolute;bottom:-8px;border-radius:50%;background:rgba(255,255,255,.5);filter:blur(1px);animation:pkc-rise linear infinite}@keyframes pkc-rise{0%{transform:translateY(0);opacity:0}12%{opacity:.8}85%{opacity:.25}to{transform:translateY(-90vh);opacity:0}}.pkc-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.pkc-pack{position:relative;width:min(300px,64vw);aspect-ratio:3/4;border:none;background:none;padding:0;cursor:pointer;animation:pkc-hover 4.5s ease-in-out infinite}@keyframes pkc-hover{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}.pkc-pack__inner{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border:1px solid rgba(255,255,255,.24);background:radial-gradient(110% 80% at 75% 5%,color-mix(in srgb,var(--acc) 58%,transparent),transparent 60%),radial-gradient(100% 80% at 15% 100%,color-mix(in srgb,var(--acc2) 48%,transparent),transparent 60%),linear-gradient(160deg,#1b2150,#0c102e);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 50px color-mix(in srgb,var(--acc) 35%,transparent);transition:box-shadow .8s ease;animation:pkc-pack-rotate 8s ease-in-out infinite}@keyframes pkc-pack-rotate{0%,to{transform:perspective(900px) rotateY(-8deg)}50%{transform:perspective(900px) rotateY(8deg)}}.pkc-pack--charged .pkc-pack__inner{box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 80px color-mix(in srgb,var(--acc) 80%,transparent),0 0 150px color-mix(in srgb,var(--acc2) 50%,transparent);animation:pkc-pack-rotate 8s ease-in-out infinite,pkc-pulse 1.25s ease-in-out infinite}@keyframes pkc-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.32)}}.pkc-pack__foil{position:absolute;inset:0;background:conic-gradient(from 200deg at 50% 50%,rgba(255,99,132,.13),rgba(255,205,86,.1),rgba(75,222,192,.12),rgba(54,162,235,.13),rgba(153,102,255,.14),rgba(255,99,132,.13));mix-blend-mode:screen;animation:pkc-foil-shift 7s ease-in-out infinite alternate}@keyframes pkc-foil-shift{0%{transform:rotate(0deg) scale(1.4);opacity:.6}to{transform:rotate(40deg) scale(1.7);opacity:1}}.pkc-pack__shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 48%,transparent 62%);background-size:240% 100%;animation:pkc-shine 3.2s ease-in-out infinite}@keyframes pkc-shine{0%{background-position:130% 0}60%,to{background-position:-110% 0}}.pkc-pack__frame{position:absolute;inset:10px;border-radius:18px;border:1px solid rgba(255,255,255,.18);pointer-events:none}.pkc-pack__frame:after,.pkc-pack__frame:before{content:"";position:absolute;width:22px;height:22px;border:2px solid rgba(255,255,255,.55)}.pkc-pack__frame:before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:16px}.pkc-pack__frame:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:16px}.pkc-pack__emblem{position:relative;filter:drop-shadow(0 0 16px rgba(255,255,255,.5))}.pkc-pack__name{position:relative;font-family:var(--pkc-font);font-size:1.2rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 0 20px color-mix(in srgb,var(--acc) 85%,transparent)}.pkc-hint{margin-top:36px;color:rgba(255,255,255,.78);font-size:.95rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;animation:pkc-hint-pulse 1.6s ease-in-out infinite}@keyframes pkc-hint-pulse{0%,to{opacity:.45}50%{opacity:1}}.pkc-flash{inset:0;z-index:5;background:#fff}.pkc-flash,.pkc-shockwave{position:absolute;pointer-events:none}.pkc-shockwave{width:220px;height:220px;border-radius:50%;border:3px solid}.pkc-caption{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:30px}.pkc-caption__pack{font-family:var(--pkc-font);font-size:1.1rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}.pkc-caption__sub{font-size:.72rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.45);animation:pkc-hint-pulse 1.4s ease-in-out infinite}.pkc-reel{position:relative;width:100%;padding:60px 0;overflow:hidden}.pkc-streaks{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 26px,rgba(255,255,255,.045) 26px 28px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);animation:pkc-streaks-fly .5s linear infinite;opacity:1;transition:opacity .5s ease;pointer-events:none}@keyframes pkc-streaks-fly{0%{transform:translateX(0)}to{transform:translateX(-180px)}}.pkc-streaks.is-done{opacity:0}.pkc-reel__strip{display:flex;align-items:stretch;will-change:transform}.pkc-reel__fade{position:absolute;top:0;bottom:0;width:24%;z-index:3;pointer-events:none}.pkc-reel__fade--l{left:0;background:linear-gradient(90deg,#04050e,transparent)}.pkc-reel__fade--r{right:0;background:linear-gradient(-90deg,#04050e,transparent)}.pkc-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:178px;height:calc(100% - 84px);z-index:4;border-radius:24px;border:2.5px solid var(--acc,#fff);box-shadow:0 0 26px color-mix(in srgb,var(--acc,#fff) 60%,transparent),inset 0 0 30px color-mix(in srgb,var(--acc,#fff) 14%,transparent);pointer-events:none;animation:pkc-frame-breathe 1.6s ease-in-out infinite}@keyframes pkc-frame-breathe{0%,to{box-shadow:0 0 18px color-mix(in srgb,var(--acc,#fff) 45%,transparent),inset 0 0 24px color-mix(in srgb,var(--acc,#fff) 10%,transparent)}50%{box-shadow:0 0 34px color-mix(in srgb,var(--acc,#fff) 75%,transparent),inset 0 0 36px color-mix(in srgb,var(--acc,#fff) 18%,transparent)}}.pkc-frame:after,.pkc-frame:before{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:11px solid transparent;border-right:11px solid transparent}.pkc-frame:before{top:-20px;border-top:13px solid var(--acc,#fff)}.pkc-frame:after,.pkc-frame:before{filter:drop-shadow(0 0 8px var(--acc,#fff))}.pkc-frame:after{bottom:-20px;border-bottom:13px solid var(--acc,#fff)}.pkc-reel--landed .pkc-frame{animation:pkc-frame-hit .6s ease-out forwards}@keyframes pkc-frame-hit{0%{box-shadow:0 0 26px color-mix(in srgb,var(--acc,#fff) 60%,transparent);transform:translate(-50%,-50%) scale(1)}30%{box-shadow:0 0 70px var(--acc,#fff),0 0 130px color-mix(in srgb,var(--acc,#fff) 70%,transparent);transform:translate(-50%,-50%) scale(1.05)}to{box-shadow:0 0 30px color-mix(in srgb,var(--acc,#fff) 70%,transparent);transform:translate(-50%,-50%) scale(1)}}.pkc-card{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px 14px;border-radius:18px;background:radial-gradient(120% 60% at 50% 0,color-mix(in srgb,var(--rar,#9aa0ae) 16%,transparent),transparent 60%),linear-gradient(175deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--rar,#9aa0ae) 50%,transparent)}.pkc-card__rar{font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rar,#9aa0ae);text-shadow:0 0 10px var(--rar,#9aa0ae)}.pkc-card__art{position:relative;display:grid;place-items:center;height:104px}.pkc-card__halo{position:absolute;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rar,#9aa0ae) 30%,transparent),transparent 65%)}.pkc-card__art>:last-child{position:relative}.pkc-card__art :is(svg,.kepler3d){height:100%!important;width:auto!important;max-width:100%}.pkc-card__bar{width:72%;height:4px;border-radius:999px;background:var(--rar,#9aa0ae);box-shadow:0 0 10px var(--rar,#9aa0ae)}.pkc-card__label{font-size:.74rem;color:rgba(255,255,255,.82);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pkc-card--hit{animation:pkc-card-hit .6s cubic-bezier(.2,.9,.3,1.4);border-color:var(--rar,#fff)}@keyframes pkc-card-hit{0%{filter:brightness(1.1)}35%{filter:brightness(2.1)}to{filter:brightness(1.14)}}.pkc-reveal{gap:6px}.pkc-spotlight{top:0;transform:translateX(-50%);width:min(560px,90vw);height:78%;background:linear-gradient(180deg,color-mix(in srgb,var(--rar,#fff) 28%,transparent),transparent 80%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);opacity:.55}.pkc-rays,.pkc-spotlight{position:absolute;left:50%;pointer-events:none}.pkc-rays{top:50%;width:1100px;height:1100px;transform:translate(-50%,-55%);background:repeating-conic-gradient(color-mix(in srgb,var(--rar,#fff) 15%,transparent) 0deg 9deg,transparent 9deg 24deg);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.85),transparent 62%);mask-image:radial-gradient(circle,rgba(0,0,0,.85),transparent 62%);animation:pkc-rays-spin 26s linear infinite}@keyframes pkc-rays-spin{to{transform:translate(-50%,-55%) rotate(1turn)}}.pkc-burst-dot{position:absolute;top:48%;left:50%;border-radius:50%;pointer-events:none;box-shadow:0 0 12px currentColor}.pkc-rarity{font-family:var(--pkc-font);font-size:clamp(1.5rem,4.5vw,2.7rem);font-weight:800;text-transform:uppercase;z-index:3}.pkc-itemname{color:#fff;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:800;margin:2px 0 10px;z-index:3}.pkc-showcase{display:flex;align-items:center;gap:clamp(20px,6vw,72px);z-index:3}.pkc-item-pedestal{position:relative;display:grid;place-items:center;padding:30px 34px 42px;border-radius:28px;background:radial-gradient(80% 70% at 50% 30%,color-mix(in srgb,var(--rar,#fff) 15%,transparent),transparent 75%)}.pkc-ring{position:absolute;top:50%;left:50%;width:230px;height:230px;margin:-115px 0 0 -115px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--rar,#fff) 55%,transparent);animation:pkc-ring-spin 16s linear infinite;pointer-events:none}.pkc-ring--2{width:280px;height:280px;margin:-140px 0 0 -140px;border-style:dotted;opacity:.55;animation-direction:reverse;animation-duration:24s}@keyframes pkc-ring-spin{to{transform:rotate(1turn)}}.pkc-pedestal-disc{position:absolute;bottom:12px;width:72%;height:18px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--rar,#fff) 50%,transparent),transparent 70%);filter:blur(4px)}.pkc-onyou{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 22px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px)}.pkc-onyou__label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)}.pkc-actions{display:flex;gap:14px;margin-top:26px;z-index:3}.pkc-btn{padding:13px 34px;border-radius:999px;border:none;font-family:var(--pkc-font);font-size:.92rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .15s ease,box-shadow .25s ease,opacity .2s ease}.pkc-btn--equip{color:#fff;background:linear-gradient(92deg,var(--rar,#6200ea),color-mix(in srgb,var(--rar,#6200ea) 60%,#fff 12%));box-shadow:0 0 28px color-mix(in srgb,var(--rar,#6200ea) 50%,transparent)}.pkc-btn--equip:hover:not(:disabled){transform:translateY(-2px)}.pkc-btn--equip:disabled{opacity:.75;cursor:default}.pkc-btn--ghost{color:rgba(255,255,255,.85);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2)}.pkc-btn--ghost:hover{background:rgba(255,255,255,.14)}@media (max-width:640px){.pkc-showcase{flex-direction:column;gap:14px}.pkc-onyou{flex-direction:row;padding:12px 16px}}@media (prefers-reduced-motion:reduce){.pkc-frame,.pkc-mote,.pkc-nebula,.pkc-pack,.pkc-pack__foil,.pkc-pack__inner,.pkc-pack__shine,.pkc-rays,.pkc-ring,.pkc-streaks{animation:none!important}}