.level-fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10010}
.level-notice{position:fixed;top:max(22px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 28px);padding:18px 24px;border:1px solid #ffe1a88c;border-radius:20px;background:linear-gradient(125deg,#3c2b59f5,#202e4ff5);box-shadow:0 8px 40px #0005,0 0 24px #ffb5db25;z-index:10011;pointer-events:none;animation:level-notice-in .3s ease-out}
.level-notice strong{display:block;color:#fff0bd;font-size:18px;line-height:1.5}.level-notice div>span{display:block;color:#e1d8f6;font-size:12px;line-height:1.6;margin-top:4px}.level-notice-star{font-size:36px;color:#ffe09c;text-shadow:0 0 16px #ffd079aa}
@keyframes level-notice-in{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@media(max-width:600px){.level-notice{padding:14px 16px;gap:10px;top:max(14px,env(safe-area-inset-top))}.level-notice strong{font-size:14px}.level-notice div>span{font-size:10px}.level-notice-star{font-size:28px}}
@media(prefers-reduced-motion:reduce){.level-notice{animation:none}}