/* Рейтинг игроков: таблица на ПК, компактные строки на телефоне. */

/* Сводка: моё место и итоги */
.rank-aside{margin-bottom:20px}
.rank-summary{padding:14px 16px}
.rank-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:14px 12px;margin:0}
.rank-stats dt,.rank-stats dd{margin:0}
.rank-stats .pb-stat{gap:6px}
.rank-stats .pb-stat b{font-size:13px;line-height:1.35}
.rank-stat-me b{color:var(--pb-color-accent-foreground)}
.rank-summary-text{margin:14px 0 0;color:var(--pb-color-text-secondary);font-size:14px;line-height:1.5}
.rank-summary-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

/* Список */
.rank-head{display:none}
.rank-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--pb-color-border-subtle)}
.rank-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 4px;border-bottom:1px solid var(--pb-color-border-subtle);color:var(--pb-color-text-primary);text-decoration:none;font-variant-numeric:tabular-nums}
.rank-row:hover{background:var(--pb-color-surface-1)}
.rank-row:hover .cp-user-name{color:var(--pb-color-accent-foreground)}
.rank-row.is-me{background:var(--pb-color-accent-soft)}
.rank-pos{text-align:center;color:var(--pb-color-text-muted);font-size:12px}
.rank-row.is-top{min-height:76px}
.rank-row.is-top .rank-pos{font-size:17px}
.rank-row.is-top-1 .rank-pos{color:var(--pb-color-accent-foreground)}
.rank-row.is-top-2 .rank-pos{color:var(--pb-color-text-primary)}
.rank-row.is-top-3 .rank-pos{color:var(--pb-color-warning)}
.rank-row.is-top .cp-user-name{font-size:16px}
.rank-col-level,.rank-col-val{display:none}
.rank-col-val.is-metric{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:15px;font-weight:700;text-align:right;white-space:nowrap}
.rank-unit{color:var(--pb-color-text-muted);font-size:12px;font-weight:500}

/* Страницы */
.rank-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.rank-pagination-text{color:var(--pb-color-text-muted);font-size:14px}

@media (min-width:768px){
  .rank-head,.rank-row{grid-template-columns:52px minmax(0,1fr) 80px 120px 110px;gap:16px}
  .rank-head{display:grid;align-items:end;padding:0 4px 10px;color:var(--pb-color-text-muted);font-size:13px;font-weight:600}
  .rank-head span:first-child{text-align:center}
  .rank-head .rank-col-level{display:block;text-align:center}
  .rank-head .rank-col-val{display:block;text-align:right}
  .rank-head .is-metric{color:var(--pb-color-text-primary)}
  .rank-list{border-top-color:var(--pb-color-border-default)}
  .rank-row .rank-col-level{display:block;text-align:center;color:var(--pb-color-text-secondary);font-size:15px}
  .rank-row .rank-col-val{display:block;text-align:right;color:var(--pb-color-text-secondary);font-size:15px;white-space:nowrap}
  .rank-row .rank-col-val.is-metric{display:block;color:var(--pb-color-text-primary);font-weight:700}
  .rank-unit{display:none}
}

@media (min-width:1100px){
  .rank-layout>.rank-main{grid-column:1;grid-row:1}
  .rank-layout>.rank-aside{grid-column:2;grid-row:1;margin:0}
  .rank-summary{padding:18px 20px}
  .rank-stats{grid-template-columns:1fr;gap:0}
  .rank-stats .pb-stat{flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--pb-color-border-subtle)}
  .rank-stats .pb-stat:first-child{padding-top:0}
  .rank-stats .pb-stat b{font-size:14px;text-align:right}
  .rank-stats .pb-stat span{font-size:14px}
}