/* Ranking (MainRank_1 e o popup MainRankShowTip_1, public/js/rank-ui.js) */
#screen-rank { position: relative; overflow: hidden; background: #0b1020; }
.rk-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
/* a lista (TableView): células de 90 com a linha de 94 centrada; a rolagem é a do arrasto e da roda */
.rk-list { overflow: hidden; touch-action: none; }
.rk-rows { position: relative; width: 653px; }
.rk-row { position: relative; width: 653px; height: 90px; cursor: pointer; }
.rk-row > .rk-bar { top: -2px; left: 0; }
.rk-bar { position: absolute; width: 653px; height: 94px; pointer-events: none !important; }
.rk-bar > * { position: absolute; }
.rk-rankimg, .rk-ziji { transform: translate(-50%, 50%); pointer-events: none; }
.rk-ziji { z-index: 2; }
.rk-node > * { position: absolute; }
.rk-vacant { left: 40px; bottom: 36px; transform: translate(-50%, 50%); }
.rk-hero { left: 40px; bottom: 40px; width: 120px; height: 120px; transform: translate(-50%, 50%) scale(.7); }
.rk-headbox, .rk-pophead, .rk-pophero { pointer-events: none !important; }
.rk-emptyhead { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.8); }
.rk-pophero > .lu-icon { transform: scale(.8); transform-origin: 0 0; }
.rk .cc-text { text-shadow: none; }
/* linha do Club (ClubRankHandler): emblema a 0,6 no ponto do label_2, nome e "Lv." à direita dele */
.rk-club { position: absolute; width: 0; height: 0; pointer-events: none; }
.rk-club > * { position: absolute; }
.rk-clubicon { left: 0; top: 0; width: 60px; height: 60px; transform: translate(-50%, -50%); }
.rk-clubname, .rk-clublv { left: 35px; font-size: 21px; transform: translateY(-50%); }
.rk-clubname { top: -15px; }
.rk-clublv { top: 15px; }
/* popup do clube (uniontipshow_1): o emblema em (250, 370) e o anúncio de 550 centrado, topo em y 270 */
.rk-clubtip-icon { position: absolute; width: 100px; height: 100px; transform: translate(-50%, 50%); pointer-events: none !important; }
.rk-clubtip-ann { position: absolute; width: 550px; transform: translateX(-50%); white-space: normal; text-align: center;
  font-size: 21px; line-height: 1.2; color: #08cbfb; }