.container {
      max-width: 1000px;
      margin: 0 auto;
      padding: 20px 20px 0px 20px;
      background: #fff;
    }

    .tournament-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
      border-bottom: 2px solid #F4860B;
      padding-bottom: 10px;
    }

    .tournament-header select {
  font-size: 16px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #333;
}

    .tournament-header h1 {
      margin: 0;
      font-size: 24px;
    }

    .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 2px;
  border-radius: 50%;
  background-color: #ccc;
}

.dot.win { background-color: green; }
.dot.draw { background-color: orange; }
.dot.lose { background-color: red; }

.tour-select-wrapper {
  margin: 15px 0;
  font-weight: bold;
  align-items: center;
  gap: 8px;
}

#tour-select {
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
  transition: 0.2s;
}

#tour-select:hover {
  border-color: #F4860B;
  outline: none;
}

#tour-select:focus {
  border-color: #F4860B;
  box-shadow: 0 0 3px rgba(244,134,11,0.5);
}

    .subnav {
      display: flex;
      gap: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid #ddd;
      overflow-x: auto;
    }

    .subnav a {
      text-decoration: none;
      padding: 10px 5px;
      color: #333;
      font-weight: bold;
      position: relative;
    }

    .subnav a.active {
      color: #F4860B;
    }

    .subnav a.active::after {
      content: '';
      display: block;
      height: 3px;
      background-color: #F4860B;
      margin-top: 5px;
    }

    table.standings {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
    }

    table.standings th, table.standings td {
      text-align: center;
      padding: 8px;
      border-bottom: 1px solid #ddd;
    }

    table.standings th {
      background-color: #f0f0f0;
      font-size: 14px;
    }

    table.standings td {
      font-size: 14px;
    }

    .position-change {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 12px;
    }

    .up { color: green; }
    .down { color: red; }
    .same { color: #888; }

    .position-change svg {
      width: 12px;
      height: 12px;
    }

    @media (max-width: 768px) {
      .tournament-header {
        flex-direction: column;
        align-items: flex-start;
      }

      table.standings {
        font-size: 12px;
      }

      .subnav {
        flex-wrap: nowrap;
        overflow-x: auto;
      }
    }

    .text-green {
    color: #28a745; /* Зеленая стрелка вверх */
}

.text-red {
    color: #dc3545; /* Красная стрелка вниз */
}

.text-gray {
    color: #6c757d; /* Серый цвет (без изменений) */
}



/* Таблица кубковых турниров */
.bracket-container {
  display: flex;
  min-width: max-content;  /* чтобы не сжимался flex */
  overflow-x: auto;
  gap: 30px;
  padding: 20px;
}


/* Скролл плей-офф */
.bracket-scroll {
  width: 990px;              /* ограничено 1000px сайтом */
  overflow-x: auto;         /* включаем горизонтальный скролл */
  padding-bottom: 8px;      /* небольшой отступ для скролла */
  box-sizing: border-box;
}

.bracket-scroll-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}

.scroll-btn {
  padding: 4px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #F4860B; /* фирменный оранжевый */
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  cursor: pointer;
  transition: background 0.2s ease;
}

.scroll-btn:hover {
  background-color: #d96f06;
}

.bracket-scroll-header {
  display: flex;
  justify-content: center; /* по центру */
  gap: 8px;
  margin-bottom: 6px;
}


.stage-column {
  min-width: 200px;
}

.stage-title {
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

.match {
  background: #f9f9f9;
  margin-bottom: 20px;
  padding: 5px 10px;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0,0,0,0.1);
  position: relative;
}

.team {
  padding: 3px 0;
}

.team.winner {
  font-weight: bold;
  color: #2a7;
}

.score {
  float: right;
  font-weight: normal;
}

.playoff-title {
  font-size: 24px;
  margin-bottom: 7px;
  margin-top: 7px;
  text-align: center;
  color: #333;
  border-bottom: 2px solid #F4860B;
  padding-bottom: 5px;
}

/* Рисуем сетку плей-офф */
.with-line-right::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -30px;
  width: 25px;
  height: 1px;
  background: #aaa;
}

.with-line-left::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -30px;
  width: 25px;
  height: 1px;
  background: #aaa;
}

.vertical-line-32 {
  width: 1px;
  height: 2550px;
  margin-top: 61px;
  background: repeating-linear-gradient(
    to bottom,
    #aaa 0px,
    #aaa 83px,
    transparent 83px,
    transparent 164px
  );
}
.vertical-line-16 {
  width: 1px;
  height: 2550px;
  margin-top: 102px;
  background: repeating-linear-gradient(
    to bottom,
    #aaa 0px,
    #aaa 163px,
    transparent 166px,
    transparent 328px
  );
}
.vertical-line-8 {
  width: 1px;
  height: 2300px;
  margin-top: 184px;
  background: repeating-linear-gradient(
    to bottom,
    #aaa 0px,
    #aaa 329px,
    transparent 329px,
    transparent 656px
  );
}
.vertical-line-4 {
  width: 1px;
  height: 2000px;
  margin-top: 348px;
  background: repeating-linear-gradient(
    to bottom,
    #aaa 0px,
    #aaa 657px,
    transparent 657px,
    transparent 1312px
  );
}
.vertical-line-2 {
  width: 1px;
  height: 1800px;
  margin-top: 676px;
  background: repeating-linear-gradient(
    to bottom,
    #aaa 0px,
    #aaa 1313px,
    transparent 1312px,
    transparent 2624px
  );
}


.qual-mark {
  color: #888;
  font-size: 10px;
  vertical-align: super;
}