/* Ranking-only layout: native table columns align headings and data. */
#rankingLive{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#rankingLive .ranking-grid{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid rgba(216,173,103,.22);background:rgba(8,13,15,.34);color:#e5ddd0;font-size:12px;line-height:1.5}
#rankingLive .ranking-grid--level{min-width:540px}
#rankingLive .ranking-grid--metric{min-width:680px}
#rankingLive .ranking-grid--clan{min-width:680px}
#rankingLive .ranking-grid .ranking-column--position{width:52px}
#rankingLive .ranking-grid .ranking-column--name{width:29%}
#rankingLive .ranking-grid .ranking-column--guild{width:27%}
#rankingLive .ranking-grid .ranking-column--level{width:72px}
#rankingLive .ranking-grid .ranking-column--members{width:104px}
#rankingLive .ranking-grid--level .ranking-column--name{width:42%}
#rankingLive .ranking-grid--level .ranking-column--guild{width:auto}
#rankingLive .ranking-grid th,#rankingLive .ranking-grid td{display:table-cell;padding:12px 14px;vertical-align:middle;text-align:left;border-right:1px solid rgba(216,173,103,.1);border-bottom:1px solid rgba(255,255,255,.065);overflow-wrap:anywhere}
#rankingLive .ranking-grid th{background:#171b1e;color:#c7ac79;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:normal}
#rankingLive .ranking-grid td.ranking-cell--name{font-weight:700;color:#f1e8d6}
#rankingLive .ranking-grid .ranking-cell--position,#rankingLive .ranking-grid .ranking-cell--level{text-align:center;white-space:nowrap}
#rankingLive .ranking-grid .ranking-cell--score,#rankingLive .ranking-grid .ranking-cell--members{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#rankingLive .ranking-grid td.ranking-cell--score{color:#e1c184;font-weight:700}
#rankingLive .ranking-grid .ranking-top{color:#e8c47e;font-weight:700}
#rankingLive .ranking-grid tbody tr:nth-child(even){background:rgba(255,255,255,.018)}
#rankingLive .ranking-grid tbody tr:hover{background:rgba(216,173,103,.055)}
#rankingLive .ranking-grid .ranking-empty{text-align:center;padding:28px 14px;color:#aaa49a}
#rankTabs .rank-tab{white-space:nowrap}
@media(max-width:560px){#rankingLive .ranking-grid th,#rankingLive .ranking-grid td{padding:10px 12px}#rankingLive .ranking-grid .ranking-column--position{width:44px}}

#rankingLive .ranking-grid--accumulated{min-width:360px}#rankingLive .ranking-grid--accumulated .ranking-column--name{width:55%}

#rankingLive .ranking-grid--level .ranking-column--level{width:140px}
