/* Блоки, которых нет у Доты: подготовка, разбор, чипы. Цвет берётся из общей основы. */

@media (max-width: 480px) {
  h1 { font-size: 1.9rem; }
}

.liveMatchesHead { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; margin: 12px 0 4px; }
.liveMatchesHead h3 { margin: 0; }

@media (max-width: 700px) {
  .liveMatchesHead { margin-top: 4px; }
}

.patchTabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.patchTabs .statsModeBtn { flex: 0 1 auto; padding: 5px 10px; font-size: 0.8rem; }
.patchEntry--buffed { border-left-color: var(--accent-green); }
.patchEntry--nerfed { border-left-color: #c0392b; }
.patchEntry--items { border-left-color: var(--muted); }
.patchBadge { padding: 1px 8px; border-radius: 10px; font-size: 0.7rem; font-weight: 600; border: 1px solid var(--muted); color: var(--muted); }
.patchBadge--impact-high, .patchBadge--buff { border-color: var(--accent-green); color: var(--accent-green); }
.patchBadge--nerf { border-color: #c0392b; color: #c0392b; }
.patchStatsLink { margin-top: 10px; }

@media (max-width: 700px) {
  .tier1Ban { display: none; }
}

@media (min-width: 701px) and (max-width: 1275px) {
  .topNav { column-gap: 10px; padding: 10px 14px; }
  .topNavTitle { font-size: 1.2rem; }
  .topNavCenter { column-gap: 2px; }
  .topNavBtn { font-size: 0.8rem; padding: 7px 9px; }
  .topNavRight { margin-right: 4px; }
}

@media (min-width: 701px) and (max-width: 1095px) {
  .topNav { column-gap: 6px; padding: 8px 10px; }
  .topNavTitle { font-size: 1.1rem; }
  .topNavCenter { column-gap: 0; }
  .topNavBtn { font-size: 0.76rem; padding: 6px 6px; }
  .topNavRight { margin-right: 2px; }
  .topNavRight .topNavBtn { padding: 5px 9px; }
}

@media (min-width: 701px) and (max-width: 985px) {
  .topNav { grid-template-columns: 1fr auto; row-gap: 4px; margin-bottom: 12px; }
  .topNavCenter { grid-column: 1 / -1; grid-row: 2; column-gap: 0; }
  .topNavCenter .topNavBtn { padding: 6px 4px; font-size: 0.74rem; }
}

.formTopRow { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 18px; margin: 0 0 12px; }
.formTopRow .tournamentPicker { flex: 1 1 260px; max-width: 380px; margin: 0; }
.rankPicker { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 0.85rem; }
.heroIcon { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; vertical-align: middle; background: var(--accent-tint); border: 1px solid var(--border); flex: none; }
.ac-item .heroIcon { margin-right: 4px; }
.heroChips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.chipList { display: contents; }
.chip { display: inline-flex; align-items: center; gap: 6px; padding: 2px 4px 2px 6px; border: 1px solid var(--accent); border-radius: 14px; background: var(--accent-tint); color: var(--accent-text); font-size: 0.8rem; font-weight: 600; }
.chip .heroIcon { width: 18px; height: 18px; }
.chip .chipX { border: none; background: transparent; color: var(--accent-text); padding: 0 5px; font-size: 1rem; line-height: 1; }
.chip .chipX:hover:not(:disabled) { background: transparent; color: #c0392b; }
.chipInputWrap { flex: 1 1 170px; max-width: 260px; }
.chipInput { width: 100%; height: 30px; padding: 2px 10px; border: 1px solid var(--border); border-radius: 4px; background: var(--panel); color: var(--text); font-size: 0.85rem; }
.chipsBlock { display: flex; flex-direction: column; gap: 4px; margin: 8px 0 0; }
.chipsLabel { color: var(--muted); font-size: 0.78rem; }
.result .resultMeta { margin: 10px 0 0; text-align: center; color: var(--muted); font-size: 0.85rem; line-height: 1.5; }
.resultMeta b { color: var(--text); }
.resultWarnings:empty { display: none; }
.resultWarnings { margin-top: 14px; font-size: 0.82rem; }
.resultWarnings h3 { margin: 0 0 4px; font-size: 0.9rem; }
.resultWarnings ul { margin: 0; padding-left: 18px; color: var(--muted); }
.result td .heroIcon, .result td { vertical-align: middle; }
.matchRow { cursor: pointer; }
.matchTop { display: flex; align-items: center; gap: 8px; }
.matchProb { display: grid; grid-template-columns: auto minmax(60px, 1fr) auto; gap: 8px; align-items: center; color: var(--muted); font-size: 0.76rem; }
.matchProb i { display: block; height: 6px; border-radius: 3px; overflow: hidden; }
.matchProb i b { display: block; height: 100%; background: var(--accent); }
#matchesList { max-height: 50vh; overflow-y: auto; padding-right: 4px; }
.reviewControls { justify-content: center; margin: 12px 0 8px; }
.reviewNotes { display: block; width: 100%; max-width: 640px; margin: 0 auto; height: 38px; padding: 4px 12px; border: 1px solid var(--border); border-radius: 4px; background: var(--panel); color: var(--text); font-size: 0.9rem; }
.reviewNotes::placeholder { color: var(--muted); }
.reviewTeams2 { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; margin-top: 4px; font-size: 0.78rem; font-weight: 400; }

@media (max-width: 700px) {
  .reviewTeams2 { grid-template-columns: 1fr; }
}

.reviewBody { margin-top: 8px; }
.reviewBody ul { margin: 0 0 6px; padding-left: 20px; font-size: 0.85rem; }
.reviewBody h3 { margin: 12px 0 4px; font-size: 0.95rem; }
#reviewResults { margin-top: 16px; }
.siblingLink { display: inline-block; padding: 8px 20px; border: 1px solid var(--accent); border-radius: 4px; color: var(--accent-text); font-size: 0.9rem; font-weight: 600; text-decoration: none; }
.siblingLink:hover { background: var(--accent); color: #ffffff; }
.moreBox { margin: 8px 0 0; padding: 0 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--panel); }
.moreBox > summary { display: flex; align-items: center; gap: 6px; padding: 8px 0; color: var(--accent-text); font-size: 0.85rem; font-weight: 600; cursor: pointer; list-style: none; }
.moreBox > summary::-webkit-details-marker { display: none; }
.moreBox > summary::before { content: "▸"; font-size: 0.8rem; }
.moreBox[open] > summary::before { content: "▾"; }
.moreBox[open] { padding-bottom: 10px; }
.reviewMoreGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; }
#reviewSection .reviewControls { margin: 8px 0; }

@media (min-width: 701px) {
  #reviewSection .draftTeams { margin-top: 8px; }
}

@media (max-width: 700px) {
  .reviewMoreGrid { grid-template-columns: 1fr; }
  #draftSection .draftTeams, #reviewSection .draftTeams { margin-top: 0; }
  .profileHint { display: none; }
  #draftSection .draftProfileSummary { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; }
  #draftSection .draftProfileSummary #draftProfileSummaryText { display: none; }
  #draftSection .draftTargetPositionLabel { min-width: 0; }
  #draftSection .draftTargetPositionLabel select { flex: 1; min-width: 0; }
}

.authBar .authUserName { background: transparent; border: none; color: #ffffff; text-align: left; padding: 2px 0; }
.gameSwitcherBtn { border: 1px solid var(--border); border-radius: 9px; background: var(--accent-tint); color: var(--accent-text); padding: 6px 10px; cursor: pointer; white-space: nowrap; }
.gameSwitcherMenu { position: absolute; top: calc(100% + 7px); left: 0; min-width: 170px; z-index: 30; border: 1px solid var(--border); border-radius: 10px; background: var(--panel); box-shadow: 0 12px 28px rgba(0,0,0,.22); padding: 5px; }
.gameSwitcherMenu a, .gameSwitcher--mobile a { display: block; color: var(--text); text-decoration: none; border-radius: 6px; padding: 7px 10px; }
.gameSwitcherMenu a:hover, .gameSwitcher--mobile a:hover, .gameSwitcherActive { background: var(--accent-tint); color: var(--accent-text) !important; }
.gameSwitcher--mobile { display: none; }
.prepareControls { display: flex; gap: 12px; flex-wrap: wrap; margin: 20px 0 8px; }
.prepareControls label { flex: 1 1 160px; }
.prepareControls select { width: 100%; }
.prepareCard { margin-top: 20px; padding: 20px; border: 1px solid var(--border); border-radius: 14px; background: var(--panel); }
.prepareCard h4 { margin: 22px 0 8px; color: var(--accent-text); }
.prepareCard li { margin: 7px 0; }
.prepareChips { display: flex; flex-wrap: wrap; gap: 7px; }
.prepareChips span { border: 1px solid var(--border); background: var(--accent-tint); padding: 6px 9px; border-radius: 7px; }

@media (max-width: 700px) {
  .gameSwitcher--mobile { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px; margin: 8px 0; }
  .gameSwitcher--mobile span { grid-column: 1 / -1; padding: 0 10px; color: var(--muted); }
  .gameSwitcher--mobile a { font-size: .81rem; text-align: center; padding: 7px 4px; }
}