/* EverLeaf Rankings — canonical inner-page layout, fitted to the viewport. */
body.route-rankings .siteContent>main.rankingsPage{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  background:#12130f!important;
}

/* Use the same shared title treatment as Downloads, Account, Help, etc. */
body.route-rankings .rankingsTitle{
  min-height:0!important;
  margin:0!important;
  padding:18px 0 14px!important;
  flex:0 0 auto!important;
}
body.route-rankings .rankingsTitle .pageHeroGrid{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
body.route-rankings .rankingsTitle .pageEyebrow{margin-bottom:8px!important}
body.route-rankings .rankingsTitle h1{
  margin:0!important;
  max-width:none!important;
  font-size:clamp(44px,4.8vw,66px)!important;
  line-height:.82!important;
}
body.route-rankings .rankingsTitle p{
  max-width:760px!important;
  margin:9px 0 0!important;
  font-size:11px!important;
  line-height:1.3!important;
}

body.route-rankings .rankingsViewport{
  height:100%!important;
  min-height:0!important;
  padding:9px 0 10px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  gap:7px!important;
}

/* Search + status rail uses the same flat edge-led language as the other pages. */
body.route-rankings .rankingsToolbar{
  min-width:0!important;
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:minmax(340px,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:6px 8px!important;
  border:1px solid #3c3c38!important;
  background:#12130f!important;
}
body.route-rankings .rankingsSearchInline{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto auto!important;
  gap:6px!important;
  align-items:center!important;
  margin:0!important;
}
body.route-rankings .rankingsSearchInline input{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid #3c3c38!important;
  border-radius:0!important;
  background:#0f100d!important;
  color:#e6e1dc!important;
  box-shadow:none!important;
}
body.route-rankings .rankingsSearchInline .btn{
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:0!important;
  font-size:8px!important;
}
body.route-rankings .rankingsInlineStats{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  min-width:0!important;
  height:34px!important;
  border-left:1px solid #3c3c38!important;
}
body.route-rankings .rankingsInlineStats>div{
  min-width:88px!important;
  padding:2px 11px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-right:1px solid #292a26!important;
}
body.route-rankings .rankingsInlineStats>div:last-child{border-right:0!important}
body.route-rankings .rankingsInlineStats span{
  color:#79766f!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.route-rankings .rankingsInlineStats strong{
  margin-top:1px!important;
  color:#e7e2dc!important;
  font:700 13px/1 Georgia,"Times New Roman",serif!important;
  white-space:nowrap!important;
}

/* Reuse the site's native tabs instead of a separate Rankings filter system. */
body.route-rankings .rankingsClassTabs{
  min-height:34px!important;
  margin:0!important;
  padding:3px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:2px!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#12130f!important;
}
body.route-rankings .rankingsClassTabs .tab{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:26px!important;
  padding:0 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:0!important;
  font-size:7px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

body.route-rankings .rankingsError{margin:0!important;padding:7px 10px!important}

/* Same two-column content rhythm used elsewhere, but fill the remaining viewport. */
body.route-rankings .rankingsWorkspace{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.52fr)!important;
  gap:1px!important;
  align-items:stretch!important;
  background:#292a26!important;
  overflow:hidden!important;
}
body.route-rankings .rankingsWorkspace.boardOnly{grid-template-columns:1fr!important}

body.route-rankings .rankingsBoardPanel{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  border-radius:0!important;
  background:#12130f!important;
}
body.route-rankings .rankingsBoardHead{
  min-height:48px!important;
  padding:8px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border-bottom:1px solid #3c3c38!important;
  background:#12130f!important;
}
body.route-rankings .rankingsBoardHead .pageEyebrow{
  margin:0 0 3px!important;
  font-size:6px!important;
}
body.route-rankings .rankingsBoardHead h2{
  margin:0!important;
  color:#e9e4de!important;
  font:700 18px/1 Georgia,"Times New Roman",serif!important;
}
body.route-rankings .rankingsBoardHead>span{
  color:#77736e!important;
  font-size:7px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

body.route-rankings .rankingsTableWrap{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#10110e!important;
}
body.route-rankings .rankingsTable{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  background:#10110e!important;
}
body.route-rankings .rankingsTable thead{height:28px!important}
body.route-rankings .rankingsTable tbody{height:calc(100% - 28px)!important}
body.route-rankings .rankingsTable tbody tr{height:16.666%!important}
body.route-rankings .rankingsTable th{
  height:28px!important;
  padding:4px 10px!important;
  border-bottom:1px solid #343530!important;
  background:#171814!important;
  color:#7f7b75!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.route-rankings .rankingsTable td{
  height:auto!important;
  padding:4px 10px!important;
  border-bottom:1px solid #252621!important;
  color:#bbb7b0!important;
  font-size:8px!important;
  vertical-align:middle!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.route-rankings .rankingsTable tbody tr:last-child td{border-bottom:0!important}
body.route-rankings .rankingsTable tbody tr:hover{background:#171814!important}
body.route-rankings .rankingsTable th:nth-child(1){width:64px!important}
body.route-rankings .rankingsTable th:nth-child(2){width:31%!important}
body.route-rankings .rankingsTable th:nth-child(3){width:20%!important}
body.route-rankings .rankingsTable th:nth-child(4){width:13%!important}
body.route-rankings .rankingsTable th:nth-child(5){width:12%!important}

body.route-rankings .rankingsCharacter{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
body.route-rankings .rankingsCharacterAvatar{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid #343530!important;
  border-radius:0!important;
  background:#171814!important;
}
body.route-rankings .rankingsCharacterAvatar img{
  max-width:36px!important;
  max-height:36px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
body.route-rankings .rankingsCharacter strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#e9e4de!important;
  font:700 11px/1 Georgia,"Times New Roman",serif!important;
}
body.route-rankings .rankingsPlace{
  width:30px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #3c3c38!important;
  border-radius:0!important;
  background:#171814!important;
  color:#97928c!important;
  font-size:7px!important;
  font-weight:900!important;
}
body.route-rankings .rankingsPlace.top1{border-color:#88733f!important;color:#e2c978!important;background:#262216!important}
body.route-rankings .rankingsPlace.top2{border-color:#5e625f!important;color:#c3c8c4!important;background:#202320!important}
body.route-rankings .rankingsPlace.top3{border-color:#74543e!important;color:#d1aa86!important;background:#251d18!important}
body.route-rankings .rankingsJob{
  display:inline-block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#9c9892!important;
  font-size:7px!important;
  font-weight:800!important;
}
body.route-rankings .rankingsLevel{color:#91c89b!important;font-weight:900!important}

body.route-rankings .rankingsPagination{
  min-height:38px!important;
  padding:5px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-top:1px solid #3c3c38!important;
  background:#12130f!important;
}
body.route-rankings .rankingsPagination .pagination{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
}
body.route-rankings .rankingsPagination .pageBtn{
  min-width:25px!important;
  height:25px!important;
  padding:0 6px!important;
  border-radius:0!important;
  font-size:7px!important;
}
body.route-rankings .rankingsPagination>span{color:#77736e!important;font-size:7px!important;white-space:nowrap!important}
body.route-rankings .pageGap{color:#6f6b66!important;font-size:8px!important}

/* Top 3 occupies the side column completely; no dead right-side space. */
body.route-rankings .rankingsAside{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  background:#12130f!important;
}
body.route-rankings .rankingsLeadersPanel{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#12130f!important;
}
body.route-rankings .rankingsLeadersHead{
  min-height:48px!important;
  padding:8px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-bottom:1px solid #3c3c38!important;
}
body.route-rankings .rankingsLeadersHead .pageEyebrow{margin:0 0 3px!important;font-size:6px!important}
body.route-rankings .rankingsLeadersHead h2{margin:0!important;color:#e9e4de!important;font:700 16px/1 Georgia,"Times New Roman",serif!important}
body.route-rankings .rankingsLeadersHead>span{color:#77736e!important;font-size:6px!important;text-align:right!important}
body.route-rankings .rankingsLeaderList{
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
}
body.route-rankings .rankingsLeaderRow{
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:36px 74px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  padding:8px 10px!important;
  border-bottom:1px solid #292a26!important;
  background:#12130f!important;
}
body.route-rankings .rankingsLeaderRow:last-child{border-bottom:0!important}
body.route-rankings .rankingsLeaderRow.rank1{background:linear-gradient(90deg,#201d13 0,#12130f 56%)!important}
body.route-rankings .rankingsLeaderNumber{
  color:#908b85!important;
  font:700 18px/1 Georgia,"Times New Roman",serif!important;
  text-align:center!important;
}
body.route-rankings .rankingsLeaderRow.rank1 .rankingsLeaderNumber{color:#e2c978!important}
body.route-rankings .rankingsLeaderAvatar{
  width:74px!important;
  height:74px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
body.route-rankings .rankingsLeaderAvatar img{
  max-width:72px!important;
  max-height:72px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
body.route-rankings .rankingsLeaderCopy{min-width:0!important}
body.route-rankings .rankingsLeaderCopy>strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#ece7e1!important;
  font:700 15px/1 Georgia,"Times New Roman",serif!important;
}
body.route-rankings .rankingsLeaderCopy>span{
  display:block!important;
  margin-top:4px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#8e8a84!important;
  font-size:7px!important;
}
body.route-rankings .rankingsLeaderCopy>div{
  margin-top:7px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
body.route-rankings .rankingsLeaderCopy b{color:#99ca9f!important;font-size:8px!important}
body.route-rankings .rankingsLeaderRow.rank1 .rankingsLeaderCopy b{color:#e2c978!important}
body.route-rankings .rankingsLeaderCopy small{color:#706c67!important;font-size:7px!important}

body.route-rankings .rankingsEmpty{
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  place-content:center!important;
  text-align:center!important;
  padding:18px!important;
}
body.route-rankings .rankingsEmpty h3{margin:0 0 5px!important;color:#e9e4de!important;font:700 18px Georgia,"Times New Roman",serif!important}
body.route-rankings .rankingsEmpty p{margin:0 0 10px!important;color:#8f8b85!important;font-size:8px!important}

/* Short desktop windows tighten without introducing a scroll surface. */
@media(max-height:760px) and (min-width:901px){
  body.route-rankings .rankingsTitle{padding:11px 0 9px!important}
  body.route-rankings .rankingsTitle .pageEyebrow{margin-bottom:4px!important;font-size:7px!important}
  body.route-rankings .rankingsTitle h1{font-size:40px!important}
  body.route-rankings .rankingsTitle p{margin-top:5px!important;font-size:9px!important}
  body.route-rankings .rankingsViewport{padding:6px 0 7px!important;gap:5px!important}
  body.route-rankings .rankingsToolbar{min-height:36px!important;padding:3px 5px!important}
  body.route-rankings .rankingsSearchInline input,
  body.route-rankings .rankingsSearchInline .btn{height:30px!important;min-height:30px!important}
  body.route-rankings .rankingsInlineStats{height:30px!important}
  body.route-rankings .rankingsInlineStats>div{padding:1px 8px!important;min-width:78px!important}
  body.route-rankings .rankingsClassTabs{min-height:29px!important;padding:2px!important}
  body.route-rankings .rankingsClassTabs .tab{min-height:23px!important;font-size:6px!important}
  body.route-rankings .rankingsBoardHead,
  body.route-rankings .rankingsLeadersHead{min-height:40px!important;padding-top:5px!important;padding-bottom:5px!important}
  body.route-rankings .rankingsBoardHead h2{font-size:15px!important}
  body.route-rankings .rankingsLeadersHead h2{font-size:14px!important}
  body.route-rankings .rankingsCharacterAvatar{width:32px!important;height:32px!important;flex-basis:32px!important}
  body.route-rankings .rankingsCharacterAvatar img{max-width:30px!important;max-height:30px!important}
  body.route-rankings .rankingsLeaderAvatar{width:58px!important;height:58px!important}
  body.route-rankings .rankingsLeaderAvatar img{max-width:56px!important;max-height:56px!important}
  body.route-rankings .rankingsLeaderRow{grid-template-columns:31px 58px minmax(0,1fr)!important;padding:5px 8px!important}
  body.route-rankings .rankingsPagination{min-height:32px!important;padding:3px 6px!important}
}

/* Smaller windows keep the canonical full-width frame and drop the secondary side panel. */
@media(max-width:900px){
  body.route-rankings .rankingsTitle{padding:12px 0 10px!important}
  body.route-rankings .rankingsTitle h1{font-size:38px!important}
  body.route-rankings .rankingsTitle p{font-size:9px!important}
  body.route-rankings .rankingsToolbar{grid-template-columns:1fr auto!important}
  body.route-rankings .rankingsUpdated{display:none!important}
  body.route-rankings .rankingsInlineStats>div{min-width:68px!important;padding-inline:7px!important}
  body.route-rankings .rankingsWorkspace{grid-template-columns:1fr!important}
  body.route-rankings .rankingsAside{display:none!important}
}

@media(max-width:700px){
  body.route-rankings .rankingsViewport{width:calc(100% - 22px)!important}
  body.route-rankings .rankingsToolbar{grid-template-columns:1fr!important}
  body.route-rankings .rankingsInlineStats{display:none!important}
  body.route-rankings .rankingsClassTabs{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    min-height:52px!important;
  }
  body.route-rankings .rankingsClassTabs .tab{min-height:22px!important;padding:0 2px!important;font-size:6px!important}
  body.route-rankings .rankingsTable th:nth-child(5),
  body.route-rankings .rankingsTable td:nth-child(5),
  body.route-rankings .rankingsTable th:nth-child(6),
  body.route-rankings .rankingsTable td:nth-child(6){display:none!important}
  body.route-rankings .rankingsTable th:nth-child(2){width:42%!important}
  body.route-rankings .rankingsTable th:nth-child(3){width:25%!important}
  body.route-rankings .rankingsTable th:nth-child(4){width:18%!important}
}

@media(max-width:500px){
  body.route-rankings .rankingsTitle p{display:none!important}
  body.route-rankings .rankingsSearchInline{grid-template-columns:minmax(0,1fr) auto!important}
  body.route-rankings .rankingsSearchInline .btn:not(.primary){display:none!important}
  body.route-rankings .rankingsTable th:nth-child(3),
  body.route-rankings .rankingsTable td:nth-child(3){display:none!important}
  body.route-rankings .rankingsTable th:nth-child(2){width:auto!important}
  body.route-rankings .rankingsTable th:nth-child(4){width:25%!important}
  body.route-rankings .rankingsCharacterAvatar{width:30px!important;height:30px!important;flex-basis:30px!important}
  body.route-rankings .rankingsCharacterAvatar img{max-width:28px!important;max-height:28px!important}
}

/* Rankings hard override: suppress legacy cream zebra rows from global table themes. */
body.route-rankings:not(.route-admin) table.rankingsTable tbody tr,
body.route-rankings:not(.route-admin) table.rankingsTable tbody tr:nth-child(odd),
body.route-rankings:not(.route-admin) table.rankingsTable tbody tr:nth-child(even){
  background:#10110e!important;
}
body.route-rankings:not(.route-admin) table.rankingsTable tbody tr:hover{
  background:#171814!important;
}
body.route-rankings:not(.route-admin) table.rankingsTable tbody td{
  background:transparent!important;
}

/* Hierarchical ranking class filters. */
body.route-rankings .rankingsFilterStack{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}
body.route-rankings .rankingsClassTabs,
body.route-rankings .rankingsSubTabs{
  margin:0!important;
  padding:3px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:2px!important;
  overflow:hidden!important;
  border:1px solid #343530!important;
  border-radius:0!important;
  background:#10110e!important;
}
body.route-rankings .rankingsClassTabs .tab,
body.route-rankings .rankingsSubTabs .tab{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:26px!important;
  padding:0 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid transparent!important;
  border-radius:0!important;
  background:#171814!important;
  color:#9b9891!important;
  box-shadow:none!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body.route-rankings .rankingsClassTabs .tab:hover,
body.route-rankings .rankingsSubTabs .tab:hover{
  background:#20211d!important;
  color:#e8e4de!important;
}
body.route-rankings .rankingsClassTabs .tab.active{
  border-color:#53885b!important;
  background:#2f6e3a!important;
  color:#f1f3e9!important;
}
body.route-rankings .rankingsSubTabs{
  border-color:#292a26!important;
  background:#0d0e0b!important;
}
body.route-rankings .rankingsSubTabs .tab{
  min-height:24px!important;
  background:#12130f!important;
  color:#817e78!important;
  font-size:6.5px!important;
}
body.route-rankings .rankingsSubTabs .tab.active{
  border-color:#6b8e62!important;
  background:#1f3d25!important;
  color:#bfe0bc!important;
}
@media(max-height:760px) and (min-width:901px){
  body.route-rankings .rankingsFilterStack{gap:2px!important}
  body.route-rankings .rankingsClassTabs,
  body.route-rankings .rankingsSubTabs{padding:2px!important}
  body.route-rankings .rankingsClassTabs .tab{min-height:22px!important}
  body.route-rankings .rankingsSubTabs .tab{min-height:20px!important}
}

/* Rankings v6 visual polish — compact, readable, and consistent with the EverLeaf app frame. */
body.route-rankings .rankingsTitle{
  padding:16px 0 13px!important;
  background:linear-gradient(90deg,#12130f 0%,#151912 52%,#12130f 100%)!important;
  border-bottom:1px solid #2e342f!important;
}
body.route-rankings .rankingsTitle .pageEyebrow{color:#78a97e!important;letter-spacing:.11em!important}
body.route-rankings .rankingsTitle h1{font-size:clamp(42px,4.3vw,62px)!important;letter-spacing:-.045em!important}
body.route-rankings .rankingsTitle p{color:#8f958e!important;font-size:11.5px!important}

body.route-rankings .rankingsViewport{gap:8px!important;padding:10px 0 11px!important}

body.route-rankings .rankingsToolbar{
  min-height:48px!important;
  padding:6px!important;
  gap:10px!important;
  border:1px solid #303630!important;
  border-radius:8px!important;
  background:#0f110e!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
}
body.route-rankings .rankingsSearchInline{gap:6px!important}
body.route-rankings .rankingsSearchInline input{
  height:36px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border-color:#343b35!important;
  border-radius:6px!important;
  background:#0b0d0b!important;
  color:#ece9e2!important;
  font-size:11px!important;
}
body.route-rankings .rankingsSearchInline input:focus{
  outline:none!important;
  border-color:#5e8b64!important;
  box-shadow:0 0 0 2px rgba(94,139,100,.12)!important;
}
body.route-rankings .rankingsSearchInline .btn{
  height:36px!important;
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:6px!important;
  font-size:8px!important;
  letter-spacing:.05em!important;
}
body.route-rankings .rankingsSearchInline .btn.primary{
  border-color:#5f9567!important;
  background:linear-gradient(180deg,#4d8d57,#397944)!important;
  color:#f4f6ed!important;
  box-shadow:none!important;
}
body.route-rankings .rankingsInlineStats{
  height:36px!important;
  border-left:0!important;
  border:1px solid #292e2a!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#111410!important;
}
body.route-rankings .rankingsInlineStats>div{
  min-width:92px!important;
  padding:3px 12px!important;
  border-right:1px solid #292e2a!important;
}
body.route-rankings .rankingsInlineStats span{color:#6f756f!important;font-size:6.5px!important}
body.route-rankings .rankingsInlineStats strong{color:#f0ece5!important;font-size:13px!important}

body.route-rankings .rankingsFilterStack{
  gap:4px!important;
  padding:4px!important;
  border:1px solid #303630!important;
  border-radius:8px!important;
  background:#0f110e!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
}
body.route-rankings .rankingsClassTabs,
body.route-rankings .rankingsSubTabs{
  min-height:0!important;
  padding:0!important;
  gap:4px!important;
  border:0!important;
  background:transparent!important;
}
body.route-rankings .rankingsClassTabs .tab,
body.route-rankings .rankingsSubTabs .tab{
  min-height:29px!important;
  border:1px solid #292f2a!important;
  border-radius:5px!important;
  background:#151815!important;
  color:#9aa099!important;
  font-size:7.5px!important;
  letter-spacing:.045em!important;
  transition:background .12s ease,border-color .12s ease,color .12s ease!important;
}
body.route-rankings .rankingsClassTabs .tab:hover,
body.route-rankings .rankingsSubTabs .tab:hover{
  border-color:#3d4a40!important;
  background:#1b201b!important;
  color:#e9e5df!important;
}
body.route-rankings .rankingsClassTabs .tab.active{
  border-color:#5d8e64!important;
  background:linear-gradient(180deg,#3f7d49,#32683b)!important;
  color:#f2f5ec!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05)!important;
}
body.route-rankings .rankingsSubTabs{
  padding-top:1px!important;
  border-top:1px solid #252a26!important;
}
body.route-rankings .rankingsSubTabs .tab{
  min-height:25px!important;
  border-color:transparent!important;
  background:#10130f!important;
  color:#7f877f!important;
  font-size:7px!important;
}
body.route-rankings .rankingsSubTabs .tab.active{
  border-color:#4e6c53!important;
  background:#1b2b1e!important;
  color:#bcd7bf!important;
  box-shadow:inset 0 -2px #5b9864!important;
}

body.route-rankings .rankingsWorkspace{
  grid-template-columns:minmax(0,1.58fr) minmax(340px,.62fr)!important;
  gap:8px!important;
  background:transparent!important;
}
body.route-rankings .rankingsBoardPanel,
body.route-rankings .rankingsLeadersPanel{
  border:1px solid #303630!important;
  border-radius:8px!important;
  background:#0f110e!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}
body.route-rankings .rankingsBoardHead,
body.route-rankings .rankingsLeadersHead{
  min-height:52px!important;
  padding:9px 13px!important;
  border-bottom-color:#2a302b!important;
  background:linear-gradient(180deg,#151815,#11130f)!important;
}
body.route-rankings .rankingsBoardHead .pageEyebrow,
body.route-rankings .rankingsLeadersHead .pageEyebrow{color:#6f9e75!important;font-size:6.5px!important}
body.route-rankings .rankingsBoardHead h2{font-size:19px!important;letter-spacing:-.01em!important}
body.route-rankings .rankingsLeadersHead h2{font-size:17px!important;letter-spacing:-.01em!important}
body.route-rankings .rankingsBoardHead>span,
body.route-rankings .rankingsLeadersHead>span{color:#747b74!important;font-size:7px!important}

body.route-rankings .rankingsTableWrap{background:#0d0f0c!important}
body.route-rankings .rankingsTable{background:#0d0f0c!important}
body.route-rankings .rankingsTable th{
  height:30px!important;
  padding:5px 12px!important;
  border-bottom-color:#303630!important;
  background:#141714!important;
  color:#78837a!important;
  font-size:7px!important;
}
body.route-rankings:not(.route-admin) table.rankingsTable tbody tr,
body.route-rankings:not(.route-admin) table.rankingsTable tbody tr:nth-child(odd){background:#0f110e!important}
body.route-rankings:not(.route-admin) table.rankingsTable tbody tr:nth-child(even){background:#121511!important}
body.route-rankings:not(.route-admin) table.rankingsTable tbody tr:hover{background:#182019!important}
body.route-rankings .rankingsTable td{
  padding:5px 12px!important;
  border-bottom-color:#252a26!important;
  color:#b8bdb7!important;
  font-size:9px!important;
}
body.route-rankings .rankingsCharacter{gap:9px!important}
body.route-rankings .rankingsCharacterAvatar{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  border-color:#343b35!important;
  border-radius:6px!important;
  background:#171b17!important;
}
body.route-rankings .rankingsCharacterAvatar img{max-width:38px!important;max-height:38px!important}
body.route-rankings .rankingsCharacter strong{font-size:12px!important;color:#f0ece5!important}
body.route-rankings .rankingsJob{color:#939a93!important;font-size:7.5px!important}
body.route-rankings .rankingsLevel{color:#8fc799!important;font-size:9px!important}
body.route-rankings .rankingsPlace{
  width:32px!important;
  height:25px!important;
  border-radius:5px!important;
  background:#171a17!important;
  font-size:7.5px!important;
}

body.route-rankings .rankingsLeaderRow{
  grid-template-columns:42px 82px minmax(0,1fr)!important;
  gap:10px!important;
  padding:9px 12px!important;
  border-bottom-color:#292f2a!important;
  background:#10120f!important;
}
body.route-rankings .rankingsLeaderRow.rank1{
  border-left:3px solid #b99a49!important;
  background:linear-gradient(90deg,#211d12 0,#12140f 62%)!important;
}
body.route-rankings .rankingsLeaderRow.rank2{border-left:3px solid #777d79!important}
body.route-rankings .rankingsLeaderRow.rank3{border-left:3px solid #8c6247!important}
body.route-rankings .rankingsLeaderNumber{font-size:20px!important;color:#858b85!important}
body.route-rankings .rankingsLeaderRow.rank1 .rankingsLeaderNumber{color:#ddc36f!important}
body.route-rankings .rankingsLeaderAvatar{
  width:82px!important;
  height:82px!important;
  border:1px solid #333934!important;
  border-radius:8px!important;
  background:#171a16!important;
}
body.route-rankings .rankingsLeaderAvatar img{max-width:78px!important;max-height:78px!important}
body.route-rankings .rankingsLeaderCopy>strong{font-size:16px!important;color:#f1ede6!important}
body.route-rankings .rankingsLeaderCopy>span{font-size:7.5px!important;color:#8a918a!important}
body.route-rankings .rankingsLeaderCopy b{font-size:9px!important;color:#91c69a!important}
body.route-rankings .rankingsLeaderCopy small{font-size:7.5px!important;color:#737973!important}

body.route-rankings .rankingsPagination{
  min-height:40px!important;
  padding:6px 9px!important;
  border-top-color:#2b312c!important;
  background:#11130f!important;
}
body.route-rankings .rankingsPagination .pageBtn{
  min-width:27px!important;
  height:27px!important;
  border-color:#303731!important;
  border-radius:5px!important;
  background:#171a17!important;
  color:#9aa09a!important;
  font-size:7.5px!important;
}
body.route-rankings .rankingsPagination .pageBtn.active,
body.route-rankings .rankingsPagination .pageBtn:hover{
  border-color:#5b8d63!important;
  background:#2f6839!important;
  color:#f3f5ef!important;
}

@media(max-height:760px) and (min-width:901px){
  body.route-rankings .rankingsToolbar{min-height:40px!important;padding:4px!important}
  body.route-rankings .rankingsSearchInline input,
  body.route-rankings .rankingsSearchInline .btn{height:31px!important;min-height:31px!important}
  body.route-rankings .rankingsInlineStats{height:31px!important}
  body.route-rankings .rankingsFilterStack{padding:3px!important}
  body.route-rankings .rankingsClassTabs .tab{min-height:23px!important}
  body.route-rankings .rankingsSubTabs .tab{min-height:20px!important}
  body.route-rankings .rankingsBoardHead,
  body.route-rankings .rankingsLeadersHead{min-height:42px!important;padding:5px 10px!important}
  body.route-rankings .rankingsCharacterAvatar{width:34px!important;height:34px!important;flex-basis:34px!important}
  body.route-rankings .rankingsCharacterAvatar img{max-width:32px!important;max-height:32px!important}
  body.route-rankings .rankingsLeaderRow{grid-template-columns:34px 60px minmax(0,1fr)!important;padding:5px 8px!important}
  body.route-rankings .rankingsLeaderAvatar{width:60px!important;height:60px!important}
  body.route-rankings .rankingsLeaderAvatar img{max-width:58px!important;max-height:58px!important}
}