/* Compact image-based VIP ranks: effects become richer at higher tiers. */
.rank-emblem{--rank-color:205,127,50;position:relative;display:inline-grid;place-items:center;width:2.15em;height:2.15em;flex:0 0 auto;vertical-align:middle;isolation:isolate}
.rank-emblem--silver{--rank-color:178,205,232}.rank-emblem--gold{--rank-color:255,194,45}.rank-emblem--diamond{--rank-color:91,211,255}
.rank-emblem__image{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .08em .12em rgba(0,0,0,.7)) drop-shadow(0 0 .14em rgba(var(--rank-color),.45));animation:rankEmblemFloat 3.8s ease-in-out infinite}
.rank-emblem__aura{position:absolute;z-index:0;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(var(--rank-color),.42),transparent 68%);filter:blur(.18em);animation:rankAura 2.8s ease-in-out infinite}
.rank-emblem__particles{position:absolute;z-index:1;inset:-18%;pointer-events:none}.rank-emblem__particles i{--x:50%;--y:5%;--delay:0s;--size:.12em;position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:rgb(var(--rank-color));box-shadow:0 0 .18em rgba(var(--rank-color),.95),0 0 .38em rgba(var(--rank-color),.55);animation:rankParticle 2.4s var(--delay) ease-in-out infinite}
.rank-emblem__particles i:nth-child(1){--x:16%;--y:72%;--delay:-.2s}.rank-emblem__particles i:nth-child(2){--x:78%;--y:66%;--delay:-1.1s;--size:.09em}.rank-emblem__particles i:nth-child(3){--x:8%;--y:38%;--delay:-1.7s}.rank-emblem__particles i:nth-child(4){--x:88%;--y:30%;--delay:-.7s;--size:.08em}.rank-emblem__particles i:nth-child(5){--x:30%;--y:5%;--delay:-1.4s}.rank-emblem__particles i:nth-child(6){--x:68%;--y:9%;--delay:-2s;--size:.1em}.rank-emblem__particles i:nth-child(7){--x:47%;--y:90%;--delay:-.5s}.rank-emblem__particles i:nth-child(8){--x:96%;--y:52%;--delay:-1.8s;--size:.075em}
.rank-emblem--bronze .rank-emblem__particles i:nth-child(n+3),.rank-emblem--silver .rank-emblem__particles i:nth-child(n+5),.rank-emblem--gold .rank-emblem__particles i:nth-child(n+7){display:none}
.rank-emblem--gold .rank-emblem__image{animation-duration:3.1s}.rank-emblem--diamond .rank-emblem__image{animation:rankEmblemFloat 2.7s ease-in-out infinite,rankDiamondGlow 2s ease-in-out infinite}.rank-emblem--diamond::after{content:"";position:absolute;z-index:0;inset:-9%;border-radius:50%;border:1px solid rgba(var(--rank-color),.38);border-left-color:transparent;animation:rankOrbit 4s linear infinite}
@keyframes rankEmblemFloat{50%{transform:translateY(-3%) scale(1.025)}}@keyframes rankAura{50%{opacity:.6;transform:scale(1.18)}}@keyframes rankParticle{0%,100%{opacity:0;transform:translate(0,.25em) scale(.35)}45%{opacity:1}70%{opacity:.7;transform:translate(.1em,-.35em) scale(1.15)}}@keyframes rankDiamondGlow{50%{filter:drop-shadow(0 .08em .12em rgba(0,0,0,.7)) drop-shadow(0 0 .38em rgba(91,211,255,.9))}}@keyframes rankOrbit{to{transform:rotate(360deg)}}
.sb-user-vip-tag .rank-emblem{width:1.75em;height:1.75em}.sb-vip-icon .rank-emblem{width:3.25em;height:3.25em}.vip-badge .rank-emblem{width:2em;height:2em}.rk-tier-icon .rank-emblem{width:5.4em;height:5.4em}.rk-pod-vip .rank-emblem{width:4.25em;height:4.25em}.rk-lr-vip .rank-emblem{width:2.55em;height:2.55em}.vip-levelup-emoji .rank-emblem{width:7em;height:7em}
@media(max-width:600px){.rk-tier-icon .rank-emblem{width:4.6em;height:4.6em}.rk-pod-vip .rank-emblem{width:3.5em;height:3.5em}.rk-lr-vip .rank-emblem{width:2.15em;height:2.15em}}
@media(prefers-reduced-motion:reduce){.rank-emblem *,.rank-emblem::after{animation:none!important}.rank-emblem__particles{display:none}}