.celebration-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,0.4);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1)}.celebration-overlay.active{opacity:1;visibility:visible}.celebration-card{background:white;border-radius:24px;padding:0;width:90%;max-width:500px;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25),0 0 40px rgba(0,240,181,0.4);transform:scale(0.8) translateY(20px);transition:all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);position:relative;overflow:hidden}.celebration-banner{width:100%;height:200px;padding:20px;box-sizing:border-box;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:white;background-origin:content-box;display:none}.celebration-card.is-level-up .celebration-banner{display:block}.celebration-content{padding:32px;position:relative;z-index:2}.celebration-overlay.active .celebration-card{transform:scale(1) translateY(0)}.celebration-type{font-size:0.85rem;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:#00F0B5;margin-bottom:8px}.celebration-title{font-size:2rem;font-weight:800;color:#0F172A;margin-bottom:16px;line-height:1.2}.celebration-icon{font-size:80px;margin:12px 0 24px 0;filter:drop-shadow(0 10px 10px rgba(0,0,0,0.1));display:flex;justify-content:center;align-items:center;animation:floating 3s ease-in-out infinite}.celebration-description{color:#64748B;font-size:1.1rem;margin-bottom:32px}.celebration-btn{background:#0F172A;color:white;border:none;padding:16px 32px;border-radius:12px;font-weight:600;cursor:pointer;transition:all 0.2s;width:100%}.celebration-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}@keyframes floating{0%{transform:translateY(0px)}50%{transform:translateY(-15px)}100%{transform:translateY(0px)}}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000}