/* ---------- Dota: сетка героев ---------- */
.hcols{display:grid;grid-template-columns:22px minmax(0,1fr) 78px 74px 66px;gap:12px;padding:0 16px 8px;font-family:'JetBrains Mono',monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}
.hcols span:nth-child(n+3){text-align:right}
.hcols .sorted{color:var(--pick)}
.hrow{display:grid;grid-template-columns:22px minmax(0,1fr) 78px 74px 66px;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;padding:9px 16px;margin-bottom:6px;box-shadow:var(--shadow);transition:border-color .15s,transform .15s,box-shadow .15s}
.hrow:hover{border-color:var(--line);transform:translateY(-1px);box-shadow:var(--shadow-hover)}
.h-rank{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--dim)}
.h-cell{display:flex;align-items:center;gap:11px;min-width:0}
.h-info{min-width:0;display:flex;flex-direction:column;gap:3px}
.h-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-roles{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-wr{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;text-align:right}
.h-wr.hi{color:var(--win)}
.h-wr.lo{color:var(--lose)}
.h-stat{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--muted);text-align:right}
/* иконка героя в списке чуть крупнее */
.hrow .hicon{width:40px;height:30px;border-radius:6px;flex:none}
.hrow .hicon img{width:100%;height:100%;object-fit:cover;border-radius:6px}
@media (max-width:640px){
  .hcols,.hrow{grid-template-columns:18px minmax(0,1fr) 62px 60px 52px;gap:8px;padding-left:12px;padding-right:12px}
  .h-roles{display:none}
}