/* ---------- Dota 2: компоненты раздела ---------- */

/* мини-иконка героя */
.hicon{width:26px;height:26px;border-radius:6px;overflow:hidden;flex:none;display:inline-grid;place-items:center;background:var(--surface-2);border:1px solid var(--line-soft);font-size:11px;font-weight:600;color:var(--muted);vertical-align:middle}
.hicon img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- Карточка игры ---------- */
.gcard{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;display:flex;flex-direction:column;gap:16px;margin-top:18px}
.gc-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gc-name{font-weight:600;font-size:15.5px}
.gc-status{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}
.gc-status.live{color:var(--accent)}
.gc-line{flex:1;height:1px;background:var(--line-soft);min-width:20px}
.gc-kills{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:600;color:var(--muted)}
.gc-kills .w{color:var(--win)}
.gc-kills .l{color:var(--dim)}
.gc-dur{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--muted)}

/* ---------- Драфт ---------- */
.draft{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.draft-side{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-s);padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.draft-team{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.draft-picks{display:flex;gap:6px;flex-wrap:wrap}
.draft-picks .hicon{width:34px;height:34px;border-radius:8px}
.draft-bans{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.draft-bans .hicon{width:22px;height:22px;border-radius:5px;opacity:.45;filter:grayscale(1)}
.draft-lbl{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-right:3px}

/* ---------- График преимущества по золоту ---------- */
.gadv{display:flex;flex-direction:column;gap:8px}
.gadv-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.gadv-title{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.gadv-legend{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);min-width:0}
.gadv-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}
.gadv-legend i.up{background:var(--win)}
.gadv-legend i.dn{background:var(--lose);margin-left:10px}
.gadv-peak{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--dim)}
.gadv svg{width:100%;height:130px;display:block;border:1px solid var(--line-soft);border-radius:var(--radius-s);background:var(--surface-2)}
.gadv-axis{stroke:var(--line);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.gadv-area.up{fill:var(--win);opacity:.22}
.gadv-area.dn{fill:var(--lose);opacity:.22}
.gadv-line{fill:none;stroke:var(--muted);stroke-width:1.6;vector-effect:non-scaling-stroke}

/* ---------- Таблица игроков в игре ---------- */
.dota-sb .sb-player{display:flex;align-items:center;gap:9px;min-width:150px}
.dota-sb .sb-player a{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dota-sb .sb-player a:hover{color:var(--pick)}
.dota-sb .sb-kda{white-space:nowrap}
.dota-sb td.sb-items{white-space:nowrap;min-width:170px}
.sb-items .iico{margin-right:3px}
.iico{width:24px;height:24px;border-radius:5px;overflow:hidden;display:inline-grid;place-items:center;vertical-align:middle;background:var(--surface-2);border:1px solid var(--line-soft);flex:none}
.iico img{width:100%;height:100%;object-fit:cover;display:block}
.iico.neutral{border-radius:50%}

/* ---------- Строки героев (профили) ---------- */
.map-name.hero-name{display:flex;align-items:center;gap:9px;min-width:0}
.hero-name .hicon{width:24px;height:24px}

/* ---------- Список игроков: 6 колонок вместо 7 ---------- */
.dota-pgrid{grid-template-columns:40px minmax(0,1fr) 76px 64px 64px 60px}
@media (max-width:900px){
  .dota-pgrid{grid-template-columns:40px minmax(0,1fr) 76px 64px}
}
@media (max-width:640px){
  .prow.dota-pgrid{grid-template-columns:26px minmax(0,1fr) 52px}
}

@media (max-width:640px){
  .gcard{padding:14px 12px;border-radius:10px}
  .draft{grid-template-columns:1fr}
  .draft-picks .hicon{width:30px;height:30px}
  .gadv svg{height:100px}
  .gadv-peak{margin-left:0}
}