.level-up-notice{position:fixed;z-index:85;left:50%;top:calc(env(safe-area-inset-top,0px) + 116px);transform:translateX(-50%);width:min(310px,calc(100vw - 32px));display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:14px 18px 17px;box-sizing:border-box;border:1px solid #f4d5a657;border-radius:12px;background:linear-gradient(125deg,#202b32f2,#172b31f2);box-shadow:0 5px 24px #05191d33;color:#fff0d8;pointer-events:none;font-family:var(--mono,monospace);animation:level-up-arrive .26s ease-out;overflow:hidden}
.level-up-notice[hidden]{display:none}.level-up-notice>span{font-size:31px;color:#f8d5b4;text-shadow:0 0 12px #ffbca74d}.level-up-notice div{display:grid;gap:6px;min-width:0}.level-up-notice div>span{font-size:8px;letter-spacing:2px;color:#efc8bc}.level-up-notice strong{font-size:16px;letter-spacing:.9px;font-weight:600;line-height:1.25}.level-up-notice small{font-size:10px;line-height:1.4;color:#d6dcd3}.level-up-notice>i{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#d998a7,#f1c79b,var(--level-up-accent,#ffd795));transform-origin:left center}
@keyframes level-up-arrive{from{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:760px){.level-up-notice{top:calc(env(safe-area-inset-top,0px) + 96px);padding:12px 16px 15px;gap:10px}.level-up-notice strong{font-size:15px}}
@media(max-height:550px){.level-up-notice{top:calc(env(safe-area-inset-top,0px) + 76px);padding:8px 14px 11px;gap:8px;grid-template-columns:27px 1fr}.level-up-notice div{gap:4px}.level-up-notice>span{font-size:25px}.level-up-notice strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.level-up-notice{animation:none}}
body.phone-ui:has(#announcer.visible:not(:where(.hud-disabled,[hidden]))) .level-up-notice{top:calc(var(--phone-hud-top,0px) + var(--phone-telemetry-height,0px) + 150px)}
@media(max-height:550px){body.phone-ui:has(#announcer.visible:not(:where(.hud-disabled,[hidden]))) .level-up-notice{top:calc(var(--phone-hud-top,0px) + var(--phone-telemetry-height,0px) + 92px)}}