.rank-medal{--rank-glow:#f5c5428c;isolation:isolate;flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative}.rank-medal[data-tier=gold]{--rank-glow:#f5c54299;width:76px;height:76px}.rank-medal[data-tier=silver]{--rank-glow:#cbd5e180}.rank-medal[data-tier=bronze]{--rank-glow:#cd7f3280}.rank-medal svg{z-index:1;width:100%;height:100%;position:relative;overflow:visible}.rank-aura{z-index:0;background:radial-gradient(circle, var(--rank-glow) 0%, transparent 68%);border-radius:9999px;animation:2.6s ease-in-out infinite rank-aura;position:absolute;inset:-6px}.rank-rays{z-index:0;background:repeating-conic-gradient(#ffe68c6b 0deg 8deg,#0000 8deg 30deg);border-radius:9999px;animation:14s linear infinite rank-spin;position:absolute;inset:-16px;-webkit-mask:radial-gradient(circle,#000 35%,#0000 70%);mask:radial-gradient(circle,#000 35%,#0000 70%)}.rank-float{place-items:center;width:100%;height:100%;animation:3.2s ease-in-out infinite rank-float;display:grid;position:relative}.rank-shine{z-index:2;pointer-events:none;border-radius:9999px;position:absolute;inset:14% 14% 6%;overflow:hidden}.rank-shine:after{content:"";background:linear-gradient(100deg,#0000,#ffffffbf,#0000);width:45%;animation:3.4s ease-in-out infinite rank-shine;position:absolute;inset:-20% auto -20% -60%;transform:translate(-120%)skew(-12deg)}.rank-sparkle{z-index:3;clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);opacity:0;background:#fff8d6;width:10px;height:10px;animation:2.4s ease-in-out infinite rank-twinkle;position:absolute}.rank-sparkle:first-of-type{top:4%;right:6%}.rank-sparkle:nth-of-type(2){width:7px;height:7px;animation-delay:.8s;bottom:10%;left:2%}.rank-sparkle:nth-of-type(3){width:6px;height:6px;animation-delay:1.5s;top:38%;right:-4%}.rank-ribbon{flex:none;place-items:center;width:44px;height:52px;display:grid;position:relative;overflow:hidden}.rank-ribbon svg{width:100%;height:100%}.rank-ribbon:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:40%;animation:6s ease-in-out infinite rank-shine;position:absolute;inset:0 auto 0 -60%;transform:translate(-120%)skew(-12deg)}@media (hover:hover){.rank-card:hover .rank-ribbon{animation:1.2s ease-in-out infinite rank-pulse}}.rank-plain{font-variant-numeric:tabular-nums;flex:none;place-items:center;width:44px;height:44px;font-weight:600;display:grid}.rank-card[data-tier=gold]{box-shadow:0 0 0 1px #f5c5428c,0 0 32px -8px #f5c5428c}.rank-card[data-tier=silver]{box-shadow:0 0 0 1px #cbd5e173,0 0 28px -10px #cbd5e173}.rank-card[data-tier=bronze]{box-shadow:0 0 0 1px #cd7f3280,0 0 28px -10px #cd7f3280}.rank-dot{border-radius:9999px;flex:none;width:14px;height:14px;display:inline-block}.rank-dot[data-tier=gold]{background:radial-gradient(circle at 30% 30%,#fff3b0,#f5c542 55%,#b8860b)}.rank-dot[data-tier=silver]{background:radial-gradient(circle at 30% 30%,#fff,#cbd5e1 55%,#7c8794)}.rank-dot[data-tier=bronze]{background:radial-gradient(circle at 30% 30%,#ffd6b0,#cd7f32 55%,#7a4a1d)}.rank-dot[data-tier=ribbon]{background:linear-gradient(135deg,#8b5cf6,#09f);border-radius:3px}@keyframes rank-aura{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes rank-spin{to{transform:rotate(360deg)}}@keyframes rank-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes rank-shine{0%,55%{transform:translate(-120%)skew(-12deg)}to{transform:translate(420%)skew(-12deg)}}@keyframes rank-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes rank-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.rank-aura,.rank-rays,.rank-float,.rank-shine:after,.rank-sparkle,.rank-ribbon,.rank-ribbon:after{animation:none!important}.rank-sparkle{opacity:.8}}