.level-up{position:fixed;top:72px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);z-index:90;pointer-events:none;display:grid;gap:8px}
.level-up[hidden]{display:none}
.level-up-card{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #4c233625;animation:rank-arrive 420ms ease-out,rank-leave 240ms ease-in 3360ms forwards}
.level-up-card img{width:76px;height:76px;object-fit:contain;flex-shrink:0;animation:rank-stamp 480ms ease-out;mix-blend-mode:multiply}
.level-up-card strong{display:block;font:26px/1.15 var(--serif);color:var(--brand)}
.level-up-card>div{min-width:0}
.level-up-card span{display:block;margin-top:5px;font-size:14px;line-height:1.4;color:var(--muted)}
@keyframes rank-arrive{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes rank-stamp{from{transform:scale(1.2) rotate(-12deg)}to{transform:scale(1) rotate(0)}}
@keyframes rank-leave{to{opacity:0}}
@media(prefers-reduced-motion:reduce){.level-up-card,.level-up-card img{animation:none}}