/* Rank sprite sheet CSS */
.rank-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('/ranks-sprite.png') no-repeat;
    background-size: 608px 32px;
    vertical-align: middle;
}

.rank-icon-small {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('/ranks-sprite.png') no-repeat;
    background-size: 456px 24px; /* 608 * (24/32) = 456 */
    margin: -4px 8px -2px 0;
    vertical-align: middle;
    cursor: help;
}

.rank-icon-achievement {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/ranks-sprite.png') no-repeat;
    background-size: 380px 20px; /* 608 * (20/32) = 380 */
    vertical-align: middle;
    margin: 0 3px;
    cursor: help;
}

/* Rank positions (0-based, each rank is 32px wide) */
.rank-UNRANKED { background-position: 0px 0; opacity: 0.5 !important; }

/* Additional opacity rules for UNRANKED with higher specificity */
.rank-icon.rank-UNRANKED,
.rank-icon-small.rank-UNRANKED,
.rank-icon-achievement.rank-UNRANKED,
span.rank-UNRANKED {
    opacity: 0.5 !important;
}
.rank-BRONZE_I { background-position: -32px 0; }
.rank-BRONZE_II { background-position: -64px 0; }
.rank-BRONZE_III { background-position: -96px 0; }
.rank-SILVER_I { background-position: -128px 0; }
.rank-SILVER_II { background-position: -160px 0; }
.rank-SILVER_III { background-position: -192px 0; }
.rank-GOLD_I { background-position: -224px 0; }
.rank-GOLD_II { background-position: -256px 0; }
.rank-GOLD_III { background-position: -288px 0; }
.rank-PLATINUM_I { background-position: -320px 0; }
.rank-PLATINUM_II { background-position: -352px 0; }
.rank-PLATINUM_III { background-position: -384px 0; }
.rank-DIAMOND_I { background-position: -416px 0; }
.rank-DIAMOND_II { background-position: -448px 0; }
.rank-DIAMOND_III { background-position: -480px 0; }
.rank-CHAMPION_I { background-position: -512px 0; }
.rank-CHAMPION_II { background-position: -544px 0; }
.rank-CHAMPION_III { background-position: -576px 0; }

/* Small size positions (scaled for 24px height) */
.rank-icon-small.rank-UNRANKED { background-position: 0px 0; opacity: 0.5 !important; }
.rank-icon-small.rank-BRONZE_I { background-position: -24px 0; }
.rank-icon-small.rank-BRONZE_II { background-position: -48px 0; }
.rank-icon-small.rank-BRONZE_III { background-position: -72px 0; }
.rank-icon-small.rank-SILVER_I { background-position: -96px 0; }
.rank-icon-small.rank-SILVER_II { background-position: -120px 0; }
.rank-icon-small.rank-SILVER_III { background-position: -144px 0; }
.rank-icon-small.rank-GOLD_I { background-position: -168px 0; }
.rank-icon-small.rank-GOLD_II { background-position: -192px 0; }
.rank-icon-small.rank-GOLD_III { background-position: -216px 0; }
.rank-icon-small.rank-PLATINUM_I { background-position: -240px 0; }
.rank-icon-small.rank-PLATINUM_II { background-position: -264px 0; }
.rank-icon-small.rank-PLATINUM_III { background-position: -288px 0; }
.rank-icon-small.rank-DIAMOND_I { background-position: -312px 0; }
.rank-icon-small.rank-DIAMOND_II { background-position: -336px 0; }
.rank-icon-small.rank-DIAMOND_III { background-position: -360px 0; }
.rank-icon-small.rank-CHAMPION_I { background-position: -384px 0; }
.rank-icon-small.rank-CHAMPION_II { background-position: -408px 0; }
.rank-icon-small.rank-CHAMPION_III { background-position: -432px 0; }

/* Achievement size positions (scaled for 20px height) */
.rank-icon-achievement.rank-UNRANKED { background-position: 0px 0; opacity: 0.5 !important; }
.rank-icon-achievement.rank-BRONZE_I { background-position: -20px 0; }
.rank-icon-achievement.rank-BRONZE_II { background-position: -40px 0; }
.rank-icon-achievement.rank-BRONZE_III { background-position: -60px 0; }
.rank-icon-achievement.rank-SILVER_I { background-position: -80px 0; }
.rank-icon-achievement.rank-SILVER_II { background-position: -100px 0; }
.rank-icon-achievement.rank-SILVER_III { background-position: -120px 0; }
.rank-icon-achievement.rank-GOLD_I { background-position: -140px 0; }
.rank-icon-achievement.rank-GOLD_II { background-position: -160px 0; }
.rank-icon-achievement.rank-GOLD_III { background-position: -180px 0; }
.rank-icon-achievement.rank-PLATINUM_I { background-position: -200px 0; }
.rank-icon-achievement.rank-PLATINUM_II { background-position: -220px 0; }
.rank-icon-achievement.rank-PLATINUM_III { background-position: -240px 0; }
.rank-icon-achievement.rank-DIAMOND_I { background-position: -260px 0; }
.rank-icon-achievement.rank-DIAMOND_II { background-position: -280px 0; }
.rank-icon-achievement.rank-DIAMOND_III { background-position: -300px 0; }
.rank-icon-achievement.rank-CHAMPION_I { background-position: -320px 0; }
.rank-icon-achievement.rank-CHAMPION_II { background-position: -340px 0; }
.rank-icon-achievement.rank-CHAMPION_III { background-position: -360px 0; }

.rank-placeholder {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -4px 8px -2px 0;
    vertical-align: middle;
    background: url('/ranks-sprite.png') no-repeat;
    background-size: 456px 24px; /* 608 * (24/32) = 456 */
    background-position: 0px 0; /* UNRANKED position */
    opacity: 0.5 !important;
    cursor: help;
}

/* Final override for UNRANKED opacity - highest priority */
*[class*="rank-UNRANKED"],
*.rank-placeholder {
    opacity: 0.5 !important;
}