.badge-achievement-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;animation:badgeModalFadeIn .3s ease;pointer-events:none}@keyframes badgeModalFadeIn{0%{opacity:0}to{opacity:1}}.badge-achievement-modal{position:relative;background:linear-gradient(135deg,rgba(30,30,45,.95),rgba(20,20,30,.98));backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));border-radius:24px;padding:3rem 2.5rem;max-width:400px;width:90%;text-align:center;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden;pointer-events:auto}.confetti-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-20px;border-radius:2px;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(400px) rotate(2turn);opacity:0}}.achievement-header{opacity:0;transform:translateY(-20px);transition:all .4s ease}.achievement-header.visible{opacity:1;transform:translateY(0)}.achievement-label{font-size:1.25rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 20px rgba(255,215,0,.5)}.achievement-badge-container{margin:1.5rem auto;padding:1.5rem;border-radius:50%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 40px rgba(255,215,0,.3)}.achievement-badge-container.visible{opacity:1;transform:scale(1)}.achievement-details{opacity:0;transform:translateY(20px);transition:all .4s ease}.achievement-details.visible{opacity:1;transform:translateY(0)}.badge-achievement-modal .badge-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .75rem}.badge-achievement-modal .tier-badge{display:inline-block;padding:.5rem 1.25rem;border-radius:999px;color:#fff;font-weight:600;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.max-level-text{color:gold;font-size:1rem;font-weight:600;margin:1rem 0;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.level-progress{color:hsla(0,0%,100%,.8);font-size:1rem;margin:1rem 0}.category-label{color:hsla(0,0%,100%,.5);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.achievement-close{margin-top:1.5rem;padding:.75rem 2rem;background:#4f46e5;color:#fff;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.achievement-close:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.4)}.achievement-close:focus{outline:2px solid #818cf8;outline-offset:2px}@media (max-width:480px){.badge-achievement-modal{padding:2rem 1.5rem;border-radius:16px}.achievement-badge-container{width:120px;height:120px;padding:1rem}.badge-achievement-modal .badge-name{font-size:1.25rem}.achievement-label{font-size:1rem}}