:root {
    --first-black: #050505;
    --second-black: #121212;
    --third-black: #1a1a1a;
    --fourth-black: #212121;
    
    --main-color: #FF073A;
    --second-color: #FFD700;
    --third-color: rgba(255,255,255,0.7);
}
.anounce_zgolovok {
    font-size: 36px;
    color:var(--main-color);
    text-align: left;
    width: 100%;
}
.anounce_text {
    font-size:24px;
    text-align: left;
    width: 100%;
    text-indent: 30px;
}
.center_text {
    text-align: center;
}
.anounce_comand_list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}
.anounce_comand_box {
    max-width: 180px;
    flex: 1 1 200px;
    height:320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border: 1px solid;
    border-image: linear-gradient(45deg, rgba(255, 7, 58,0.5) 0%, rgba(255, 7, 58,0.5) 10%, var(--fourth-black) 10%, var(--fourth-black) 90%, rgba(255, 7, 58,0.5) 90%, rgba(255, 7, 58,0.5) 100%) 10;
    background: radial-gradient(rgba(18,18,18,0.2),rgba(18,18,18,1));
    white-space: normal; 
    overflow-wrap: break-word; 
    box-shadow: 0 0 8px 1px rgba(255,255,255,0.1);
    transition: 0.2s;
}
.anounce_logo_contaier {
    max-width: 96px;
    max-height: 96px;
    transition: 0.3s;
}
.anounce_logo {
    max-width: 96px;
    max-height: 96px;
}
.anounce_name {
    font-size: 24px;
    max-width: 100%;
    transition: 0.3s;
}

.tournament_brackets_container {
    width: 100%;
    padding:16px;
    height:620px;
    overflow: auto;
}

.tournament_brackets {
    display: flex;
    flex-direction: row;
    gap:24px;
}

.tournament_brackets_stages_container {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.tournament_brackets_stage_name_container {
    display: flex;
    padding: 12px 0;
    flex-direction: column;
    gap: 12px;
    border-bottom: 1px solid var(--fourth-black);
}

.tournament_brackets_mathes_list {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:16px;
}

.tornament_brackets_match {
    display:flex;
    flex-direction: column;
    gap:4px;
    color:grey;
}

.tournament_brackets_commands_container {
    display:flex;
    flex-direction: column;
    color:grey;
}
.tournament_brackets_comand:first-child {
    border-bottom: 1px solid var(--fourth-black);
}
.tournament_brackets_comand {
    min-width: 240px;
    max-width: 240px;
    display: flex;
    flex-direction: row;
    padding:8px;
    background-color:var(--second-black);
    align-items: center;
    gap:8px;
    border-right: 5px solid rgba(0,0,0,0);
}
.brackets_winner {
    color:var(--main-color);
    border-right: 5px solid var(--main-color);
}

.test_anounce_commands {
    display: flex;
    flex-direction: column;
    width: 99%;
    justify-content: center;
    gap:48px;
    justify-content: center;
    align-items: center;
    
}
.score_test_bracket {
    text-align: right; 
    flex-grow: 1;
    font-weight: 600; 
    font-size: 18px
}

.group_stage_container {
    display: flex;
    flex-direction: column;
    width:100%;
    gap:8px;
    overflow-x: auto;
}

.group_stage_group_letter {
    padding:4px;
    color:white;
    font-size: 16px;
}

.group_stager_table {
    text-align: left;
    width: 100%;
    border-collapse: collapse;
}
.another_test td {
    background-color: var(--third-black)
}
.group_stager_table thead {

    border-radius: 16px;
}
.group_stager_table th {
     background-color: rgba(255, 7, 58, 0.7);
    padding: 12px 16px;
    border-bottom: 1px solid var(--fourth-black);
    border-right: 1px solid var(--fourth-black);
    font-size: 14px;
    color: white;
    vertical-align: middle;
    
}
.group_stager_table th:first-child {
    border-radius: 16px 0 0 0;
}
.group_stager_table th:last-child {
    border-radius: 0 16px 0 0;
}
.group_stager_table td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--fourth-black);
    border-right: 1px solid var(--fourth-black);
    font-size: 14px;
    color: white;
    vertical-align: middle;
    
}
.group_stager_table th:last-child, td:last-child {
    border-right: none;
}
.group_stager_table tr:last-child td {
    border-bottom: none;
}
.group_stager_table th {
    background-color: rgba(255, 7, 58, 0.3);
    font-weight: 500;
    color: white;
    text-align: center;
}
 th.left-align, td.left-align {
            text-align: left;
        }

        /* Специфичные колонки */
        .col-number { width: 40px; text-align: center; color: white; }
        .col-team { min-width: 120px; font-weight: 600; color: #2b2927; }
        .col-points, .col-place { width: 80px; text-align: center; font-weight: bold; }

        /* Стили круглых логотипов/букв */
        .badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            color: #fff;
            font-weight: bold;
            font-size: 14px;
            margin-right: 12px;
            vertical-align: middle;
        }

        /* Микро-кружки для номеров раундов в шапке */
        .round-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            color: #fff;
            font-weight: bold;
            font-size: 12px;
            margin-bottom: 4px;
        }
        
        .round-sub {
            display: block;
            font-size: 11px;
            color: #2b2927;
            font-weight: bold;
        }

        /* Цветовая палитра команд */
        .bg-opustoshiteli { background-color: #1e4620; } /* Зеленый */
        .bg-kaizen { background-color: #512da8; }       /* Фиолетовый */
        .bg-lksm { background-color: #1976d2; }         /* Синий */
        .bg-spartak { background-color: #4caf50; }      /* Светло-зеленый */
        .bg-team-r { background-color: #2196f3; }       /* Голубой */
        .bg-mooncry { background-color: #a83254; }      /* Бордовый */

        /* Ячейки матчей */
        .cell-vs {
            text-align: center;
            color: white;
            font-weight: bold;
            font-size: 12px;
            letter-spacing: 1px;
            user-select: none;
            height: 80px;
        }

        /* Заблокированные диагональные ячейки (штриховка) */
        .cell-disabled {
         background-color:rgba(0,0,0,0);
}
.group_stager_table_comand {
    display: flex;
    width: 115px;
    height: 64px;
    flex-direction: column;
    gap:4px;
    justify-content:flex-end;
    align-items: center;
    color:white;
}

.zatichka {
    display: flex;
    flex-direction: row;
    gap:8px;
    align-items:center;
    padding: 8px;
    color: white;
}
@media (max-width: 800px) {
    .anounce_comand_box {
    height: 180px;
    }
    .test_anounce_commands{
        width:98%;
    }
}
@media (max-width: 400px) {
    .anounce_comand_box {
    max-width: 95%;
        min-width: 95%;
    }
}