.pop{aspect-ratio:1;width:min(100%,500px);margin-inline:auto;position:relative}.popglow{aspect-ratio:1;background:radial-gradient(circle at 40% 30%,#6b3fd0 0%,#341a73 55%,#1a0b3d 100%);border-radius:50%;width:88%;position:absolute;top:12%;left:6%;box-shadow:0 0 0 2px #e6bd5ae6,0 0 0 12px #e6bd5a17,0 0 120px 10px #8764e08c,inset 0 -40px 80px #0006}.popbokeh{aspect-ratio:1;z-index:1;pointer-events:none;background:radial-gradient(60% 45% at 18% 14%,#8c5fff57,#0000 70%),radial-gradient(50% 40% at 88% 92%,#be6eff3d,#0000 70%);border-radius:50%;width:88%;position:absolute;top:12%;left:6%;overflow:hidden}.popbokeh i{filter:blur(1.2px);animation:bkFloat var(--t,16s) ease-in-out infinite alternate;animation-delay:var(--dl,0s);border-radius:50%;position:absolute}.popbokeh i:before{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #be8cff73}.popbokeh .b1{--t:17s;--dl:0s;background:radial-gradient(circle,#965fff9e,#965fff38 72%);width:22%;height:22%;top:10%;left:6%}.popbokeh .b2{--t:13s;--dl:-4s;background:radial-gradient(circle,#b96eff99,#b96eff38 72%);width:13%;height:13%;top:8%;left:70%}.popbokeh .b3{--t:21s;--dl:-9s;background:radial-gradient(circle,#7d50f58c,#7d50f538 72%);width:30%;height:30%;top:30%;left:66%}.popbokeh .b4{--t:12s;--dl:-2s;background:radial-gradient(circle,#c869ff99,#c869ff38 72%);width:10%;height:10%;top:44%;left:14%}.popbokeh .b5{--t:19s;--dl:-7s;background:radial-gradient(circle,#8c5aff94,#8c5aff38 72%);width:18%;height:18%;top:62%;left:2%}.popbokeh .b6{--t:15s;--dl:-11s;background:radial-gradient(circle,#aa64ff99,#aa64ff38 72%);width:12%;height:12%;top:68%;left:78%}.popbokeh .b7{--t:23s;--dl:-5s;background:radial-gradient(circle,#7346eb8c,#7346eb38 72%);width:26%;height:26%;top:78%;left:34%}.popbokeh .b8{--t:11s;--dl:-8s;background:radial-gradient(circle,#be7dff99,#be7dff38 72%);width:8%;height:8%;top:6%;left:44%}.popbokeh .b9{--t:14s;--dl:-3s;background:radial-gradient(circle,#a05fff80,#a05fff38 72%);width:9%;height:9%;top:52%;left:58%}@keyframes bkFloat{0%{opacity:.55;transform:translate(0)scale(1)}50%{opacity:1}to{opacity:.6;transform:translate(9%,-12%)scale(1.14)}}@media (prefers-reduced-motion:reduce){.popbokeh i{animation:none}}.popring{aspect-ratio:1;border:1px dashed #e6bd5a59;border-radius:50%;width:104%;animation:80s linear infinite spin;position:absolute;top:6%;left:-2%}.popring.r2{border:1px solid #b79cff38;width:94%;animation-duration:120s;animation-direction:reverse;top:10%;left:3%}.popclip{z-index:2;-webkit-mask:linear-gradient(#000,#000) left var(--popx,0%) top 0/var(--popw,100%) var(--popy,32%) no-repeat,radial-gradient(ellipse 44% 44% at 50% 56%,#000 99.3%,transparent 100%);-webkit-mask:linear-gradient(#000,#000) left var(--popx,0%) top 0/var(--popw,100%) var(--popy,32%) no-repeat,radial-gradient(ellipse 44% 44% at 50% 56%,#000 99.3%,transparent 100%);mask:linear-gradient(#000,#000) left var(--popx,0%) top 0/var(--popw,100%) var(--popy,32%) no-repeat,radial-gradient(ellipse 44% 44% at 50% 56%,#000 99.3%,transparent 100%);position:absolute;inset:0}.popclip img{object-fit:contain;opacity:0;filter:drop-shadow(0 18px 30px #00000073);width:auto;max-width:none;transition:opacity 1.2s,transform 1.6s cubic-bezier(.2,.7,.2,1);position:absolute;left:50%;transform:translate(-50%)translateY(12px)scale(.96)}.popclip.fresh img.on{animation:1.7s cubic-bezier(.2,.7,.2,1) .45s backwards popIn}@keyframes popIn{0%{opacity:0;transform:translate(-50%)translateY(26px)scale(.94)}}.popclip img.on{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.ps{z-index:3;background:#ffe9a8;border-radius:50%;width:5px;height:5px;animation:3s ease-in-out infinite aTw;position:absolute;box-shadow:0 0 10px 2px #ffe9a8cc}.ps.p1{top:30%;left:8%}.ps.p2{animation-delay:-1s;top:22%;right:6%}.ps.p3{animation-delay:-2s;bottom:20%;left:14%}.ps.p4{animation-delay:-.5s;bottom:30%;right:12%}.ps.p5{animation-delay:-1.6s;top:4%;left:48%}.pop .archbadge{z-index:4;position:absolute;bottom:6%;left:-4px}.pop .archchip{z-index:4;position:absolute}.pop .archchip img{filter:drop-shadow(0 12px 22px #00000080);width:100%;display:block}.pop .archchip.c1{width:30%;top:14%;right:-2%}.pop .archchip.c2{width:24%;bottom:6%;right:2%}.pop .archchip:empty{display:none}@media (width<=900px){.pop{order:-1;width:min(100%,360px)}}@media (prefers-reduced-motion:reduce){.popring,.ps,.popclip.fresh img.on{animation:none}.popclip img{transition:opacity .6s}}