/* GENERATED by bin/build-pack-open-css.php - do not edit by hand. */
@property --tc{syntax:"<color>";inherits:true;initial-value:#d9935a}
@property --tc2{syntax:"<color>";inherits:true;initial-value:#6b3f1d}
@property --tl{syntax:"<number>";inherits:true;initial-value:0}
.pkx{--pa:#7c5cff;--pb:#2fd4ff;--t0:#d9935a;--u0:#6b3f1d;--t1:#dfe6ef;--u1:#7d8aa0;--t2:#b57bff;--u2:#5b1bb5;--t3:#ffd24d;--u3:#b87a00;--t4:#ff4d63;--u4:#8a0f2a;--t5:#46d6ff;--u5:#ff5fa2;--t6:#ffd98a;--u6:#ff5fa2;position:fixed;inset:0;z-index:300;overflow:hidden;container-type:size;isolation:isolate;background:#050409;color:#fff;font-family:var(--body);-webkit-tap-highlight-color:transparent}
.pkx.pkx{animation:none;margin:0}
.pkx,.pkx *{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.pkx img{-webkit-user-drag:none;user-drag:none}
.pkx-in{position:absolute;left:50%;bottom:.4rem;width:1px;height:1px;opacity:0;z-index:50;margin:0}
.pkx-in:focus-visible{opacity:1;width:1.5rem;height:1.5rem;outline:2px solid var(--gold)}
.pkx .tcard span{display:block}
.pkx .tc-nums span{display:inline-flex}
.pkx .cd{display:none;position:absolute;inset:0;z-index:3;--b:.25s;--s1:1.5s;--s2:2.35s;--s3:3.1s;--s4:3.75s;--s5:4.3s;--s6:4.8s}
.pkx #pkx-t:checked + .cd{display:block;--b:1.95s}
.pkx .a:checked + .cd{display:block;background:#050409}
.pkx .cd:has(+ .a:checked){display:none}
.pkx #pkx-skip:checked ~ .cd{display:none!important}
.pkx .sum{display:none;z-index:35}
.pkx .a.last:checked ~ .sum,.pkx #pkx-skip:checked ~ .sum{display:flex}
.pkx-top{position:absolute;z-index:40;left:0;right:0;top:0;display:flex;align-items:center;gap:1rem;padding:.8rem max(1rem,env(safe-area-inset-right)) .8rem max(1rem,env(safe-area-inset-left));padding-top:max(.8rem,env(safe-area-inset-top));background:linear-gradient(#000a,#0000);pointer-events:none}
.pkx-x,.pkx-skip{pointer-events:auto;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:1px solid #ffffff47;background:#00000059;color:#fff;font:700 .7rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:2px}
.pkx-x:hover,.pkx-skip:hover{border-color:var(--gold);color:var(--gold2)}
.pkx-x .ico{width:.9rem;height:.9rem}
.pkx-title{flex:1;min-width:0;text-align:center;font:400 1.35rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 12px color-mix(in srgb,var(--pb) 70%,transparent)}
.pkx-skip{display:none}
.pkx #pkx-t:checked ~ .pkx-top .pkx-skip{display:inline-flex}
.pkx .a.last:checked ~ .pkx-top .pkx-skip,.pkx #pkx-skip:checked ~ .pkx-top .pkx-skip{display:none}
.pkx .shelf{position:absolute;inset:0;z-index:2}
.pkx .shbg{position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 40%,color-mix(in srgb,var(--pa) 34%,#0a0813) 0,#0a0813 62%,#050409 100%),radial-gradient(120% 90% at 50% 125%,color-mix(in srgb,var(--pb) 24%,transparent),transparent 60%)}
.pkx .shbg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(#0000,#000a),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 80px)}
.pkx .packwrap{position:absolute;left:50%;top:41%;translate:-50% -50%;width:min(52cqw,31cqh);aspect-ratio:5/8}
.pkx .hum{position:absolute;left:50%;bottom:-9%;width:120%;height:12%;translate:-50% 0;background:radial-gradient(closest-side,#000c,#0000);}
.pkx .pack{position:absolute;inset:0;display:block;cursor:pointer;animation:pkhover 5.5s ease-in-out infinite;transition:scale .3s}
.pkx .pack:hover{scale:1.035}
.pkx .pack .half{position:absolute;inset:0;display:block;transform-origin:50% 22%}
.pkx .seam{position:absolute;left:-30%;right:-30%;top:calc(22% - 1px);height:4px;background:linear-gradient(90deg,#0000,#fff 22%,#fff 78%,#0000);box-shadow:0 0 12px 2px var(--pb);will-change:transform,opacity;scale:0 1;opacity:0;z-index:5;pointer-events:none}
.pkx .bloom{position:absolute;inset:0;background:radial-gradient(circle at 50% 41%,#fff 0,color-mix(in srgb,var(--pb) 50%,#ffe08a) 22%,#0000 64%);opacity:0;z-index:4;pointer-events:none}
.pkx .sh-ui{position:absolute;left:0;right:0;bottom:4%;display:grid;justify-items:center;gap:.8rem;z-index:3;text-align:center;padding:0 1rem}
.pkx .sh-ui h2{margin:0;font:400 clamp(1.6rem,4.4cqh,2.6rem)/1 var(--display);letter-spacing:.2em;padding-left:.2em;text-transform:uppercase;color:#fff}
.pkx .sh-ui p{margin:0;color:#b4afd0;font-size:.78rem;letter-spacing:.06em}
.pkx-open{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2.2rem;font:800 .8rem/1 var(--body);letter-spacing:.3em;padding-left:2.5rem;text-transform:uppercase;color:#1a1100;border-radius:2px;cursor:pointer;background:linear-gradient(180deg,#ffe9a8,#f2b53f);box-shadow:0 0 28px #f2b53f55;transition:filter .2s,scale .2s}
.pkx-open:hover{filter:brightness(1.12);scale:1.03}
.pkx #pkx-t:checked ~ .shelf .pack{animation:pkshiver .5s linear both;pointer-events:none}
.pkx #pkx-t:checked ~ .shelf .half.up{animation:pkpeel 1.05s cubic-bezier(.4,0,.9,.5) .42s forwards}
.pkx #pkx-t:checked ~ .shelf .half.dn{animation:pksink 1.2s cubic-bezier(.5,0,.8,.4) .5s forwards}
.pkx #pkx-t:checked ~ .shelf .seam{animation:pkseam 1.35s .3s ease-out forwards}
.pkx #pkx-t:checked ~ .shelf .bloom{animation:pkbloom 1.1s .75s ease-in both}
.pkx #pkx-t:checked ~ .shelf .sh-ui{animation:pkuiout .3s forwards;pointer-events:none}
.pkx #pkx-t:checked ~ .shelf{animation:pkshelfout .5s 1.95s forwards}
@keyframes pkhover{0%,100%{translate:0 0;rotate:-.6deg}50%{translate:0 -2.2%;rotate:.6deg}}
@keyframes pkshiver{0%{translate:0 0}10%{translate:-1.2% .4%}20%{translate:1.4% -.5%}30%{translate:-1.6% .3%}40%{translate:1.8% .5%}55%{translate:-2% -.3%}70%{translate:2% .4%}85%{translate:-1% 0}100%{translate:0 0}}
@keyframes pkpeel{0%{transform:none;opacity:1}28%{transform:translate(2%,-6%) rotate(-4deg)}100%{transform:translate(38%,-110%) rotate(28deg);opacity:0}}
@keyframes pksink{0%{transform:none;opacity:1}30%{transform:translateY(-1%)}100%{transform:translateY(7%) scale(1.12);opacity:0;}}
@keyframes pkseam{0%{scale:0 1;opacity:0}20%{scale:1 1;opacity:1}60%{scale:1.1 2;opacity:1}100%{scale:1.3 1;opacity:0}}
@keyframes pkbloom{0%{opacity:0;scale:.4}60%{opacity:1}100%{opacity:1;scale:2.2}}
@keyframes pkuiout{to{opacity:0}}
@keyframes pkshelfout{to{opacity:0;visibility:hidden}}
.pkx .scene{position:absolute;inset:0;overflow:hidden;--tc:var(--t0);--tc2:var(--u0);--tl:0;--d:calc(var(--b) + var(--ls));--ant:calc(var(--T) - var(--ls) - .28s);--at:calc(var(--b) + var(--T))}
.pkx .room{position:absolute;inset:0;background:radial-gradient(90% 72% at 50% 46%,#171229,#06050c 74%);opacity:0;animation:pkroomin .5s calc(var(--b) - .25s) forwards}
.pkx .room::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 46% at 50% 100%,color-mix(in srgb,var(--tc) calc(10% + var(--tl) * 4%),transparent),transparent 70%)}
.pkx .cam{position:absolute;inset:-3%;z-index:5}
.pkx .cam>*{position:absolute}
.pkx .floor{left:50%;top:84%;width:96cqw;aspect-ratio:1;translate:-50% -50%;rotate:-12deg;scale:1 .2;opacity:0;animation:pkfloorin 1.1s calc(var(--b) + .1s) ease-out forwards}
.pkx .floor>i{position:absolute;border-radius:50%}
.pkx .rim{inset:0;border:.55cqw solid var(--tc);box-shadow:0 0 5cqw var(--tc),inset 0 0 7cqw var(--tc2)}
.pkx .rn1{inset:5%;background:repeating-conic-gradient(var(--tc) 0 2deg,#0000 2deg 9deg);-webkit-mask:radial-gradient(circle,#0000 62%,#000 63% 73%,#0000 74%);mask:radial-gradient(circle,#0000 62%,#000 63% 73%,#0000 74%);animation:pkspin 40s linear infinite}
.pkx .rn2{inset:20%;background:repeating-conic-gradient(var(--tc2) 0 5deg,#0000 5deg 15deg);-webkit-mask:radial-gradient(circle,#0000 58%,#000 59% 77%,#0000 78%);mask:radial-gradient(circle,#0000 58%,#000 59% 77%,#0000 78%);animation:pkspin 30s linear infinite reverse;opacity:.9}
.pkx .rn3{inset:34%;border:.35cqw dashed var(--tc);opacity:clamp(0,calc(var(--tl) - 1),1);animation:pkspin 20s linear infinite}
.pkx .rn4{inset:-7%;border:.3cqw solid var(--tc);opacity:clamp(0,calc((var(--tl) - 3) * .8),.8);box-shadow:0 0 6cqw var(--tc)}
.pkx .sg{inset:41%;background:repeating-conic-gradient(var(--tc) 0 3deg,#0000 3deg 30deg);-webkit-mask:radial-gradient(circle,#0000 30%,#000 32%,#000 100%);mask:radial-gradient(circle,#0000 30%,#000 32%,#000 100%);opacity:calc(.3 + var(--tl) * .12);animation:pkspin 12s linear infinite reverse}
.pkx .col{left:50%;bottom:15%;width:30cqh;height:68cqh;translate:-50% 0;background:linear-gradient(0deg,var(--tc),#0000 88%);-webkit-mask:linear-gradient(90deg,#0000,#000 32%,#000 68%,#0000);mask:linear-gradient(90deg,#0000,#000 32%,#000 68%,#0000);transform-origin:50% 100%;scale:1 calc(.45 + var(--tl) * .11);opacity:0;animation:pkcolin 1s calc(var(--b) + .25s) forwards}
.pkx .conv{inset:0;pointer-events:none;animation:pkconvoff .3s calc(var(--b) + var(--T)) forwards}
.pkx .conv i{position:absolute;left:50%;top:46%;width:.8cqh;height:.8cqh;border-radius:50%;background:#fff;box-shadow:0 0 1.4cqh .3cqh var(--tc);opacity:0;animation:pkconv 1.1s linear calc(var(--b) + .9s + var(--cd)) infinite}
@keyframes pkroomin{to{opacity:1}}
@keyframes pkfloorin{to{opacity:1;rotate:0deg}}
@keyframes pkspin{to{rotate:360deg}}
@keyframes pkcolin{to{opacity:calc(.1 + var(--tl) * .05)}}
@keyframes pkconv{0%{opacity:0;translate:var(--x) var(--y);scale:1.3}20%{opacity:1}100%{opacity:0;translate:0 0;scale:.2}}
@keyframes pkconvoff{to{opacity:0}}
.pkx .cwrap{left:50%;top:46%;width:min(60cqw,41cqh);translate:-50% -50%;z-index:3;opacity:0;animation:pkrise 1.3s calc(var(--b) + .3s) cubic-bezier(.2,.9,.3,1) both}
.pkx .aura{position:absolute;left:50%;top:50%;width:190%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,var(--tc) 0,color-mix(in srgb,var(--tc2) 70%,transparent) 30%,#0000 64%);opacity:calc(.2 + var(--tl) * .07);scale:calc(.7 + var(--tl) * .1)}
.pkx .motes{position:absolute;inset:0;pointer-events:none;animation:pkspin 8s linear infinite;z-index:-1}
.pkx .motes u{position:absolute;left:50%;top:50%;width:.9cqh;height:.9cqh;margin:-.45cqh;border-radius:50%;background:#fff;box-shadow:0 0 1.6cqh .4cqh var(--tc);opacity:clamp(0,calc(var(--tl) * .22 - .02),1)}
.pkx .bob{transform-style:preserve-3d;animation:pkbob 5s ease-in-out infinite}
.pkx .turn{position:relative;aspect-ratio:5/7;width:100%;transform-style:preserve-3d;animation:pkflip 1.05s calc(var(--b) + var(--T)) cubic-bezier(.3,.9,.3,1) forwards}
.pkx .back,.pkx .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.pkx .face{rotate:y 180deg;display:block;container-type:inline-size;--tc:#fff;--tc2:#fff;--tl:0}
.pkx .face .tcw,.pkx .face .tcard{width:100%}
.pkx .back{animation:pkbackoff .01s calc(var(--b) + var(--T) + .5s) forwards;border-radius:6%/4.3%;overflow:hidden;background:repeating-conic-gradient(at 50% 50%,#0e0c1a 0 8deg,#181427 8deg 16deg);box-shadow:0 0 calc(2cqh + var(--tl) * 1.4cqh) var(--tc),inset 0 0 0 .5cqh var(--tc)}
.pkx .back::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--tc) 30%,transparent),transparent 62%)}
.pkx .bd{position:absolute;inset:3.4%;border:.3cqh solid var(--tc);border-radius:4%/3%;opacity:.85}
.pkx .em{position:absolute;display:block;left:50%;top:48%;width:44%;aspect-ratio:1;translate:-50% -50%;background:var(--tc);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:1}
.pkx .em::before{content:"";position:absolute;inset:3.5%;background:#0e0c1a;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.pkx .em::after{content:"";position:absolute;inset:27%;background:var(--tc);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.pkx .back span{position:absolute;left:0;right:0;bottom:7%;text-align:center;font:400 3.2cqh/1 var(--display);letter-spacing:.35em;padding-left:.35em;color:var(--tc);z-index:1}
@keyframes pkrise{from{opacity:0;translate:-50% -14%;scale:.72}to{opacity:1;translate:-50% -50%;scale:1}}
@keyframes pkbob{0%,100%{translate:0 0;rotate:y -7deg}50%{translate:0 -2.2%;rotate:y 7deg}}
@keyframes pkbackoff{to{visibility:hidden}}
@keyframes pkflip{0%{rotate:y 0deg;scale:1}45%{rotate:y 98deg;scale:1.1}100%{rotate:y 180deg;scale:1}}
.pkx .bolt{left:50%;top:0;width:100cqh;height:100cqh;translate:-50% 0;opacity:0;overflow:visible;pointer-events:none;z-index:6}
.pkx .bolt path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1}
.pkx .bolt .gl{stroke:var(--bc);stroke-width:3.2;opacity:.45}
.pkx .bolt .co{stroke:#fff;stroke-width:.7}
.pkx .bolt .br.co{stroke-width:.4}
.pkx .hf{inset:0;background:radial-gradient(circle at 50% 46%,#fff 0,var(--tc) 34%,#0000 76%);opacity:0;z-index:7;pointer-events:none}
.pkx .sw,.pkx .fin.sw0{left:50%;top:84%;width:96cqw;aspect-ratio:1;translate:-50% -50%;scale:.05 .01;border-radius:50%;border:.9cqw solid var(--hc,var(--tc));box-shadow:0 0 4cqw var(--hc,var(--tc)),inset 0 0 4cqw var(--hc,var(--tc));opacity:0;z-index:2;pointer-events:none}
.pkx .rv,.pkx .fin.rv0{left:50%;top:46%;width:44cqh;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:.5cqh solid #fff;box-shadow:0 0 3cqh var(--hc,var(--tc));opacity:0;z-index:4;pointer-events:none}
.pkx .spk{left:50%;top:46%;width:0;height:0;z-index:6}
.pkx .spk u{position:absolute;width:.7cqh;height:.7cqh;border-radius:50%;background:#fff;box-shadow:0 0 1cqh .3cqh var(--sc);opacity:0}
@keyframes pkdraw{to{stroke-dashoffset:0}}
@keyframes pkbolt{0%{opacity:1}24%{opacity:1}28%{opacity:.15}34%{opacity:1}50%{opacity:.4}60%{opacity:.9}100%{opacity:0}}
@keyframes pkhf{0%{opacity:calc(.5 + var(--tl) * .05)}100%{opacity:0}}
@keyframes pksw{0%{opacity:1;scale:.05 .01}100%{opacity:0;scale:1 .2}}
@keyframes pkrv{0%{opacity:.9;scale:.4}100%{opacity:0;scale:3.2}}
@keyframes pksp{0%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:var(--x) var(--y);scale:.3}}
.pkx .fin{pointer-events:none}
.pkx .ff{inset:0;background:radial-gradient(circle at 50% 46%,#fff 0,#fff 22%,color-mix(in srgb,var(--tc) 55%,#fff) 70%,var(--tc) 100%);opacity:0;z-index:8;animation:pkff .75s calc(var(--b) + var(--T)) cubic-bezier(.2,.7,.3,1) forwards}
.pkx .fin.sw0{--hc:var(--tc);animation:pksw 1.4s calc(var(--b) + var(--T) + .05s) ease-out forwards}
.pkx .fin.sw0.b{animation-delay:calc(var(--b) + var(--T) + .25s)}
.pkx .fin.rv0{--hc:var(--tc);animation:pkrvf 1.1s calc(var(--b) + var(--T)) ease-out forwards}
@keyframes pkff{0%{opacity:calc(.3 + var(--tl) * .1)}100%{opacity:0}}
@keyframes pkrvf{0%{opacity:.95;scale:.4}100%{opacity:0;scale:calc(2.5 + var(--tl) * .4)}}
@keyframes pkjoltf{0%{translate:0 0}12%{translate:calc(var(--tl) * -1.6px) calc(var(--tl) * 1.2px)}26%{translate:calc(var(--tl) * 1.6px) calc(var(--tl) * -1.4px)}42%{translate:calc(var(--tl) * -1px) calc(var(--tl) * -.8px)}62%{translate:calc(var(--tl) * .8px) calc(var(--tl) * .6px)}100%{translate:0 0}}
@keyframes pkrumble{0%{translate:0 0}8%{translate:calc(var(--tl) * .9px) calc(var(--tl) * -.7px)}16%{translate:calc(var(--tl) * -1px) calc(var(--tl) * .8px)}24%{translate:calc(var(--tl) * .8px) calc(var(--tl) * .9px)}32%{translate:calc(var(--tl) * -.9px) calc(var(--tl) * -.8px)}40%{translate:calc(var(--tl) * 1px) calc(var(--tl) * .5px)}48%{translate:calc(var(--tl) * -.7px) calc(var(--tl) * .9px)}56%{translate:calc(var(--tl) * .9px) calc(var(--tl) * -.9px)}64%{translate:calc(var(--tl) * -1px) calc(var(--tl) * -.5px)}72%{translate:calc(var(--tl) * .6px) calc(var(--tl) * .8px)}80%{translate:calc(var(--tl) * -.8px) calc(var(--tl) * -.7px)}90%{translate:calc(var(--tl) * .7px) calc(var(--tl) * .4px)}100%{translate:0 0}}
.pkx .burst{left:50%;top:46%;width:150cqh;aspect-ratio:1;translate:-50% -50%;border-radius:50%;opacity:0;z-index:1;background:repeating-conic-gradient(var(--tc) 0 4deg,#0000 4deg 14deg);-webkit-mask:radial-gradient(circle,#000 6%,#0000 62%);mask:radial-gradient(circle,#000 6%,#0000 62%);animation:pkburst 2.4s calc(var(--b) + var(--T)) ease-out forwards,pkspin 20s linear calc(var(--b) + var(--T)) infinite}
.pkx .beam{left:50%;top:0;bottom:0;width:34cqh;translate:-50% 0;background:linear-gradient(90deg,#0000,var(--tc) 32%,#fff 50%,var(--tc) 68%,#0000);opacity:0;scale:0 1;will-change:transform,opacity;z-index:1;animation:pkbeam 1.5s calc(var(--b) + var(--T)) ease-out forwards}
.pkx .dim{inset:0;background:radial-gradient(circle at 50% 46%,#0000 8%,#000e 72%);opacity:0;z-index:2;animation:pkdim 3.2s calc(var(--b) + var(--ls)) ease-in-out forwards}
@keyframes pkburst{0%{opacity:0;scale:.2}22%{opacity:.85}100%{opacity:.22;scale:1}}
@keyframes pkbeam{0%{opacity:1;scale:.05 1}22%{opacity:1;scale:1 1}100%{opacity:0;scale:1.7 1}}
@keyframes pkdim{0%{opacity:0}45%{opacity:1}68%{opacity:1}100%{opacity:0}}
.pkx .tban{left:0;right:0;top:46%;translate:0 -50%;text-align:center;z-index:2;opacity:0;will-change:transform,opacity;pointer-events:none;animation:pkbansweep .85s calc(var(--b) + var(--T) + .1s) cubic-bezier(.2,.8,.2,1) forwards}
.pkx .tban b{display:block;font:400 min(calc(104cqw / var(--n)),30cqh)/1 var(--display);letter-spacing:.1em;padding-left:.1em;color:#ffffff10;-webkit-text-stroke:2px var(--tc);text-shadow:0 0 28px var(--tc)}
.pkx .tban.n4{--n:4}.pkx .tban.n5{--n:5}.pkx .tban.n6{--n:6}.pkx .tban.n7{--n:7}.pkx .tban.n8{--n:8}.pkx .tban.n9{--n:9}
.pkx .tban .stars{display:block;color:var(--tc);font-size:min(2.6cqw,3.6cqh);letter-spacing:.5em;padding-left:.5em;margin-bottom:.5em;text-shadow:0 0 14px var(--tc)}
@keyframes pkbansweep{0%{opacity:0;scale:1.25 1.25}35%{opacity:1}100%{opacity:1;scale:1 1}}
.pkx .fs{pointer-events:none}
.pkx .hud{position:absolute;left:0;right:0;top:4.4rem;display:grid;justify-items:center;gap:.55rem;z-index:9;pointer-events:none;opacity:0;animation:pkhudin .6s calc(var(--b) + .2s) both}
.pkx .pips{display:flex;gap:.7rem}
.pkx .pip{width:.72rem;height:.72rem;rotate:45deg;border:1px solid #ffffff40;background:#0007}
.pkx .pip.p0{background:var(--pc);border-color:var(--pc);box-shadow:0 0 10px var(--pc)}
.pkx .tnames{position:relative;height:1.3rem;width:min(16rem,90vw)}
.pkx .tn{position:absolute;inset:0;text-align:center;font:800 .8rem/1.3rem var(--body);letter-spacing:.46em;padding-left:.46em;text-transform:uppercase;color:var(--tc);text-shadow:0 0 14px var(--tc);opacity:0}
@keyframes pkhudin{to{opacity:1}}
@keyframes pkpip{0%{background:#0007;border-color:#ffffff40;box-shadow:none;scale:1}30%{scale:1.7;background:#fff;border-color:#fff}100%{background:var(--pc);border-color:var(--pc);box-shadow:0 0 12px var(--pc);scale:1}}
@keyframes pktnin{from{opacity:0;translate:0 .45rem}to{opacity:1;translate:0 0}}
@keyframes pktnout{to{opacity:0;translate:0 -.45rem}}
.pkx .cap{position:absolute;left:50%;bottom:10.5%;translate:-50% 0;display:flex;flex-wrap:wrap;gap:.3rem .8rem;align-items:center;justify-content:center;width:max-content;max-width:94%;padding:.5rem 1rem;background:#06050ccc;z-index:9;opacity:0;animation:pkcapin .6s calc(var(--b) + var(--T) + .85s) both}
.pkx .cap b{font:800 1.05rem/1 var(--body);letter-spacing:.04em;color:#fff}
.pkx .cap small{color:#9c98b4;font-size:.8rem}
.pkx .chip.new{border-color:var(--gold);color:var(--gold2)}
.pkx .nx{position:absolute;left:50%;bottom:max(3%,env(safe-area-inset-bottom));translate:-50% 0;z-index:10;display:inline-flex;align-items:center;gap:.9rem;padding:.8rem 1.8rem;font:800 .78rem/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:#fff;border:1px solid #ffffff66;background:#0a0814cc;cursor:pointer;white-space:nowrap;visibility:hidden;opacity:0;animation:pknxin .5s calc(var(--b) + var(--T) + 1.35s) forwards}
.pkx .nx .ico{width:1rem;height:1rem}
.pkx .nx small{color:#9c98b4;letter-spacing:.1em}
.pkx .nx:hover{background:#ffffff1e;border-color:#fff}
@keyframes pkcapin{from{opacity:0;translate:-50% .6rem}to{opacity:1;translate:-50% 0}}
@keyframes pknxin{from{visibility:hidden;opacity:0}to{visibility:visible;opacity:1}}
.pkx .sum{position:absolute;inset:0;flex-direction:column;align-items:center;overflow:auto;background:radial-gradient(80% 60% at 50% 15%,color-mix(in srgb,var(--pa) 30%,#120f22),#06050c 75%);animation:pksumin .6s both;padding:max(4.2rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
.pkx .sum-in{display:grid;gap:1.3rem;justify-items:center;align-content:center;width:100%;margin:auto}
.pkx .sum-head{text-align:center;display:grid;gap:.5rem;justify-items:center}
.pkx .sum-head .kicker{color:#ffe08a;font:800 .68rem/1 var(--body);letter-spacing:.3em;text-transform:uppercase}
.pkx .sum-head h2{margin:0;font:400 clamp(1.8rem,5cqh,3rem)/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.pkx .sum-chips{margin:0;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}
.pkx .sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(96px,14.5cqw,180px)),1fr));gap:clamp(.5rem,1.6cqw,1.1rem);width:100%;max-width:1000px}
.pkx .sc{position:relative;min-width:0;animation:pkscin .7s cubic-bezier(.2,.9,.3,1) both}
.pkx .sc .nw{position:absolute;left:-.3rem;top:-.4rem;z-index:6;padding:.2rem .5rem;background:linear-gradient(180deg,#ffe9a8,#f2b53f);color:#1a1100;font:800 .62rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;rotate:-6deg;pointer-events:none}
.pkx .sum-foot{display:grid;gap:.8rem;justify-items:center;text-align:center}
.pkx .sum-foot p{margin:0}
.pkx .sum-foot .row{justify-content:center}
@keyframes pksumin{from{opacity:0}to{opacity:1}}
@keyframes pkscin{from{opacity:0;translate:0 24px;scale:.92}to{opacity:1;translate:0 0;scale:1}}
@media (max-width:640px){.pkx-x span{display:none}.pkx-title{font-size:1.05rem}.nx{padding:.8rem 1.2rem;letter-spacing:.16em}.cap b{font-size:.95rem}}
@media (max-height:560px){.hud{display:none}.cap{bottom:15%}}
@media (prefers-reduced-motion:reduce){.pkx{--rm:1}.pkx .pack,.pkx .bob,.pkx .motes{animation:none}.pkx .cd{--b:.15s!important}.pkx .scene{--T:.5s!important;--ls:.3s!important;--s1:.05s!important;--s2:.1s!important;--s3:.15s!important;--s4:.2s!important;--s5:.25s!important;--s6:.3s!important}.pkx :is(.fs,.bolt,.hf,.sw,.rv,.spk,.burst,.beam,.dim,.conv,.floor,.col,.tban){display:none!important}.pkx #pkx-t:checked ~ .shelf{animation-delay:.6s}}
body.fx-lite .pkx .cd{--b:.15s!important}
body.fx-lite .pkx .scene{--T:.5s!important;--ls:.3s!important;--s1:.05s!important;--s2:.1s!important;--s3:.15s!important;--s4:.2s!important;--s5:.25s!important;--s6:.3s!important}
body.fx-lite .pkx :is(.fs,.bolt,.hf,.sw,.rv,.spk,.burst,.beam,.dim,.conv,.floor,.col,.tban){display:none!important}
body.fx-lite .pkx #pkx-t:checked ~ .shelf{animation-delay:.6s}
.pkx .cam{will-change:translate}
.pkx .half,.pkx .bloom,.pkx .burst,.pkx .dim,.pkx .hf,.pkx .ff,.pkx .fin,.pkx .rv,.pkx .sw,.pkx .tban{will-change:transform,opacity}
@media (max-width:760px),(hover:none){
.pkx :is(.motes,.conv,.spk,.beam,.hum,.aura,.rn1,.rn2,.sg,.dim){display:none!important}
.pkx .bolt .gl{display:none}
.pkx .back{box-shadow:inset 0 0 0 .5cqh var(--tc)}
.pkx .bob{animation:none}
.pkx .seam{box-shadow:none}
}
.pkx .warm{position:absolute;inset:0;opacity:.02;pointer-events:none;z-index:0;overflow:hidden}
.pkx .warm img{position:absolute;left:0;top:0;width:min(60cqw,41cqh);aspect-ratio:5/7;object-fit:cover}
@media (max-width:760px),(hover:none){
.pkx :is(.sw,.fin.sw0,.rv,.fin.rv0){box-shadow:none}
}
.pkx .face{will-change:transform}
@media (max-width:760px),(hover:none){
.pkx .face :is(.tc-fx,.tc-fxb,.tc-fxin,.tc-sparks,.tc-gloss){display:none!important}
.pkx .face .tc-holo::before{display:none}
.pkx .face .tcard::before{animation:none}
}
@media (max-width:760px),(hover:none){
.pkx #pkx-t:not(:checked) + .cd,.pkx .a:checked + .cd + .a:not(:checked) + .cd{display:block;opacity:.01;pointer-events:none}
.pkx #pkx-t:not(:checked) + .cd *,.pkx .a:checked + .cd + .a:not(:checked) + .cd *{animation-play-state:paused!important}
}
@media (max-width:760px),(hover:none){
.pkx .cd{--b:.9s}
}
@media (max-width:760px),(hover:none){
.pkx .turn{animation:none;transform-style:flat}
.pkx .back{backface-visibility:visible;-webkit-backface-visibility:visible;z-index:1;animation:pkbk 1.05s calc(var(--b) + var(--T)) cubic-bezier(.3,.9,.3,1) forwards}
.pkx .face{rotate:none;backface-visibility:visible;-webkit-backface-visibility:visible;z-index:2;opacity:.02;animation:pkfc 1.05s calc(var(--b) + var(--T)) cubic-bezier(.3,.9,.3,1) forwards}
}
@keyframes pkbk{0%{scale:1 1}45%{scale:0 1.08}100%{scale:0 1.08;visibility:hidden}}
@keyframes pkfc{0%,44.9%{scale:1 1;opacity:.02}45%{scale:0 1.08;opacity:1}100%{scale:1 1;opacity:1}}
@media (max-width:760px),(hover:none){
.pkx :is(.burst,.beam,.dim,.tban,.sw,.fin.sw0,.rv,.fin.rv0,.col,.hf){display:none!important}
.pkx .ff{background:var(--tc)}
}
@keyframes pkup1{from{--tc:var(--t0);--tc2:var(--u0);--tl:0}to{--tc:var(--t1);--tc2:var(--u1);--tl:1}}
@keyframes pkjolt1{0%{translate:0 0}10%{translate:-4px 2px}22%{translate:4px -3px}36%{translate:-2px -2px}52%{translate:2px 2px}72%{translate:-1px 0}100%{translate:0 0}}
.pkx .bk1{--bc:var(--t1);animation:pkbolt .7s calc(var(--b) + var(--s1)) linear forwards}
.pkx .bk1 .gl,.pkx .bk1 .co{animation:pkdraw .1s calc(var(--b) + var(--s1)) cubic-bezier(.3,0,.8,.6) both}
.pkx .bk1 .br{animation-delay:calc(var(--b) + var(--s1) + .07s)}
.pkx .sw1,.pkx .rv1{--hc:var(--t1)}
.pkx .hf1{animation:pkhf .55s calc(var(--b) + var(--s1)) ease-out forwards}
.pkx .sw1{animation:pksw 1s calc(var(--b) + var(--s1)) ease-out forwards}
.pkx .rv1{animation:pkrv .8s calc(var(--b) + var(--s1)) ease-out forwards}
.pkx .spk1{--sc:var(--t1)}
.pkx .spk1 u{animation:pksp .9s calc(var(--b) + var(--s1)) cubic-bezier(.1,.7,.3,1) forwards}
@keyframes pkup2{from{--tc:var(--t1);--tc2:var(--u1);--tl:1}to{--tc:var(--t2);--tc2:var(--u2);--tl:2}}
@keyframes pkjolt2{0%{translate:0 0}10%{translate:-6px 3px}22%{translate:6px -4px}36%{translate:-3px -3px}52%{translate:3px 3px}72%{translate:-2px 0}100%{translate:0 0}}
.pkx .bk2{--bc:var(--t2);animation:pkbolt .7s calc(var(--b) + var(--s2)) linear forwards}
.pkx .bk2 .gl,.pkx .bk2 .co{animation:pkdraw .1s calc(var(--b) + var(--s2)) cubic-bezier(.3,0,.8,.6) both}
.pkx .bk2 .br{animation-delay:calc(var(--b) + var(--s2) + .07s)}
.pkx .sw2,.pkx .rv2{--hc:var(--t2)}
.pkx .hf2{animation:pkhf .55s calc(var(--b) + var(--s2)) ease-out forwards}
.pkx .sw2{animation:pksw 1s calc(var(--b) + var(--s2)) ease-out forwards}
.pkx .rv2{animation:pkrv .8s calc(var(--b) + var(--s2)) ease-out forwards}
.pkx .spk2{--sc:var(--t2)}
.pkx .spk2 u{animation:pksp .9s calc(var(--b) + var(--s2)) cubic-bezier(.1,.7,.3,1) forwards}
@keyframes pkup3{from{--tc:var(--t2);--tc2:var(--u2);--tl:2}to{--tc:var(--t3);--tc2:var(--u3);--tl:3}}
@keyframes pkjolt3{0%{translate:0 0}10%{translate:-8px 4px}22%{translate:8px -5px}36%{translate:-4px -4px}52%{translate:4px 4px}72%{translate:-3px 0}100%{translate:0 0}}
.pkx .bk3{--bc:var(--t3);animation:pkbolt .7s calc(var(--b) + var(--s3)) linear forwards}
.pkx .bk3 .gl,.pkx .bk3 .co{animation:pkdraw .1s calc(var(--b) + var(--s3)) cubic-bezier(.3,0,.8,.6) both}
.pkx .bk3 .br{animation-delay:calc(var(--b) + var(--s3) + .07s)}
.pkx .sw3,.pkx .rv3{--hc:var(--t3)}
.pkx .hf3{animation:pkhf .55s calc(var(--b) + var(--s3)) ease-out forwards}
.pkx .sw3{animation:pksw 1s calc(var(--b) + var(--s3)) ease-out forwards}
.pkx .rv3{animation:pkrv .8s calc(var(--b) + var(--s3)) ease-out forwards}
.pkx .spk3{--sc:var(--t3)}
.pkx .spk3 u{animation:pksp .9s calc(var(--b) + var(--s3)) cubic-bezier(.1,.7,.3,1) forwards}
@keyframes pkup4{from{--tc:var(--t3);--tc2:var(--u3);--tl:3}to{--tc:var(--t4);--tc2:var(--u4);--tl:4}}
@keyframes pkjolt4{0%{translate:0 0}10%{translate:-10px 5px}22%{translate:10px -6px}36%{translate:-5px -5px}52%{translate:5px 5px}72%{translate:-4px 0}100%{translate:0 0}}
.pkx .bk4{--bc:var(--t4);animation:pkbolt .7s calc(var(--b) + var(--s4)) linear forwards}
.pkx .bk4 .gl,.pkx .bk4 .co{animation:pkdraw .1s calc(var(--b) + var(--s4)) cubic-bezier(.3,0,.8,.6) both}
.pkx .bk4 .br{animation-delay:calc(var(--b) + var(--s4) + .07s)}
.pkx .sw4,.pkx .rv4{--hc:var(--t4)}
.pkx .hf4{animation:pkhf .55s calc(var(--b) + var(--s4)) ease-out forwards}
.pkx .sw4{animation:pksw 1s calc(var(--b) + var(--s4)) ease-out forwards}
.pkx .rv4{animation:pkrv .8s calc(var(--b) + var(--s4)) ease-out forwards}
.pkx .spk4{--sc:var(--t4)}
.pkx .spk4 u{animation:pksp .9s calc(var(--b) + var(--s4)) cubic-bezier(.1,.7,.3,1) forwards}
@keyframes pkup5{from{--tc:var(--t4);--tc2:var(--u4);--tl:4}to{--tc:var(--t5);--tc2:var(--u5);--tl:5}}
@keyframes pkjolt5{0%{translate:0 0}10%{translate:-12px 6px}22%{translate:12px -7px}36%{translate:-6px -6px}52%{translate:6px 6px}72%{translate:-5px 0}100%{translate:0 0}}
.pkx .bk5{--bc:var(--t5);animation:pkbolt .7s calc(var(--b) + var(--s5)) linear forwards}
.pkx .bk5 .gl,.pkx .bk5 .co{animation:pkdraw .1s calc(var(--b) + var(--s5)) cubic-bezier(.3,0,.8,.6) both}
.pkx .bk5 .br{animation-delay:calc(var(--b) + var(--s5) + .07s)}
.pkx .sw5,.pkx .rv5{--hc:var(--t5)}
.pkx .hf5{animation:pkhf .55s calc(var(--b) + var(--s5)) ease-out forwards}
.pkx .sw5{animation:pksw 1s calc(var(--b) + var(--s5)) ease-out forwards}
.pkx .rv5{animation:pkrv .8s calc(var(--b) + var(--s5)) ease-out forwards}
.pkx .spk5{--sc:var(--t5)}
.pkx .spk5 u{animation:pksp .9s calc(var(--b) + var(--s5)) cubic-bezier(.1,.7,.3,1) forwards}
@keyframes pkup6{from{--tc:var(--t5);--tc2:var(--u5);--tl:5}to{--tc:var(--t6);--tc2:var(--u6);--tl:6}}
@keyframes pkjolt6{0%{translate:0 0}10%{translate:-14px 7px}22%{translate:14px -8px}36%{translate:-7px -7px}52%{translate:7px 7px}72%{translate:-6px 0}100%{translate:0 0}}
.pkx .bk6{--bc:var(--t6);animation:pkbolt .7s calc(var(--b) + var(--s6)) linear forwards}
.pkx .bk6 .gl,.pkx .bk6 .co{animation:pkdraw .1s calc(var(--b) + var(--s6)) cubic-bezier(.3,0,.8,.6) both}
.pkx .bk6 .br{animation-delay:calc(var(--b) + var(--s6) + .07s)}
.pkx .sw6,.pkx .rv6{--hc:var(--t6)}
.pkx .hf6{animation:pkhf .55s calc(var(--b) + var(--s6)) ease-out forwards}
.pkx .sw6{animation:pksw 1s calc(var(--b) + var(--s6)) ease-out forwards}
.pkx .rv6{animation:pkrv .8s calc(var(--b) + var(--s6)) ease-out forwards}
.pkx .spk6{--sc:var(--t6)}
.pkx .spk6 u{animation:pksp .9s calc(var(--b) + var(--s6)) cubic-bezier(.1,.7,.3,1) forwards}
.pkx .R1{animation:pkup1 .06s steps(1,start) calc(var(--b) + var(--s1)) forwards}
.pkx .R1 .cam{animation:pkrumble 9s var(--b) linear both,pkjolt1 .55s calc(var(--b) + var(--s1)) both,pkjoltf .7s calc(var(--b) + var(--T)) both}
.pkx .R1 .pip.p1{animation:pkpip .4s calc(var(--b) + var(--s1)) forwards}
.pkx .R1 .tn.t0{animation:pktnin .25s var(--b) both,pktnout .2s calc(var(--b) + var(--s1)) forwards}
.pkx .R1 .tn.t1{animation:pktnin .25s calc(var(--b) + var(--s1)) both}
.pkx .R2{animation:pkup1 .06s steps(1,start) calc(var(--b) + var(--s1)) forwards,pkup2 .06s steps(1,start) calc(var(--b) + var(--s2)) forwards}
.pkx .R2 .cam{animation:pkrumble 9s var(--b) linear both,pkjolt1 .55s calc(var(--b) + var(--s1)) both,pkjolt2 .55s calc(var(--b) + var(--s2)) both,pkjoltf .7s calc(var(--b) + var(--T)) both}
.pkx .R2 .pip.p1{animation:pkpip .4s calc(var(--b) + var(--s1)) forwards}
.pkx .R2 .pip.p2{animation:pkpip .4s calc(var(--b) + var(--s2)) forwards}
.pkx .R2 .tn.t0{animation:pktnin .25s var(--b) both,pktnout .2s calc(var(--b) + var(--s1)) forwards}
.pkx .R2 .tn.t1{animation:pktnin .25s calc(var(--b) + var(--s1)) both,pktnout .2s calc(var(--b) + var(--s2)) forwards}
.pkx .R2 .tn.t2{animation:pktnin .25s calc(var(--b) + var(--s2)) both}
.pkx .R3{animation:pkup1 .06s steps(1,start) calc(var(--b) + var(--s1)) forwards,pkup2 .06s steps(1,start) calc(var(--b) + var(--s2)) forwards,pkup3 .06s steps(1,start) calc(var(--b) + var(--s3)) forwards}
.pkx .R3 .cam{animation:pkrumble 9s var(--b) linear both,pkjolt1 .55s calc(var(--b) + var(--s1)) both,pkjolt2 .55s calc(var(--b) + var(--s2)) both,pkjolt3 .55s calc(var(--b) + var(--s3)) both,pkjoltf .7s calc(var(--b) + var(--T)) both}
.pkx .R3 .pip.p1{animation:pkpip .4s calc(var(--b) + var(--s1)) forwards}
.pkx .R3 .pip.p2{animation:pkpip .4s calc(var(--b) + var(--s2)) forwards}
.pkx .R3 .pip.p3{animation:pkpip .4s calc(var(--b) + var(--s3)) forwards}
.pkx .R3 .tn.t0{animation:pktnin .25s var(--b) both,pktnout .2s calc(var(--b) + var(--s1)) forwards}
.pkx .R3 .tn.t1{animation:pktnin .25s calc(var(--b) + var(--s1)) both,pktnout .2s calc(var(--b) + var(--s2)) forwards}
.pkx .R3 .tn.t2{animation:pktnin .25s calc(var(--b) + var(--s2)) both,pktnout .2s calc(var(--b) + var(--s3)) forwards}
.pkx .R3 .tn.t3{animation:pktnin .25s calc(var(--b) + var(--s3)) both}
.pkx .R4{animation:pkup1 .06s steps(1,start) calc(var(--b) + var(--s1)) forwards,pkup2 .06s steps(1,start) calc(var(--b) + var(--s2)) forwards,pkup3 .06s steps(1,start) calc(var(--b) + var(--s3)) forwards,pkup4 .06s steps(1,start) calc(var(--b) + var(--s4)) forwards}
.pkx .R4 .cam{animation:pkrumble 9s var(--b) linear both,pkjolt1 .55s calc(var(--b) + var(--s1)) both,pkjolt2 .55s calc(var(--b) + var(--s2)) both,pkjolt3 .55s calc(var(--b) + var(--s3)) both,pkjolt4 .55s calc(var(--b) + var(--s4)) both,pkjoltf .7s calc(var(--b) + var(--T)) both}
.pkx .R4 .pip.p1{animation:pkpip .4s calc(var(--b) + var(--s1)) forwards}
.pkx .R4 .pip.p2{animation:pkpip .4s calc(var(--b) + var(--s2)) forwards}
.pkx .R4 .pip.p3{animation:pkpip .4s calc(var(--b) + var(--s3)) forwards}
.pkx .R4 .pip.p4{animation:pkpip .4s calc(var(--b) + var(--s4)) forwards}
.pkx .R4 .tn.t0{animation:pktnin .25s var(--b) both,pktnout .2s calc(var(--b) + var(--s1)) forwards}
.pkx .R4 .tn.t1{animation:pktnin .25s calc(var(--b) + var(--s1)) both,pktnout .2s calc(var(--b) + var(--s2)) forwards}
.pkx .R4 .tn.t2{animation:pktnin .25s calc(var(--b) + var(--s2)) both,pktnout .2s calc(var(--b) + var(--s3)) forwards}
.pkx .R4 .tn.t3{animation:pktnin .25s calc(var(--b) + var(--s3)) both,pktnout .2s calc(var(--b) + var(--s4)) forwards}
.pkx .R4 .tn.t4{animation:pktnin .25s calc(var(--b) + var(--s4)) both}
.pkx .R5{animation:pkup1 .06s steps(1,start) calc(var(--b) + var(--s1)) forwards,pkup2 .06s steps(1,start) calc(var(--b) + var(--s2)) forwards,pkup3 .06s steps(1,start) calc(var(--b) + var(--s3)) forwards,pkup4 .06s steps(1,start) calc(var(--b) + var(--s4)) forwards,pkup5 .06s steps(1,start) calc(var(--b) + var(--s5)) forwards}
.pkx .R5 .cam{animation:pkrumble 9s var(--b) linear both,pkjolt1 .55s calc(var(--b) + var(--s1)) both,pkjolt2 .55s calc(var(--b) + var(--s2)) both,pkjolt3 .55s calc(var(--b) + var(--s3)) both,pkjolt4 .55s calc(var(--b) + var(--s4)) both,pkjolt5 .55s calc(var(--b) + var(--s5)) both,pkjoltf .7s calc(var(--b) + var(--T)) both}
.pkx .R5 .pip.p1{animation:pkpip .4s calc(var(--b) + var(--s1)) forwards}
.pkx .R5 .pip.p2{animation:pkpip .4s calc(var(--b) + var(--s2)) forwards}
.pkx .R5 .pip.p3{animation:pkpip .4s calc(var(--b) + var(--s3)) forwards}
.pkx .R5 .pip.p4{animation:pkpip .4s calc(var(--b) + var(--s4)) forwards}
.pkx .R5 .pip.p5{animation:pkpip .4s calc(var(--b) + var(--s5)) forwards}
.pkx .R5 .tn.t0{animation:pktnin .25s var(--b) both,pktnout .2s calc(var(--b) + var(--s1)) forwards}
.pkx .R5 .tn.t1{animation:pktnin .25s calc(var(--b) + var(--s1)) both,pktnout .2s calc(var(--b) + var(--s2)) forwards}
.pkx .R5 .tn.t2{animation:pktnin .25s calc(var(--b) + var(--s2)) both,pktnout .2s calc(var(--b) + var(--s3)) forwards}
.pkx .R5 .tn.t3{animation:pktnin .25s calc(var(--b) + var(--s3)) both,pktnout .2s calc(var(--b) + var(--s4)) forwards}
.pkx .R5 .tn.t4{animation:pktnin .25s calc(var(--b) + var(--s4)) both,pktnout .2s calc(var(--b) + var(--s5)) forwards}
.pkx .R5 .tn.t5{animation:pktnin .25s calc(var(--b) + var(--s5)) both}
.pkx .R6{animation:pkup1 .06s steps(1,start) calc(var(--b) + var(--s1)) forwards,pkup2 .06s steps(1,start) calc(var(--b) + var(--s2)) forwards,pkup3 .06s steps(1,start) calc(var(--b) + var(--s3)) forwards,pkup4 .06s steps(1,start) calc(var(--b) + var(--s4)) forwards,pkup5 .06s steps(1,start) calc(var(--b) + var(--s5)) forwards,pkup6 .06s steps(1,start) calc(var(--b) + var(--s6)) forwards}
.pkx .R6 .cam{animation:pkrumble 9s var(--b) linear both,pkjolt1 .55s calc(var(--b) + var(--s1)) both,pkjolt2 .55s calc(var(--b) + var(--s2)) both,pkjolt3 .55s calc(var(--b) + var(--s3)) both,pkjolt4 .55s calc(var(--b) + var(--s4)) both,pkjolt5 .55s calc(var(--b) + var(--s5)) both,pkjolt6 .55s calc(var(--b) + var(--s6)) both,pkjoltf .7s calc(var(--b) + var(--T)) both}
.pkx .R6 .pip.p1{animation:pkpip .4s calc(var(--b) + var(--s1)) forwards}
.pkx .R6 .pip.p2{animation:pkpip .4s calc(var(--b) + var(--s2)) forwards}
.pkx .R6 .pip.p3{animation:pkpip .4s calc(var(--b) + var(--s3)) forwards}
.pkx .R6 .pip.p4{animation:pkpip .4s calc(var(--b) + var(--s4)) forwards}
.pkx .R6 .pip.p5{animation:pkpip .4s calc(var(--b) + var(--s5)) forwards}
.pkx .R6 .pip.p6{animation:pkpip .4s calc(var(--b) + var(--s6)) forwards}
.pkx .R6 .tn.t0{animation:pktnin .25s var(--b) both,pktnout .2s calc(var(--b) + var(--s1)) forwards}
.pkx .R6 .tn.t1{animation:pktnin .25s calc(var(--b) + var(--s1)) both,pktnout .2s calc(var(--b) + var(--s2)) forwards}
.pkx .R6 .tn.t2{animation:pktnin .25s calc(var(--b) + var(--s2)) both,pktnout .2s calc(var(--b) + var(--s3)) forwards}
.pkx .R6 .tn.t3{animation:pktnin .25s calc(var(--b) + var(--s3)) both,pktnout .2s calc(var(--b) + var(--s4)) forwards}
.pkx .R6 .tn.t4{animation:pktnin .25s calc(var(--b) + var(--s4)) both,pktnout .2s calc(var(--b) + var(--s5)) forwards}
.pkx .R6 .tn.t5{animation:pktnin .25s calc(var(--b) + var(--s5)) both,pktnout .2s calc(var(--b) + var(--s6)) forwards}
.pkx .R6 .tn.t6{animation:pktnin .25s calc(var(--b) + var(--s6)) both}
.pkx .R0 .tn.t0{animation:pktnin .25s var(--b) both}
.pkx .R0 .cam{animation:pkrumble 9s var(--b) linear both,pkjoltf .7s calc(var(--b) + var(--T)) both}
.pkx .R0{--T:1.7s;--ls:0s}
.pkx .R1{--T:2.55s;--ls:1.5s}
.pkx .R2{--T:3.4s;--ls:2.35s}
.pkx .R3{--T:4.15s;--ls:3.1s}
.pkx .R4{--T:4.8s;--ls:3.75s}
.pkx .R5{--T:5.35s;--ls:4.3s}
.pkx .R6{--T:7s;--ls:4.8s}
.pkx .pip.p0{--pc:var(--t0)}
.pkx .pip.p1{--pc:var(--t1)}
.pkx .pip.p2{--pc:var(--t2)}
.pkx .pip.p3{--pc:var(--t3)}
.pkx .pip.p4{--pc:var(--t4)}
.pkx .pip.p5{--pc:var(--t5)}
.pkx .pip.p6{--pc:var(--t6)}
.pkx .pack .half.up{clip-path:polygon(0% 0%,7.14% 1.3%,14.29% 0%,21.43% 1.3%,28.57% 0%,35.71% 1.3%,42.86% 0%,50% 1.3%,57.14% 0%,64.29% 1.3%,71.43% 0%,78.57% 1.3%,85.71% 0%,92.86% 1.3%,100% 0%,100% 20.3%,93.75% 23.8%,87.5% 20.4%,81.25% 24%,75% 20.4%,68.75% 23.1%,62.5% 21.2%,56.25% 23.3%,50% 20.2%,43.75% 23.3%,37.5% 20.7%,31.25% 23.9%,25% 20.5%,18.75% 23.5%,12.5% 21.2%,6.25% 24.2%,0% 20.3%)}
.pkx .pack .half.dn{clip-path:polygon(0% 20.3%,6.25% 24.2%,12.5% 21.2%,18.75% 23.5%,25% 20.5%,31.25% 23.9%,37.5% 20.7%,43.75% 23.3%,50% 20.2%,56.25% 23.3%,62.5% 21.2%,68.75% 23.1%,75% 20.4%,81.25% 24%,87.5% 20.4%,93.75% 23.8%,100% 20.3%,100% 100%,92.86% 98.7%,85.71% 100%,78.57% 98.7%,71.43% 100%,64.29% 98.7%,57.14% 100%,50% 98.7%,42.86% 100%,35.71% 98.7%,28.57% 100%,21.43% 98.7%,14.29% 100%,7.14% 98.7%,0% 100%)}
.pkx .conv i:nth-child(1){--x:-24.9cqh;--y:-43.4cqh;--cd:0.09s}
.pkx .conv i:nth-child(2){--x:-55.1cqh;--y:8.9cqh;--cd:0.29s}
.pkx .conv i:nth-child(3){--x:83.2cqh;--y:-7cqh;--cd:0.19s}
.pkx .conv i:nth-child(4){--x:-24.3cqh;--y:-29.9cqh;--cd:0.27s}
.pkx .conv i:nth-child(5){--x:-28.8cqh;--y:-50.2cqh;--cd:0.45s}
.pkx .conv i:nth-child(6){--x:-48.4cqh;--y:6.2cqh;--cd:0.26s}
.pkx .conv i:nth-child(7){--x:-49.7cqh;--y:6.9cqh;--cd:0.38s}
.pkx .conv i:nth-child(8){--x:3.1cqh;--y:35.1cqh;--cd:0.39s}
.pkx .conv i:nth-child(9){--x:36.7cqh;--y:21.3cqh;--cd:0.71s}
.pkx .conv i:nth-child(10){--x:-33cqh;--y:24.5cqh;--cd:0.54s}
.pkx .conv i:nth-child(11){--x:64.3cqh;--y:-28cqh;--cd:0.82s}
.pkx .conv i:nth-child(12){--x:68.6cqh;--y:-4.3cqh;--cd:0.05s}
.pkx .conv i:nth-child(13){--x:48.3cqh;--y:-12.3cqh;--cd:0.74s}
.pkx .conv i:nth-child(14){--x:48.2cqh;--y:33.3cqh;--cd:0.29s}
.pkx .conv i:nth-child(15){--x:-36.1cqh;--y:-29.9cqh;--cd:0.65s}
.pkx .conv i:nth-child(16){--x:-44.9cqh;--y:21.1cqh;--cd:0.05s}
.pkx .conv i:nth-child(17){--x:70.7cqh;--y:12.2cqh;--cd:0.06s}
.pkx .conv i:nth-child(18){--x:41.5cqh;--y:46.9cqh;--cd:0.32s}
.pkx .spk u:nth-child(1){--x:15.8cqh;--y:13.8cqh}
.pkx .spk u:nth-child(2){--x:3.5cqh;--y:16.6cqh}
.pkx .spk u:nth-child(3){--x:-8.3cqh;--y:25.7cqh}
.pkx .spk u:nth-child(4){--x:-20.4cqh;--y:17.7cqh}
.pkx .spk u:nth-child(5){--x:-29cqh;--y:0cqh}
.pkx .spk u:nth-child(6){--x:-13.4cqh;--y:-12cqh}
.pkx .spk u:nth-child(7){--x:-9.2cqh;--y:-18.9cqh}
.pkx .spk u:nth-child(8){--x:8.5cqh;--y:-18.1cqh}
.pkx .spk u:nth-child(9){--x:21cqh;--y:-11.6cqh}
.pkx .spk u:nth-child(10){--x:20cqh;--y:-1cqh}
.pkx .motes u:nth-child(1){translate:31.2cqh 18cqh}
.pkx .motes u:nth-child(2){translate:18cqh 31.2cqh}
.pkx .motes u:nth-child(3){translate:0cqh 36cqh}
.pkx .motes u:nth-child(4){translate:-18cqh 31.2cqh}
.pkx .motes u:nth-child(5){translate:-31.2cqh 18cqh}
.pkx .motes u:nth-child(6){translate:-36cqh 0cqh}
.pkx .motes u:nth-child(7){translate:-31.2cqh -18cqh}
.pkx .motes u:nth-child(8){translate:-18cqh -31.2cqh}
.pkx .motes u:nth-child(9){translate:-0cqh -36cqh}
.pkx .motes u:nth-child(10){translate:18cqh -31.2cqh}
.pkx .motes u:nth-child(11){translate:31.2cqh -18cqh}
.pkx .motes u:nth-child(12){translate:36cqh -0cqh}
.pkx .sgrid .sc:nth-child(1){animation-delay:0.2s}
.pkx .sgrid .sc:nth-child(2){animation-delay:0.33s}
.pkx .sgrid .sc:nth-child(3){animation-delay:0.46s}
.pkx .sgrid .sc:nth-child(4){animation-delay:0.59s}
.pkx .sgrid .sc:nth-child(5){animation-delay:0.72s}
.pkx .sgrid .sc:nth-child(6){animation-delay:0.85s}
.pkx .sgrid .sc:nth-child(7){animation-delay:0.98s}
.pkx .sgrid .sc:nth-child(8){animation-delay:1.11s}
.pkx .sgrid .sc:nth-child(9){animation-delay:1.24s}
.pkx .sgrid .sc:nth-child(10){animation-delay:1.37s}
.pkx .fs .sp:nth-child(1){--a:137.508deg;--r:45;--dl:0.03s}
.pkx .fs .sp:nth-child(2){--a:275.016deg;--r:44;--dl:0.06s}
.pkx .fs .sp:nth-child(3){--a:52.524deg;--r:43;--dl:0.09s}
.pkx .fs .sp:nth-child(4){--a:190.032deg;--r:42;--dl:0.12s}
.pkx .fs .sp:nth-child(5){--a:327.54deg;--r:41;--dl:0s}
.pkx .fs .sp:nth-child(6){--a:105.048deg;--r:40;--dl:0.03s}
.pkx .fs .sp:nth-child(7){--a:242.556deg;--r:39;--dl:0.06s}
.pkx .fs .sp:nth-child(8){--a:20.064deg;--r:38;--dl:0.09s}
.pkx .fs .sp:nth-child(9){--a:157.572deg;--r:37;--dl:0.12s}
.pkx .fs .sp:nth-child(10){--a:295.08deg;--r:36;--dl:0s}
.pkx .fs .sp:nth-child(11){--a:72.588deg;--r:35;--dl:0.03s}
.pkx .fs .sp:nth-child(12){--a:210.096deg;--r:34;--dl:0.06s}
.pkx .fs .sp:nth-child(13){--a:347.604deg;--r:33;--dl:0.09s}
.pkx .fs .sp:nth-child(14){--a:125.112deg;--r:32;--dl:0.12s}
.pkx .fs .sp:nth-child(15){--a:262.62deg;--r:31;--dl:0s}
.pkx .fs .sp:nth-child(16){--a:40.128deg;--r:30;--dl:0.03s}
.pkx .fs .sp:nth-child(17){--a:177.636deg;--r:29;--dl:0.06s}
.pkx .fs .sp:nth-child(18){--a:315.144deg;--r:28;--dl:0.09s}
.pkx .fs .sp:nth-child(19){--a:92.652deg;--r:27;--dl:0.12s}
.pkx .fs .sp:nth-child(20){--a:230.16deg;--r:26;--dl:0s}
.pkx .fs .sp:nth-child(21){--a:7.668deg;--r:25;--dl:0.03s}
.pkx .fs .sp:nth-child(22){--a:145.176deg;--r:24;--dl:0.06s}
.pkx .fs .sp:nth-child(23){--a:282.684deg;--r:23;--dl:0.09s}
.pkx .fs .sp:nth-child(24){--a:60.192deg;--r:22;--dl:0.12s}
/* summon layers (rift, cosmos, surge, pages) share these basics; their own rules are in summon.css */
.fs { position: absolute; inset: 0; }
.fs i, .fs b, .fs svg { position: absolute; pointer-events: none; }
.fs .g { position: absolute; inset: 0; pointer-events: none; }
.fs .tint { inset: 0; z-index: 1; opacity: 0; background: radial-gradient(60% 50% at 50% 50%, color-mix(in srgb, var(--rc) 55%, transparent), transparent 72%); animation: rvtint 2.6s ease-out var(--at) forwards; }
.fs .flash { inset: 0; z-index: 9; opacity: 0; background: radial-gradient(circle, #fff, color-mix(in srgb, var(--rc) 55%, #fff)); animation: rvflash .6s ease-out var(--at) forwards; }
.fs .ring { left: 50%; top: 50%; width: 22vmin; aspect-ratio: 1; translate: -50% -50%; border-radius: 50%; border: .45vmin solid var(--rc); z-index: 2; opacity: 0; animation: rvring 1.1s ease-out var(--at) forwards; }
.fs .ring.r2 { border-width: 1vmin; animation-delay: calc(var(--at) + .18s); }
.fs .ring.r3 { border-color: #fff; animation-delay: calc(var(--at) + .42s); }
.fs .sp, .fs .sh { left: 50%; top: 50%; z-index: 3; opacity: 0; }
.fs .sp { width: .75vmin; height: 2.6vmin; margin: -1.3vmin 0 0 -.38vmin; border-radius: 3px; background: linear-gradient(var(--rc), #fff); animation: rvsp .95s cubic-bezier(.1, .7, .3, 1) calc(var(--at) + var(--dl, 0s)) forwards; }
@keyframes rvtint { 0% { opacity: 0; } 14% { opacity: 1; } 100% { opacity: 0; } }
@keyframes rvflash { 0% { opacity: .85; } 100% { opacity: 0; } }
@keyframes rvring { 0% { opacity: .95; scale: .2; } 100% { opacity: 0; scale: 7.5; } }
@keyframes rvsp { 0% { opacity: 1; transform: rotate(var(--a)) translateY(0); } 100% { opacity: 0; transform: rotate(var(--a)) translateY(calc(var(--r) * -1vmin)) scaleY(.4); } }
.fs .ban { left: 50%; top: 14%; translate: -50% 0; z-index: 10; white-space: nowrap; opacity: 0; font: 400 clamp(2.6rem, 14vmin, 8rem)/1 var(--display); letter-spacing: .12em; text-transform: uppercase; color: #fff; text-shadow: 0 0 2vmin var(--rc), 0 0 6vmin var(--rc); animation: rvban 2.4s cubic-bezier(.2, .8, .2, 1) calc(var(--at) - .05s) forwards; }
@keyframes rvban { 0% { opacity: 0; scale: 2.4; letter-spacing: .6em; } 14% { opacity: 1; scale: 1; letter-spacing: .12em; } 78% { opacity: 1; } 100% { opacity: 0; scale: .96; } }
.fs .ban.g2 { color: #ff2d95; text-shadow: none; z-index: 9; animation-name: rvban, rvgl2; animation-duration: 2.4s, .5s; animation-delay: calc(var(--at) - .05s), calc(var(--at) + .1s); animation-iteration-count: 1, 3; animation-timing-function: cubic-bezier(.2, .8, .2, 1), steps(4, jump-none); }
.fs .ban.g3 { color: #19e0ff; text-shadow: none; z-index: 9; animation-name: rvban, rvgl3; animation-duration: 2.4s, .5s; animation-delay: calc(var(--at) - .05s), calc(var(--at) + .1s); animation-iteration-count: 1, 3; animation-timing-function: cubic-bezier(.2, .8, .2, 1), steps(4, jump-none); }
@keyframes rvgl2 { 0% { translate: calc(-50% - 1.4vmin) 0; } 100% { translate: calc(-50% + 1vmin) .4vmin; } }
@keyframes rvgl3 { 0% { translate: calc(-50% + 1.4vmin) 0; } 100% { translate: calc(-50% - 1vmin) -.4vmin; } }
.fs .white { inset: 0; z-index: 11; opacity: 0; background: #fff; animation: rvwhite 1.5s ease-out calc(var(--at) - .08s) forwards; }
@keyframes rvwhite { 0% { opacity: 0; } 12% { opacity: 1; } 100% { opacity: 0; } }