.rank-power-image { --rank-scale: .65; position: relative; display: inline-block; flex: none; width: calc(var(--rank-width) * var(--rank-scale)); height: calc(40px * var(--rank-scale)); overflow: hidden; vertical-align: middle; }
.rank-power-image img { position: absolute; left: 0; top: calc(-28px * var(--rank-scale)); width: calc(var(--rank-width) * var(--rank-scale)); height: calc(68px * var(--rank-scale)); max-width: none; margin: 0; }
.rank-power-image.failed { width: auto; min-width: 3em; font-size: 12px; font-weight: 400; color: #64748b; }
@media (max-width: 620px) { .rank-power-image { --rank-scale: .5; } .rank-cell.power { padding-left: 4px; padding-right: 4px; } }