.level-up-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(0,0,0,.78) 0,rgba(0,0,0,.92) 75%);opacity:0;transition:opacity .3s ease-out;pointer-events:auto;cursor:pointer}.level-up-overlay.is-visible{opacity:1}.level-up-confetti-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.level-up-card{position:relative;background:linear-gradient(160deg,#232333 0,#1a1a25 100%);border:1px solid rgba(255,171,0,.4);border-radius:16px;padding:36px 56px;box-shadow:0 0 80px rgba(255,171,0,.25),0 30px 80px rgba(0,0,0,.5);text-align:center;transform:scale(.8) translateY(10px);transition:transform .4s cubic-bezier(.18, 1.25, .4, 1);max-width:420px;width:calc(100% - 32px)}.level-up-overlay.is-visible .level-up-card{transform:scale(1) translateY(0)}.level-up-banner{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;font-weight:700;letter-spacing:.32em;color:#ffab00;text-shadow:0 0 12px rgba(255,171,0,.6);margin-bottom:12px}.level-up-icon{font-size:3.2rem;color:#ffab00;margin:6px 0 16px;filter:drop-shadow(0 0 18px rgba(255, 171, 0, .55));animation:levelUpIconPulse 1.6s ease-in-out infinite}@keyframes levelUpIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.level-up-rank-row{display:flex;align-items:baseline;justify-content:center;gap:14px;font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:12px}.level-up-rank-from{color:rgba(255,255,255,.5)}.level-up-arrow{color:#ffab00;font-size:1.4rem}.level-up-rank-to{color:#ffab00;font-weight:700;text-shadow:0 0 10px rgba(255,171,0,.45)}.level-up-xp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;color:rgba(255,255,255,.65);margin-bottom:18px}.level-up-dismiss{font-size:.7rem;color:rgba(255,255,255,.4);letter-spacing:.08em}@media (max-width:480px){.level-up-card{padding:28px 24px}.level-up-icon{font-size:2.6rem}.level-up-rank-row{font-size:1.05rem;gap:10px}}