.pu-wrap{z-index:75;-webkit-backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pu-card{--pu:#1475e1;--pu-fg:#fff;width:460px;max-width:100%;max-height:calc(100dvh - 32px);box-shadow:0 30px 80px #0009, 0 0 70px color-mix(in srgb, var(--pu) 28%, transparent);color:#fff;background:linear-gradient(#131519,#0c0d10);border:1px solid #2b2f37;border-radius:26px;animation:.38s cubic-bezier(.2,.8,.2,1) pu-rise;position:relative;overflow:auto}.pu-card--blue{--pu:#1475e1}.pu-card--green{--pu:#00e701;--pu-fg:#04210a}.pu-card--gold{--pu:#f5c451;--pu-fg:#2a1d02}.pu-card--red{--pu:#ff4d4f}.pu-head{background:radial-gradient(120% 90% at 50% 20%, color-mix(in srgb, var(--pu) 55%, #0c0d10) 0%, #0c0d10 100%);height:190px;position:relative;overflow:hidden}.pu-head__rays{background:repeating-conic-gradient(color-mix(in srgb, var(--pu) 22%, transparent) 0 5deg, transparent 5deg 15deg);width:900px;height:900px;animation:70s linear infinite pu-spin;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(closest-side,#000,#0000 65%);mask-image:radial-gradient(closest-side,#000,#0000 65%)}.pu-head__glow{background:radial-gradient(circle, color-mix(in srgb, var(--pu) 55%, transparent), transparent 70%);filter:blur(6px);border-radius:50%;width:240px;height:240px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.pu-head__b{object-fit:contain;filter:drop-shadow(0 18px 30px #0000008c);width:150px;height:150px;animation:5s ease-in-out infinite pu-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.pu-head__spark{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:.8;background:#fff;width:8px;height:8px;animation:2.6s ease-in-out infinite pu-twinkle;position:absolute}.pu-head__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pu-head:after{content:"";background:linear-gradient(#0000,#0f1014);height:70px;position:absolute;inset:auto 0 0}.pu-x{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .25s,background .2s;display:inline-flex;position:absolute;top:14px;right:14px}.pu-x:hover{background:#ffffff38;transform:rotate(90deg)}.pu-x:focus-visible{outline-offset:2px;outline:2px solid #fff}.pu-body{text-align:center;padding:10px 28px 26px}.pu-count{z-index:2;letter-spacing:.6px;color:#fff;background:#00000073;border:1px solid #ffffff2e;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;position:absolute;top:16px;left:16px}.pu-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--pu);background:color-mix(in srgb, var(--pu) 16%, transparent);border:1px solid color-mix(in srgb, var(--pu) 40%, transparent);border-radius:99px;align-items:center;gap:7px;padding:6px 12px;font-size:11.5px;font-weight:800;display:inline-flex}.pu-label:before{content:"";background:var(--pu);width:7px;height:7px;box-shadow:0 0 10px var(--pu);border-radius:50%}.pu-title{letter-spacing:-.5px;margin-top:12px;font-size:26px;font-weight:900;line-height:1.15}.pu-msg{color:#c7cbd4;white-space:pre-line;margin-top:10px;font-size:15px;line-height:1.55}.pu-msg b{color:#fff;font-weight:800}.pu-btn{width:100%;color:var(--pu-fg);background:linear-gradient(180deg, color-mix(in srgb, var(--pu) 85%, #fff), var(--pu));box-shadow:0 10px 30px color-mix(in srgb, var(--pu) 38%, transparent);text-align:center;border-radius:14px;margin-top:18px;padding:14px;font-size:15px;font-weight:800;display:block}.pu-btn:hover{filter:brightness(1.07)}@media (max-width:520px){.pu-wrap{align-items:flex-end;padding:0}.pu-card{border-radius:26px 26px 0 0;width:100%;max-height:92dvh;animation:.38s cubic-bezier(.2,.8,.2,1) pu-slide}}@keyframes pu-rise{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@keyframes pu-slide{0%{transform:translateY(100%)}to{transform:none}}@keyframes pu-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes pu-float{0%,to{transform:translate(-50%,-52%)}50%{transform:translate(-50%,-58%)}}@keyframes pu-twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.95;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.pu-card,.pu-head__rays,.pu-head__b,.pu-head__spark,.pu-x{transition:none;animation:none}}