.badge-unlock{z-index:120;-webkit-backdrop-filter:blur(6px);background:radial-gradient(120% 90% at 50% 40%,#061912b8,#020705e6);place-items:center;padding:24px;animation:.35s both bu-fade;display:grid;position:fixed;inset:0}@keyframes bu-fade{0%{opacity:0}to{opacity:1}}.badge-unlock__fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.badge-unlock__card{--rail:14px;width:min(92vw,384px);animation:.7s cubic-bezier(.18,.9,.24,1.08) both bu-pop;position:relative}.badge-unlock__card .badge-unlock__inner{text-align:center;padding:30px 26px 26px}@keyframes bu-pop{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:none}}.badge-unlock__ring{aspect-ratio:1;pointer-events:none;opacity:0;background:radial-gradient(circle,#e3c76c59,#e8323f1f 45%,#0000 66%);border-radius:50%;width:74%;animation:1.4s cubic-bezier(.16,1,.3,1) both bu-halo;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.4)}@keyframes bu-halo{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}40%{opacity:1}to{opacity:.5;transform:translate(-50%,-50%)scale(1.05)}}.badge-unlock__kicker{font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--color-red);opacity:0;font-size:.6rem;animation:.5s cubic-bezier(.16,1,.3,1) .8s forwards bu-up}.badge-unlock__coin{filter:drop-shadow(0 20px 34px #0009);width:min(62%,220px);margin:12px auto 0;animation:1.05s cubic-bezier(.18,.9,.24,1.08) both bu-drop;position:relative}.badge-unlock__coin img{width:100%;display:block}@keyframes bu-drop{0%{opacity:0;transform:translateY(-52px)scale(.4)rotate(-24deg)}55%{opacity:1}to{opacity:1;transform:none}}.badge-unlock__coin:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(120deg,#0000 42%,#ffffff80 50%,#0000 58%);border-radius:50%;animation:1.1s cubic-bezier(.16,1,.3,1) .9s bu-shine;position:absolute;inset:0;transform:translate(-60%)}@keyframes bu-shine{0%{opacity:0;transform:translate(-60%)}30%{opacity:.9}to{opacity:0;transform:translate(60%)}}.badge-unlock__title{font-family:var(--font-display);color:var(--color-stock);opacity:0;margin:16px 0 2px;font-size:1.7rem;font-weight:400;animation:.6s cubic-bezier(.16,1,.3,1) 1s forwards bu-up}.badge-unlock__title em{color:var(--color-gold-soft);font-style:italic}.badge-unlock__meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-soft);opacity:0;font-size:.66rem;animation:.6s cubic-bezier(.16,1,.3,1) 1.18s forwards bu-up}.badge-unlock__btn{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-stock);background:var(--color-red);cursor:pointer;opacity:0;border:1px solid #0000;border-radius:999px;margin-top:22px;padding:12px 26px;font-size:.72rem;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;animation:.5s cubic-bezier(.16,1,.3,1) 1.3s forwards bu-up}.badge-unlock__btn:hover{box-shadow:0 14px 28px -12px var(--color-red);transform:translateY(-2px)}.badge-unlock__btn:focus-visible{outline:2px solid var(--color-gold-soft);outline-offset:3px}@keyframes bu-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.badge-unlock,.badge-unlock__card,.badge-unlock__coin,.badge-unlock__ring,.badge-unlock__kicker,.badge-unlock__title,.badge-unlock__meta,.badge-unlock__btn,.badge-unlock__coin:after{animation:none!important}.badge-unlock__kicker,.badge-unlock__title,.badge-unlock__meta,.badge-unlock__btn{opacity:1}}
