#tab-ranking .rank-table-outer-v1{padding:0 10px 10px;overflow-x:auto}
#tab-ranking .rank-activity-table-v1{
  width:100%;min-width:920px;table-layout:fixed;
  border-collapse:separate!important;border-spacing:0 4px!important;
}
#tab-ranking .rank-activity-table-v1 th{
  padding:12px 10px!important;background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  color:#8297a0;font:750 9px Inter,sans-serif;letter-spacing:.06em;
  text-transform:uppercase;white-space:nowrap;text-align:left;
}
#tab-ranking .rank-activity-table-v1 th:nth-child(1){width:48px;text-align:center}
#tab-ranking .rank-activity-table-v1 th:nth-child(2){width:27%}
#tab-ranking .rank-activity-table-v1 th:nth-child(3){width:90px}
#tab-ranking .rank-activity-table-v1 th:nth-child(4){width:21%}
#tab-ranking .rank-activity-table-v1 th:nth-child(5){width:75px}
#tab-ranking .rank-activity-table-v1 th:nth-child(6){width:120px}
#tab-ranking .rank-activity-table-v1 th:nth-child(7){width:110px;text-align:right}
#tab-ranking #rank-tbl{padding:0!important}
#tab-ranking .rank-activity-table-v1 .rank-row{
  display:table-row!important;min-height:0!important;margin:0!important;
  padding:0!important;border-radius:0!important;
  background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;
}
#tab-ranking .rank-activity-table-v1 .rank-row:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
}
#tab-ranking .rank-activity-table-v1 .rank-row::before{display:none!important}
#tab-ranking .rank-activity-table-v1 .rank-row>td{
  display:table-cell!important;position:relative;height:58px!important;
  padding:8px 10px!important;vertical-align:middle;
  background:transparent!important;border:0!important;
  font-size:11px;font-variant-numeric:tabular-nums;
  width:auto!important;grid-column:auto!important;grid-row:auto!important;
}
#tab-ranking .rank-activity-table-v1 .rank-row>td::before{display:none!important}
#tab-ranking .rank-activity-table-v1 .rank-row>td:first-child{
  border-radius:5px 0 0 5px!important;text-align:center;
}
#tab-ranking .rank-activity-table-v1 .rank-row>td:first-child::before{
  display:block!important;content:"";position:absolute;left:0;top:9px;bottom:9px;
  width:2px;border-radius:2px;background:var(--rank-accent);margin:0;
}
#tab-ranking .rank-activity-table-v1 .rank-row>td:last-child{
  border-radius:0 5px 5px 0!important;text-align:right;
}
#tab-ranking .rank-activity-table-v1 .rank-person-top{gap:6px}
#tab-ranking .rank-activity-table-v1 .rank-table-avatar{
  width:30px;height:30px;border:0;background:transparent;
}
#tab-ranking .rank-activity-table-v1 .rank-player{font-size:11px}
#tab-ranking .rank-activity-table-v1 .rank-progress>span:first-child{
  display:flex;justify-content:space-between;gap:5px;margin-bottom:6px;
}
#tab-ranking .rank-activity-table-v1 .bar-track{
  display:block;height:4px!important;min-height:4px!important;
  border:0;border-radius:4px;overflow:hidden;
  background:rgba(105,166,189,.13);
}
#tab-ranking .rank-activity-table-v1 .bar-fill{display:block;height:100%}
#tab-ranking .rank-activity-table-v1 .rank-activity-values{margin-bottom:6px}
#tab-ranking .rank-activity-table-v1 .rank-metric-v5 .points-badge{
  display:inline-block;vertical-align:middle;width:78px;height:28px;
}
#tab-ranking .rank-panel>.panel-head{
  isolation:isolate;overflow:hidden;padding:10px 18px!important;
  background:
    radial-gradient(ellipse at 8% 0%,rgba(98,222,247,.30),transparent 42%),
    radial-gradient(ellipse at 95% 100%,rgba(211,119,242,.27),transparent 42%),
    linear-gradient(105deg,#205b72,#413c79 48%,#633b76)!important;
  box-shadow:inset 0 1px rgba(213,234,255,.28),
    inset 0 -1px rgba(193,176,245,.13)!important;
  border-bottom:1px solid rgba(173,169,227,.22)!important;
}
#tab-ranking .rank-panel>.panel-head::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 20%,rgba(255,255,255,.02) 30%,
      rgba(224,238,255,.18) 37%,rgba(255,255,255,.04) 43%,transparent 52%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0px,
      rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%,rgba(0,0,0,.20));
}
#tab-ranking .rank-panel>.panel-head::after{
  content:"";position:absolute;inset:0;width:auto;height:auto;
  pointer-events:none;background:
    linear-gradient(90deg,transparent,rgba(175,225,255,.60) 18%,
      rgba(189,162,247,.15) 56%,rgba(229,168,250,.48) 85%,transparent)
      top / 100% 1px no-repeat,
    linear-gradient(90deg,rgba(83,204,233,.45),
      rgba(139,97,232,.16),rgba(198,91,231,.40))
      bottom / 100% 1px no-repeat!important;
}
#tab-ranking .rank-panel>.panel-head>div{position:relative;z-index:1}
#tab-ranking #rank-mode-subtitle{color:#d5e2f1}
@media(max-width:650px){
  #tab-ranking .rank-table-outer-v1{padding:0 6px 8px}
  #tab-ranking .rank-panel>.panel-head{padding:12px 14px!important}
}