.wp-rank{--rank-size:48px;display:inline-block;position:relative;flex:0 0 auto;width:var(--rank-size);height:var(--rank-size);vertical-align:middle;isolation:isolate;overflow:visible}
.wp-rank img{display:block;object-fit:contain;max-width:none}
.wp-rank-medallion,.wp-rank-glow,.wp-rank-shine,.wp-rank-orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.wp-rank-glow{opacity:.58;animation:wp-rank-pulse 3s ease-in-out infinite}
.wp-rank-shine{mask:var(--rank-mask) center/contain no-repeat;background:linear-gradient(115deg,transparent 20%,#ffffff00 42%,#fff9 49%,#ffffff00 56%,transparent 80%);background-size:400% 100%;animation:wp-rank-shine 3s ease-in-out infinite;mix-blend-mode:screen;opacity:.7}
.wp-rank-orbit{animation:wp-rank-orbit 9s linear infinite}
.wp-rank-orbit i{position:absolute;width:5%;height:5%;background:var(--rank-color);box-shadow:0 0 4px var(--rank-color);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.wp-rank-orbit i:nth-child(1){top:8%;left:50%}.wp-rank-orbit i:nth-child(2){top:73%;left:12%}.wp-rank-orbit i:nth-child(3){top:73%;left:83%}
.wp-rank--gold .wp-rank-orbit{display:none}
.wp-rank--emerald .wp-rank-orbit{animation:wp-rank-rise 3s ease-out infinite}
.wp-rank--diamond .wp-rank-orbit{animation:wp-rank-float 3s ease-in-out infinite}
.wp-rank--master .wp-rank-orbit{inset:10%;width:80%;height:80%;border:1px solid #cba1f0aa;border-radius:50%;box-sizing:border-box;animation-duration:12s}
.wp-rank--grandmaster .wp-rank-glow{animation:wp-rank-ember 1.8s ease-in-out infinite}
.wp-rank--grandmaster .wp-rank-orbit{animation:wp-rank-rise 2.4s ease-out infinite}
.wp-rank--challenger .wp-rank-glow{opacity:.9;animation-duration:2.6s}
.wp-rank--challenger .wp-rank-orbit{animation-duration:14s}
.wp-rank-plaque{position:absolute;left:17%;bottom:-8%;width:66%;height:auto;filter:drop-shadow(0 1px 2px #0008)}
.wp-rank--plaque{margin-bottom:calc(var(--rank-size)*.09)}
.wp-title{--title-height:40px;--title-edge:#a9b8c8;--title-color:#ecf0f5;position:relative;display:inline-flex;align-items:center;gap:calc(var(--title-height)*.1);min-height:var(--title-height);padding:0 calc(var(--title-height)*.34) 0 calc(var(--title-height)*.24);box-sizing:border-box;isolation:isolate;vertical-align:middle;white-space:nowrap;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:calc(var(--title-height)*.64);line-height:1;color:var(--title-color);background:transparent;border:0}
.wp-title::before{content:'';position:absolute;inset:0;z-index:-2;border-style:solid;border-width:calc(var(--title-height)*.15) calc(var(--title-height)*.667);border-image-source:url('./assets/titles/plate-common.png');border-image-slice:18 80 fill;border-image-width:1;border-image-repeat:stretch;pointer-events:none}
.wp-title>img{display:block;flex:none;width:calc(var(--title-height)*.72);height:calc(var(--title-height)*.72);object-fit:contain}
.wp-title>span{position:relative}
.wp-title--rare{--title-color:#d0eeff}.wp-title--rare::before{border-image-source:url('./assets/titles/plate-rare.png');filter:drop-shadow(0 0 3px #2b85ba44)}
.wp-title--epic{--title-color:#eddbff}.wp-title--epic::before{border-image-source:url('./assets/titles/plate-epic.png')}
.wp-title--legendary{--title-color:#fff0b7}.wp-title--legendary::before{border-image-source:url('./assets/titles/plate-legendary.png');filter:drop-shadow(0 0 4px #eac36a44)}
.wp-title--epic::after,.wp-title--legendary::after{content:'';position:absolute;inset:12% 8%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#fff2 50%,transparent 60%);background-size:400% 100%;animation:wp-rank-shine 4s ease-in-out infinite;clip-path:polygon(2% 0,98% 0,100% 20%,100% 80%,98% 100%,2% 100%,0 80%,0 20%)}
.wp-title--legendary::after{background-image:linear-gradient(110deg,transparent 40%,#ffe4a33d 50%,transparent 60%);animation-duration:5s}
.wp-title-sparks{position:absolute;inset:0;pointer-events:none;overflow:visible}.wp-title-sparks b{position:absolute;bottom:20%;left:27%;width:calc(var(--title-height)*.12);height:calc(var(--title-height)*.12);background:url('./assets/titles/legendary-spark.png') center/contain no-repeat;animation:wp-title-spark 3s ease-out infinite}.wp-title-sparks b:nth-child(2){left:55%;animation-delay:-1s}.wp-title-sparks b:nth-child(3){left:80%;animation-delay:-2s}
@keyframes wp-rank-pulse{0%,100%{opacity:.4;transform:scale(.96)}50%{opacity:.8;transform:scale(1.04)}}
@keyframes wp-rank-shine{0%,15%{background-position:130% 0}55%,100%{background-position:-40% 0}}
@keyframes wp-rank-orbit{to{transform:rotate(360deg)}}
@keyframes wp-rank-rise{0%{transform:translateY(8%);opacity:0}25%{opacity:1}100%{transform:translateY(-14%);opacity:0}}
@keyframes wp-rank-float{0%,100%{transform:translateY(2%) rotate(-3deg)}50%{transform:translateY(-3%) rotate(3deg)}}
@keyframes wp-rank-ember{0%,100%{opacity:.5;transform:scale(.98)}35%{opacity:.9;transform:scale(1.03)}60%{opacity:.65;transform:scale(1.01)}}
@keyframes wp-title-spark{0%{transform:translateY(0);opacity:0}25%{opacity:.8}100%{transform:translateY(calc(var(--title-height)*-.7));opacity:0}}
@media(prefers-reduced-motion:reduce){.wp-rank *,.wp-title::after,.wp-title-sparks *{animation:none!important}.wp-rank-shine,.wp-rank-orbit,.wp-title-sparks{display:none}.wp-rank-glow{opacity:.55}.wp-title::after{opacity:0}}