/* Ranking artwork fades into the row and does not affect Elo or rank. */
.rank-art-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.public-site .frontend-table{min-width:780px}
.public-site .frontend-table th.rank-art-header,
.public-site .frontend-table td.rank-art-cell{width:180px;padding:0;text-align:right}
.public-site .frontend-table td.rank-art-cell{position:relative;height:64px;overflow:hidden}
.public-site #ladder-overview #ladderTable .table{min-width:670px;table-layout:fixed}
.public-site #ladder-overview #ladderTable .table th,
.public-site #ladder-overview #ladderTable .table td{padding:8px 5px}
.public-site #ladder-overview #ladderTable .table th:nth-child(1){width:38px}
.public-site #ladder-overview #ladderTable .table th:nth-child(2){width:44px}
.public-site #ladder-overview #ladderTable .table th:nth-child(4){width:62px}
.public-site #ladder-overview #ladderTable .table th:nth-child(5){width:44px}
.public-site #ladder-overview #ladderTable .table th:nth-child(6){width:48px}
.public-site #ladder-overview #ladderTable .table th:nth-child(7){width:63px}
.public-site #ladder-overview #ladderTable .table th:nth-child(8){width:170px}
.public-site #ladder-overview #ladderTable .table td.ladder-team-label{overflow-wrap:anywhere}
.public-site #ladder-overview #ladderTable .table td.rank-art-cell{position:relative;width:170px;height:62px;overflow:hidden;padding:0}
.public-site #ladder-overview .ladder-team-label .ladder-table-challenge{display:inline-block;margin:4px 0 0 8px;padding:2px 6px;white-space:nowrap;border:1px solid #635331;border-radius:4px;font-size:10px;line-height:1.5;vertical-align:middle}
.public-site .rank-art-cell .ranking-art{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:transparent;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 35%,#000 75%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 35%,#000 75%)}
.public-site .ranking-art img{display:block;width:100%;height:100%;object-fit:cover}
.public-site .ranking-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#26272555,transparent 65%);pointer-events:none}
@media(max-width:650px){.public-site .frontend-table th.rank-art-header,.public-site .frontend-table td.rank-art-cell{width:140px}.public-site #ladder-overview #ladderTable .table{min-width:670px}}

/* Standalone editor preview and staff moderation preview. */
.ranking-editor-preview{position:relative;display:flex;align-items:center;gap:18px;min-height:88px;padding:18px 22px;margin:0 0 24px;overflow:hidden;background:#292a27;border:1px solid #41433b;border-radius:7px;color:#fff}
.ranking-editor-preview>img{position:absolute;inset:0 0 0 auto;width:45%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to right,transparent,#000 70%);mask-image:linear-gradient(to right,transparent,#000 70%)}
.ranking-editor-preview>img[hidden]{display:none}
.ranking-editor-preview__rank,.ranking-editor-preview__name,.ranking-editor-preview__score{position:relative;z-index:1}
.ranking-editor-preview__rank{color:#e9bc62;font-size:13px;font-weight:800}
.ranking-editor-preview__name{font-size:clamp(17px,2.4vw,23px);overflow-wrap:anywhere}
.ranking-editor-preview__score{margin-left:auto;padding-right:15%;color:#e9bc62;font-size:12px;font-weight:800;white-space:nowrap}
.ranking-editor-preview__hint{position:absolute;right:12px;z-index:1;color:#bcb9b1;font-size:12px}
.ranking-editor-preview__hint[hidden]{display:none}
.admin-ranking-preview{position:relative;max-width:780px;height:95px;overflow:hidden;margin:12px 0 22px;border:1px solid #464b40;border-radius:7px;background:#292a27}
.admin-ranking-preview img{display:block;float:right;width:48%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to right,transparent,#000 75%);mask-image:linear-gradient(to right,transparent,#000 75%)}
@media(max-width:600px){.ranking-editor-preview{padding:14px;gap:9px}.ranking-editor-preview__score{font-size:10px;padding-right:10%}.ranking-editor-preview>img{width:55%}}