.badge-unlock{--glow:#58c46e;--glow-deep:#2f8a45;--glow-soft:#58c46e57;--ink:#1f6b34;text-align:center;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;max-width:760px;min-height:430px;margin:0 auto;padding:clamp(34px,6vw,64px) clamp(18px,5vw,46px);animation:.55s cubic-bezier(.2,.9,.25,1.15) both badge-unlock-in;display:flex;position:relative;overflow:hidden}.badge-unlock[data-rarity=uncommon]{--glow:#5aa6ff;--glow-deep:#2f5f8f;--glow-soft:#5aa6ff57;--ink:#1d4f86}.badge-unlock[data-rarity=rare]{--glow:#ff9a3c;--glow-deep:#b4561d;--glow-soft:#ff9a3c5c;--ink:#99410d}.badge-unlock[data-rarity=very_rare]{--glow:#ffd45c;--glow-deep:#a87a12;--glow-soft:#ffd45c66;--ink:#7f5a05}.badge-unlock[data-rarity=legendary]{--glow:#b99bff;--glow-deep:#6741d9;--glow-soft:#a678ff61;--ink:#5b36c4}.badge-unlock-stage{z-index:-1;pointer-events:none;position:absolute;inset:0}.badge-unlock-halo{aspect-ratio:1;background:radial-gradient(circle,var(--glow-soft) 0,transparent 65%),conic-gradient(from 0deg,transparent,var(--glow-soft),transparent 30%,var(--glow-soft) 50%,transparent 70%,var(--glow-soft) 85%,transparent);filter:blur(26px);border-radius:50%;width:min(420px,90vw);animation:7s linear infinite badge-unlock-spin,2.4s ease-in-out infinite alternate badge-unlock-breathe;position:absolute;top:38%;left:50%;translate:-50% -50%}.badge-unlock-sparkles i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:linear-gradient(135deg,#fff,var(--glow));opacity:0;width:10px;height:10px;animation:1.8s ease-in-out infinite badge-unlock-twinkle;position:absolute}.badge-unlock-sparkles i:first-child{top:18%;left:12%}.badge-unlock-sparkles i:nth-child(2){animation-delay:.3s;top:62%;left:24%}.badge-unlock-sparkles i:nth-child(3){animation-delay:.9s;top:12%;left:36%}.badge-unlock-sparkles i:nth-child(4){animation-delay:.15s;top:16%;left:70%}.badge-unlock-sparkles i:nth-child(5){animation-delay:.6s;top:54%;left:82%}.badge-unlock-sparkles i:nth-child(6){animation-delay:1.1s;top:74%;left:62%}.badge-unlock-sparkles i:nth-child(7){animation-delay:1.3s;top:44%;left:8%}.badge-unlock-sparkles i:nth-child(8){animation-delay:.45s;top:30%;left:90%}.badge-unlock-sparkles i:nth-child(9){animation-delay:.75s;top:6%;left:46%}.badge-unlock-sparkles i:nth-child(10){animation-delay:1.5s;top:84%;left:18%}.badge-unlock-sparkles i:nth-child(11){animation-delay:.2s;top:84%;left:78%}.badge-unlock-sparkles i:nth-child(12){animation-delay:1s;top:90%;left:54%}.badge-unlock-sparkles i:nth-child(13){animation-delay:1.7s;top:36%;left:30%}.badge-unlock-sparkles i:nth-child(14){animation-delay:.55s;top:40%;left:66%}.badge-unlock-medal{aspect-ratio:1;width:clamp(150px,34vw,190px);box-shadow:0 0 0 3px #ffffff8c,0 0 34px var(--glow-soft),0 0 70px var(--glow-soft);background:radial-gradient(circle at 50% 38%,#ffffff8c,#ffffff14 70%);border-radius:50%;place-items:center;margin:0 auto 18px;animation:.8s cubic-bezier(.2,.9,.25,1.2) .1s both badge-unlock-medal-in,1.8s ease-in-out .9s infinite alternate badge-unlock-glow;display:grid;position:relative;overflow:hidden}.badge-unlock-medal:before{content:"";background:conic-gradient(var(--glow),#fff,var(--glow-deep),var(--glow),#fff,var(--glow));-webkit-mask-composite:xor;z-index:2;border-radius:50%;padding:5px;animation:3.5s linear infinite badge-unlock-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.badge-unlock-medal img{object-fit:contain;width:100%;height:100%;animation:2.6s ease-in-out .5s infinite badge-unlock-shimmer}.badge-unlock-medal>span[aria-hidden]{color:var(--glow-deep);font-size:64px}.badge-unlock-sheen{z-index:3;background:linear-gradient(115deg,transparent 38%,#ffffffbf 47%,var(--glow-soft) 52%,transparent 62%);mix-blend-mode:screen;animation:2.2s ease-in-out .9s infinite badge-unlock-sheen;position:absolute;inset:-20%;transform:translate(-90%)}.badge-unlock-skip{z-index:3;min-height:44px;color:inherit;opacity:.78;cursor:pointer;background:0 0;border:0;padding:0 8px;font:600 13px/1.2 system-ui,sans-serif;text-decoration:underline;position:absolute;top:8px;right:10px}.badge-unlock-kicker{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;margin:0;font:700 12px/1.3 system-ui,sans-serif}.badge-unlock-title,.badge-unlock-message{background:linear-gradient(90deg,var(--ink),var(--glow-deep),var(--ink),var(--glow-deep),var(--ink));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:3.6s linear infinite badge-unlock-light}.badge-unlock-title{max-width:640px;margin:6px auto 10px;font:700 clamp(26px,5vw,44px)/1.1 Georgia,serif}.badge-unlock-message{max-width:560px;margin:0 auto;font-size:clamp(17px,2.6vw,21px);font-weight:750;line-height:1.4;animation-delay:-.6s}.badge-unlock-count{opacity:.7;margin:14px 0 0;font-size:14px;font-weight:700}.qp-result .badge-unlock,.badge-unlock-overlay .badge-unlock{color:#f6ecdc;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--glow-deep) 38%,#1d1715) 0%,#1d1715 62%,#141110 100%)}.qp-result .badge-unlock{border-radius:21px;max-width:none;margin:0;padding-top:52px}.qp-result .badge-unlock-kicker,.badge-unlock-overlay .badge-unlock-kicker{color:var(--glow)}.qp-result .badge-unlock-title,.qp-result .badge-unlock-message,.badge-unlock-overlay .badge-unlock-title,.badge-unlock-overlay .badge-unlock-message{background-image:linear-gradient(90deg,var(--glow),#fff6d8,var(--glow),#fff,var(--glow))}.language-result.qp-result .badge-unlock-skip,.badge-unlock-overlay .badge-unlock-skip{color:#cdb99c;opacity:1}.badge-unlock-overlay{z-index:2147483000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e0b08d1;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.badge-unlock-overlay .badge-unlock{border-radius:22px;width:100%;padding-top:56px}.badge-unlock[data-rarity=legendary] .badge-unlock-halo{background:var(--rarity-prism-conic);opacity:.55}.badge-unlock[data-rarity=legendary] .badge-unlock-medal:before{background:var(--rarity-prism-conic)}.badge-unlock[data-rarity=legendary] .badge-unlock-sparkles i{background:linear-gradient(135deg,#ff5caa,#ffc440,#58d68d,#4ea8ff,#a678ff)}.badge-unlock[data-rarity=legendary] :is(.badge-unlock-title,.badge-unlock-message){background-image:var(--rarity-prism-ink)}:is(.qp-result,.badge-unlock-overlay) .badge-unlock[data-rarity=legendary] :is(.badge-unlock-title,.badge-unlock-message){background-image:var(--rarity-prism)}@keyframes badge-unlock-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}@keyframes badge-unlock-spin{to{rotate:360deg}}@keyframes badge-unlock-breathe{0%{opacity:.65;scale:.92}to{opacity:1;scale:1.05}}@keyframes badge-unlock-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}@keyframes badge-unlock-medal-in{0%{opacity:0;filter:blur(6px);transform:scale(.3)translateY(30px)}to{opacity:1;filter:none;transform:none}}@keyframes badge-unlock-glow{0%{box-shadow:0 0 0 3px #ffffff8c,0 0 26px var(--glow-soft),0 0 60px var(--glow-soft)}to{box-shadow:0 0 0 3px #ffffffbf,0 0 46px var(--glow),0 0 96px var(--glow-soft)}}@keyframes badge-unlock-shimmer{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.18)saturate(1.25)}}@keyframes badge-unlock-sheen{0%{transform:translate(-90%)}60%,to{transform:translate(90%)}}@keyframes badge-unlock-light{to{background-position:300% 0}}@media (prefers-reduced-motion:reduce){.badge-unlock,.badge-unlock-halo,.badge-unlock-sparkles i,.badge-unlock-medal,.badge-unlock-medal:before,.badge-unlock-medal img,.badge-unlock-sheen,.badge-unlock-title,.badge-unlock-message{animation:none!important}.badge-unlock-sparkles i{opacity:.7}.badge-unlock-sheen{display:none}}@media (width<=600px){.badge-unlock{min-height:400px}}