.rank-up-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rank-up-stage__ring{border:2px solid var(--ludex-accent-light);border-radius:999px;width:9rem;height:9rem;position:absolute}.rank-up-stage__old{font-family:var(--font-display);color:#fff6;font-size:4rem;font-weight:800;position:absolute}.rank-up-stage__emblem{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--ludex-foil);width:8.5rem;height:9.6rem;filter:drop-shadow(0 20px 40px color-mix(in srgb, var(--color-ludex) 45%, transparent));justify-content:center;align-items:center;display:flex;position:relative}.rank-up-stage__emblem:before{content:"";clip-path:inherit;background:var(--ludex-ink);position:absolute;inset:7px}.rank-up-stage__level{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-gold);font-size:4rem;font-weight:800;position:relative}.rank-up-reward{border:1px solid color-mix(in srgb, var(--ludex-ink) 6%, transparent);background:var(--bento-solid);border-radius:.9rem;flex-shrink:0;align-items:center;gap:.75rem;min-height:2.75rem;padding:.4rem .8rem;font-size:.9rem;display:flex}.rank-up-reward__level{white-space:nowrap;text-transform:uppercase;width:5.6rem;color:color-mix(in srgb, var(--ludex-ink) 45%, transparent);flex-shrink:0;font-size:11px;font-weight:700}.rank-up-reward--unlock{border-color:color-mix(in srgb, var(--color-ludex) 35%, transparent);background:color-mix(in srgb, var(--color-ludex) 7%, var(--bento-solid))}.rank-up-reward--unlock .rank-up-reward__icon{color:var(--ludex-accent-deep)}.rank-up-reward__icon{justify-content:center;width:1.6rem;display:flex}.rank-up-reward--waiting{border-color:color-mix(in srgb, var(--ludex-ink) 8%, transparent);background:var(--bento-solid)}.rank-up-reward--waiting .rank-up-reward__icon{color:color-mix(in srgb, var(--ludex-ink) 40%, transparent)}.rank-up-reward--next{cursor:pointer;border-style:dashed;border-color:color-mix(in srgb, var(--color-ludex) 45%, transparent);transition:background-color .15s}.rank-up-reward--next:hover{background:color-mix(in srgb, var(--color-ludex) 10%, var(--bento-solid))}.rank-up-reward__go{animation:.4s ease-out .9s backwards rank-up-go}@keyframes rank-up-go{0%{opacity:0;translate:-.5rem}}