.levelCelebration{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;isolation:isolate;color:#fff}
.levelCelebrationBackdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at center,#6716a366 0,#08050def 70%);backdrop-filter:blur(13px);animation:levelFade .28s ease-out both}
.levelCelebrationCard{position:relative;width:min(100%,560px);padding:52px 26px 42px;text-align:center;overflow:hidden;border:1px solid #b965e6;border-radius:22px;background:radial-gradient(circle at 50% 34%,#4d1e70 0,#1e122d 48%,#0f0c19 100%);box-shadow:0 0 0 1px #f5b9ff33,inset 0 0 65px #a84ceb38,0 30px 100px #000d;animation:levelCard .65s cubic-bezier(.19,1,.26,1) both}
.levelCelebrationCard:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 25%,#f9dbff24 49%,transparent 60%);background-size:260% 100%;animation:levelShimmer 2.7s .45s ease-out both}
.levelCelebrationClose{position:absolute;right:14px;top:12px;z-index:4;display:grid;place-items:center;width:40px;height:40px;border:1px solid #aa75c6;border-radius:50%;background:#1e1229;color:#f6e6fa;font-size:26px;line-height:1}
.levelCelebrationBadge{position:relative;z-index:1;display:grid;place-items:center;width:162px;height:162px;margin:0 auto 23px;clip-path:polygon(50% 0,91% 17%,100% 69%,50% 100%,0 69%,9% 17%);background:linear-gradient(145deg,#ffdb91,#ae66db 40%,#431664 72%,#f4c67e);filter:drop-shadow(0 0 26px #bf63ff);animation:levelBadge .95s .2s cubic-bezier(.18,1.35,.36,1) both}
.levelCelebrationBadge:before{content:'';position:absolute;inset:5px;clip-path:inherit;background:radial-gradient(circle at 50% 36%,#5a2982,#160c28 75%)}
.levelCelebrationBadge .kkicon{position:absolute;width:122px;height:122px;opacity:.26;color:#f9d896}
.levelCelebrationBadge strong{position:relative;font:900 94px/.9 'Barlow Condensed',Impact,sans-serif;color:#fff3d8;text-shadow:0 4px 0 #6d298f,0 0 28px #e7afff}
.levelCelebrationOverline{position:relative;display:block;color:#f5c780;font-size:12px;font-weight:800;letter-spacing:.23em}
.levelCelebrationCard h2{position:relative;margin:10px 0 12px;font:900 clamp(39px,9vw,69px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.03em;text-shadow:0 4px 24px #b75bec}
.levelCelebrationCard p{position:relative;margin:0 auto 24px;max-width:390px;color:#ded0e8;font-size:16px;line-height:1.5}
.levelCelebrationContinue{position:relative;min-height:47px;padding:10px 22px;border:1px solid #df9cf9;border-radius:8px;background:linear-gradient(120deg,#a529d2,#68179e);box-shadow:0 8px 24px #b332df55;color:#fff;font:800 16px 'Barlow Condensed',sans-serif}
.levelCelebration :is(button):focus-visible{outline:3px solid #ffe3a5;outline-offset:3px}
.levelCelebrationParticles{position:absolute;inset:0;pointer-events:none}
.levelCelebrationParticles i{position:absolute;top:40%;left:50%;width:8px;height:18px;border-radius:3px;background:#e8adff;box-shadow:0 0 11px currentColor;transform:rotate(var(--angle));animation:levelParticle 1.55s .15s ease-out both}
.levelCelebrationParticles i:nth-child(3n){background:#ffd280}.levelCelebrationParticles i:nth-child(4n){width:6px;height:6px;border-radius:50%;background:#fff}
@keyframes levelFade{from{opacity:0}to{opacity:1}}
@keyframes levelCard{from{opacity:0;transform:translateY(45px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes levelBadge{from{opacity:0;transform:scale(.3) rotate(-30deg)}70%{opacity:1;transform:scale(1.13) rotate(4deg)}to{transform:scale(1) rotate(0)}}
@keyframes levelShimmer{from{background-position:100% 0}to{background-position:-120% 0}}
@keyframes levelParticle{from{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.5)}25%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-270px) scale(1.2)}}
@media(max-width:500px){.levelCelebrationCard{padding:42px 18px 32px}.levelCelebrationBadge{width:132px;height:132px}.levelCelebrationBadge strong{font-size:77px}.levelCelebrationCard p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.levelCelebration *{animation:none!important}.levelCelebrationParticles{display:none}}