.rank-badge{--rank-badge-size:100%;position:relative;display:inline-block;width:var(--rank-badge-size);max-width:100%;aspect-ratio:1;vertical-align:middle;isolation:isolate;line-height:1;flex:none;container-type:inline-size}
.rank-badge>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #165d6b55)}
.rank-badge-insignia{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:4cqw;padding:4cqw 10cqw;border:1px solid #e9ffdd;border-radius:40px;background:linear-gradient(#227785,#12485d);box-shadow:0 2px 0 #0d364f66;color:#fff4bc;white-space:nowrap}
.rank-badge-insignia>i{display:block;width:10cqw;height:10cqw;transform:rotate(45deg);border:1px solid #b9e4da;background:#123b51;border-radius:1px}
.rank-badge-insignia>i.earned{background:linear-gradient(135deg,#ffffe0,#ffe3a0 40%,#dba147);border-color:#fff3ad;box-shadow:0 0 4px #fff2b84d}
.rank-badge[data-legendary=true]>.rank-badge-insignia{bottom:0;border-color:#fff1ab;background:linear-gradient(#735695,#342c60);font:900 max(9px,13cqw)/1 'Nunito Sans',sans-serif;padding:3cqw 8cqw;box-shadow:0 2px 0 #28274d}
.rank-badge[data-legendary=true][data-prestige="3"]>img{filter:drop-shadow(0 0 4px #65ffff88) drop-shadow(0 3px 3px #43399055)}
.rank-badge[data-legendary=true][data-prestige="4"]>img{filter:drop-shadow(0 0 5px #fff09caa) drop-shadow(0 0 9px #be91ec88)}
.rank-badge-unavailable{display:inline-grid;place-items:center;color:#487d8b}