/* Compact, source-backed player leaderboards for the Studio room overview. */
html[data-theme="studio"] .room-rankings {min-width:0;}
html[data-theme="studio"] .room-rankings-heading {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:15px;}
html[data-theme="studio"] .room-rankings-heading h2 {margin:5px 0 0; font-size:18px; letter-spacing:-.5px; line-height:1.5;}
html[data-theme="studio"] .room-rankings-heading .field {display:flex; align-items:center; gap:9px; min-width:0; color:#65748a; font-size:12px;}
html[data-theme="studio"] .room-rankings-heading .field > span {white-space:nowrap;}
html[data-theme="studio"] #room-ranking-min-games {width:126px; min-width:0; min-height:38px; padding:7px 28px 7px 10px; font-size:13px;}
html[data-theme="studio"] .room-rankings-grid {display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:17px;}
html[data-theme="studio"] .room-ranking-card {grid-column:span 2; padding:19px 17px 13px; min-width:0;}
html[data-theme="studio"] .room-ranking-card:nth-child(n+4) {grid-column:span 3;}
html[data-theme="studio"] .room-ranking-heading {display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:12px; min-width:0;}
html[data-theme="studio"] .room-ranking-heading h3 {font-size:14px; line-height:1.55; margin:0; letter-spacing:-.2px; min-width:0; overflow-wrap:anywhere;}
html[data-theme="studio"] .room-ranking-eligible {font-size:10px; color:#78889f; white-space:nowrap; flex-shrink:0;}
html[data-theme="studio"] .room-ranking-list {display:flex; flex-direction:column; gap:3px; min-width:0;}
html[data-theme="studio"] .room-ranking-row {display:grid; grid-template-columns:27px 34px minmax(0,1fr); gap:9px; align-items:center; width:100%; min-width:0; min-height:81px; padding:12px 4px; border:0; border-radius:6px; background:transparent; color:inherit; text-align:left; cursor:pointer;}
html[data-theme="studio"] .room-ranking-row:hover {background:#f5f8ff;}
html[data-theme="studio"] .room-ranking-row + .room-ranking-row {border-top:1px solid #eef1f6;}
html[data-theme="studio"] .room-ranking-rank {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; color:#97a4b8; font-variant-numeric:tabular-nums;}
html[data-theme="studio"] .room-ranking-rank strong {font-size:18px; font-weight:700; line-height:1.25;}
html[data-theme="studio"] .room-ranking-rank small {font-size:9px; line-height:1.2;}
html[data-theme="studio"] .room-ranking-rank.is-first {color:#426fb8;}
html[data-theme="studio"] .room-ranking-main {display:flex; flex-direction:column; min-width:0; gap:4px;}
html[data-theme="studio"] .room-ranking-line {display:flex; align-items:baseline; flex-wrap:wrap; justify-content:space-between; gap:4px 8px; min-width:0;}
html[data-theme="studio"] .room-ranking-name {font-size:12px; font-weight:600; min-width:0; line-height:1.5; overflow-wrap:anywhere;}
html[data-theme="studio"] .room-ranking-value {font-size:17px; line-height:1.45; font-weight:650; color:#4369a5; font-variant-numeric:tabular-nums; white-space:nowrap;}
html[data-theme="studio"] .room-ranking-unit {font-size:10px; margin-left:2px; font-weight:500; color:#6f83a0;}
html[data-theme="studio"] .room-ranking-value.is-deathless {font-size:14px; color:#547584;}
html[data-theme="studio"] .room-ranking-sample {font-size:10px; line-height:1.4; color:#8290a5; font-variant-numeric:tabular-nums;}
html[data-theme="studio"] .room-ranking-track {display:block; height:5px; width:100%; border-radius:3px; overflow:hidden; background:#edf2f9; margin-top:1px;}
html[data-theme="studio"] .room-ranking-fill {display:block; height:100%; border-radius:inherit; background:#87a7df;}
html[data-theme="studio"] .room-ranking-kill_participation .room-ranking-fill {background:#b693cc;}
html[data-theme="studio"] .room-ranking-kill_participation .room-ranking-value {color:#9370a8;}
html[data-theme="studio"] .room-ranking-damage_per_min .room-ranking-fill {background:#d293af;}
html[data-theme="studio"] .room-ranking-damage_per_min .room-ranking-value {color:#af7190;}
html[data-theme="studio"] .room-ranking-vision_per_min .room-ranking-fill {background:#83acaa;}
html[data-theme="studio"] .room-ranking-vision_per_min .room-ranking-value {color:#5c8e8a;}
html[data-theme="studio"] .room-ranking-card .empty {min-height:150px; padding:30px 12px;}
html[data-theme="studio"] .room-ranking-card .empty h3 {font-size:13px; font-weight:500;}
html[data-theme="studio"] .room-rankings-help {margin-top:11px;}
html[data-theme="studio"] .room-rankings :is(button,select,summary):focus-visible {outline:2px solid #6387cb; outline-offset:3px;}
@media (max-width:1190px) {
  html[data-theme="studio"] .room-rankings-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px;}
  html[data-theme="studio"] .room-ranking-card,
  html[data-theme="studio"] .room-ranking-card:nth-child(n+4) {grid-column:span 1;}
}
@media (max-width:720px) {
  html[data-theme="studio"] .room-rankings-grid {grid-template-columns:minmax(0,1fr); gap:13px;}
  html[data-theme="studio"] .room-rankings-heading {gap:12px; align-items:flex-end; margin-bottom:13px;}
  html[data-theme="studio"] .room-rankings-heading h2 {font-size:17px;}
  html[data-theme="studio"] .room-rankings-heading .field {flex-direction:column; align-items:stretch; gap:5px;}
  html[data-theme="studio"] #room-ranking-min-games {width:119px;}
  html[data-theme="studio"] .room-ranking-card {padding:18px 15px 12px;}
  html[data-theme="studio"] .room-ranking-row {grid-template-columns:26px 34px minmax(0,1fr); gap:9px; min-height:77px; padding:11px 3px;}
  html[data-theme="studio"] .room-ranking-heading h3 {font-size:14px;}
  html[data-theme="studio"] .room-ranking-name {font-size:13px;}
}