.tournament-title {
    font-size: 3em;
    line-height: initial;
    width: 90%;
    margin: auto;
    text-align: center;
    color: var(--primary);
    text-shadow: 0 0 20px black;
}

.tournament-bracket-title-wrapper {
    margin-top: 20px;
}

.tournament-bracket-title {
    font-size: 2em;
    line-height: initial;
    width: 90%;
    margin: auto;
    text-align: center;
    color: var(--primary);
    text-shadow: 0 0 20px black;
}

.tournamentgrid-scroll-wrapper {
    max-width: 100%;
    overflow: auto;
    display: block;
}

.tournament-grid_1 {
    display: grid;
    grid-template-columns: 1.5fr 0.3fr 1.5fr 0.3fr 1.5fr 0.3fr 1.5fr 0.3fr 2fr 0.3fr 1.5fr 0.3fr 1.5fr 0.3fr 1.5fr 0.3fr 1.5fr;
    grid-template-rows: repeat(11, 1fr);
    column-gap: 0px;
    row-gap: 0px;
    width: max-content;
    height: fit-content;
    margin: auto;
    background-color: #00000080;
}

.tournament_grid_swiss_5 {
    display: grid;
    grid-template-columns: 0.5fr 1fr 0.3fr 1fr 0.5fr 1fr 0.3fr 1fr 0.5fr 1fr 0.3fr 1fr 0.5fr 1fr 0.3fr 1fr 0.5fr 1fr 0.3fr 1fr;
    grid-template-rows: 2.5fr 1fr 3.5fr 1fr 3.5fr;
    column-gap: 0px;
    row-gap: 0px;
    width: max-content;
    height: fit-content;
    margin: auto;
    background-color: #00000080;
}

.tournament_grid_elimination_10 {
    display: grid;
    grid-template-columns: 1fr 0.15fr 1fr 0.15fr 1fr 0.15fr 1fr 0.15fr 1fr;
    grid-template-rows: 1fr 0.5fr 3fr 0.5fr 3fr 0.5fr 3fr 0.5fr 3fr 2.25fr 1fr 0.5fr 3fr 0.5fr 3fr;
    column-gap: 0px;
    row-gap: 0px;
    width: max-content;
    height: fit-content;
    margin: auto;
    background-color: #00000080;
}

.leaderboard {
    margin: auto;
    width: fit-content;
}

.match {
    background-color: #00000080;
    color: var(--primary);
    display: flex;
    flex-direction: column;
    overflow: auto;
    min-width: max-content;
}

.team {
    line-height: initial;
    display: flex;
    padding-left: 4px;
    white-space: nowrap;
}

.team > p {
    padding-right: 10px;
}

.match-indicator {
    line-height: initial;
    display: flex;
    padding-left: 4px;
    white-space: nowrap;
    background-color: var(--primary);
    color: white;
}

.points {
    margin-left: auto;
    display: inline-block;
    width: 25px;
    text-align: center;
    background-color: var(--primary);
    color: white;
}

.border-top {
    border-top: 1px solid #909090;
}

#tournament-scroll-wrapper {
    width: 90%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 0;
    overflow: auto;
    max-height: 100%;
}

/*Round 1*/
#r1_m1 { grid-area: 1 / 1 / 2 / 2; }
#r1_m2 { grid-area: 2 / 1 / 3 / 2; }
#r1_m3 { grid-area: 4 / 1 / 5 / 2; }
#r1_m4 { grid-area: 5 / 1 / 6 / 2; }
#r1_m5 { grid-area: 7 / 1 / 8 / 2; }
#r1_m6 { grid-area: 8 / 1 / 9 / 2; }
#r1_m7 { grid-area: 10 / 1 / 11 / 2; }
#r1_m8 { grid-area: 11 / 1 / 12 / 2; }
#r1_m9 { grid-area: 1 / 17 / 2 / 18; }
#r1_m10 { grid-area: 2 / 17 / 3 / 18; }
#r1_m11 { grid-area: 4 / 17 / 5 / 18; }
#r1_m12 { grid-area: 5 / 17 / 6 / 18; }
#r1_m13 { grid-area: 7 / 17 / 8 / 18; }
#r1_m14 { grid-area: 8 / 17 / 9 / 18; }
#r1_m15 { grid-area: 10 / 17 / 11 / 18; }
#r1_m16 { grid-area: 11 / 17 / 12 / 18; }
/*Round 2*/
#r2_m1 { grid-area: 2 / 3 / 3 / 4; }
#r2_m2 { grid-area: 5 / 3 / 6 / 4; }
#r2_m3 { grid-area: 7 / 3 / 8 / 4; }
#r2_m4 { grid-area: 10 / 3 / 11 / 4; }
#r2_m5 { grid-area: 2 / 15 / 3 / 16; }
#r2_m6 { grid-area: 5 / 15 / 6 / 16; }
#r2_m7 { grid-area: 7 / 15 / 8 / 16; }
#r2_m8 { grid-area: 10 / 15 / 11 / 16; }
/*Round 3*/
#r3_m1 { grid-area: 4 / 5 / 5 / 6; }
#r3_m2 { grid-area: 8 / 5 / 9 / 6; }
#r3_m3 { grid-area: 4 / 13 / 5 / 14; }
#r3_m4 { grid-area: 8 / 13 / 9 / 14; }
/*Semifinals / Round 4*/
#semi_m1 { grid-area: 6 / 7 / 7 / 8; }
#semi_m2 { grid-area: 6 / 11 / 7 / 12; }
/*Final / Round 5*/
#final_m1 { grid-area: 6 / 9 / 7 / 10; }

#swiss_group_1 { grid-area: 1 / 2 / 2 / 5; }
#swiss_group_2 { grid-area: 1 / 6 / 2 / 9; }
#swiss_group_3 { grid-area: 1 / 10 / 2 / 13; }
#swiss_group_4 { grid-area: 1 / 14 / 2 / 17; }
#swiss_group_5 { grid-area: 1 / 18 / 2 / 21; }

#swiss_matchup_hunters_A1 { grid-area: 3 / 2 / 4 / 3; }
#swiss_matchup_vs_A1 { grid-area: 3 / 3 / 4 / 4; }
#swiss_matchup_monster_A1 { grid-area: 3 / 4 / 4 / 5; }
#swiss_matchup_hunters_A2 { grid-area: 5 / 2 / 6 / 3; }
#swiss_matchup_vs_A2 { grid-area: 5 / 3 / 6 / 4; }
#swiss_matchup_monster_A2 { grid-area: 5 / 4 / 6 / 5; }

#swiss_matchup_hunters_B1 { grid-area: 3 / 6 / 4 / 7; }
#swiss_matchup_vs_B1 { grid-area: 3 / 7 / 4 / 8; }
#swiss_matchup_monster_B1 { grid-area: 3 / 8 / 4 / 9; }
#swiss_matchup_hunters_B2 { grid-area: 5 / 6 / 6 / 7; }
#swiss_matchup_vs_B2 { grid-area: 5 / 7 / 6 / 8; }
#swiss_matchup_monster_B2 { grid-area: 5 / 8 / 6 / 9; }

#swiss_matchup_hunters_C1 { grid-area: 3 / 10 / 4 / 11; }
#swiss_matchup_vs_C1 { grid-area: 3 / 11 / 4 / 12; }
#swiss_matchup_monster_C1 { grid-area: 3 / 12 / 4 / 13; }
#swiss_matchup_hunters_C2 { grid-area: 5 / 10 / 6 / 11; }
#swiss_matchup_vs_C2 { grid-area: 5 / 11 / 6 / 12; }
#swiss_matchup_monster_C2 { grid-area: 5 / 12 / 6 / 13; }

#swiss_matchup_hunters_D1 { grid-area: 3 / 14 / 4 / 15; }
#swiss_matchup_vs_D1 { grid-area: 3 / 15 / 4 / 16; }
#swiss_matchup_monster_D1 { grid-area: 3 / 16 / 4 / 17; }
#swiss_matchup_hunters_D2 { grid-area: 5 / 14 / 6 / 15; }
#swiss_matchup_vs_D2 { grid-area: 5 / 15 / 6 / 16; }
#swiss_matchup_monster_D2 { grid-area: 5 / 16 / 6 / 17; }

#swiss_matchup_hunters_E1 { grid-area: 3 / 18 / 4 / 19; }
#swiss_matchup_vs_E1 { grid-area: 3 / 19 / 4 / 20; }
#swiss_matchup_monster_E1 { grid-area: 3 / 20 / 4 / 21; }
#swiss_matchup_hunters_E2 { grid-area: 5 / 18 / 6 / 19; }
#swiss_matchup_vs_E2 { grid-area: 5 / 19 / 6 / 20; }
#swiss_matchup_monster_E2 { grid-area: 5 / 20 / 6 / 21; }

#swiss_match_numerator_A1 { grid-area: 3 / 1 / 4 / 2; }
#swiss_match_numerator_A2 { grid-area: 5 / 1 / 6 / 2; }
#swiss_match_numerator_B1 { grid-area: 3 / 5 / 4 / 6; }
#swiss_match_numerator_B2 { grid-area: 5 / 5 / 6 / 6; }
#swiss_match_numerator_C1 { grid-area: 3 / 9 / 4 / 10; }
#swiss_match_numerator_C2 { grid-area: 5 / 9 / 6 / 10; }
#swiss_match_numerator_D1 { grid-area: 3 / 13 / 4 / 14; }
#swiss_match_numerator_D2 { grid-area: 5 / 13 / 6 / 14; }
#swiss_match_numerator_E1 { grid-area: 3 / 17 / 4 / 18; }
#swiss_match_numerator_E2 { grid-area: 5 / 17 / 6 / 18; }

#elimination_r1_indicator { grid-area: 1 / 1 / 2 / 2; }
#elimination_r2_indicator { grid-area: 1 / 3 / 2 / 4; }
#elimination_r3_indicator { grid-area: 1 / 5 / 2 / 6; }
#elimination_semi_indicator { grid-area: 1 / 7 / 2 / 8; }
#elimination_finals_indicator { grid-area: 1 / 9 / 2 / 10; }

#elimination_r1_m1 { grid-area: 3 / 1 / 4 / 2; }
#elimination_r1_m2 { grid-area: 7 / 1 / 8 / 2; }

#elimination_r2_m1 { grid-area: 3 / 3 / 4 / 4; }
#elimination_r2_m2 { grid-area: 5 / 3 / 6 / 4; }
#elimination_r2_m3 { grid-area: 7 / 3 / 8 / 4; }
#elimination_r2_m4 { grid-area: 9 / 3 / 10 / 4; }

#elimination_r3_m1 { grid-area: 5 / 5 / 6 / 6; }
#elimination_r3_m2 { grid-area: 7 / 5 / 8 / 6; }

#elimination_semi_m1 { grid-area: 7 / 7 / 8 / 8; }

#elimination_finals_m1 { grid-area: 7 / 9 / 8 / 10; }
/*Losers Bracket below*/
#elimination_losers_r1_indicator { grid-area: 11 / 1 / 12 / 2; }
#elimination_losers_r2_indicator { grid-area: 11 / 3 / 12 / 4; }
#elimination_losers_r3_indicator { grid-area: 11 / 5 / 12 / 6; }
#elimination_losers_semi_indicator { grid-area: 11 / 7 / 12 / 8; }
#elimination_losers_finals_indicator { grid-area: 11 / 9 / 12 / 10; }

#elimination_losers_r1_m1 { grid-area: 13 / 1 / 14 / 2; }
#elimination_losers_r1_m2 { grid-area: 15 / 1 / 16 / 2; }

#elimination_losers_r2_m1 { grid-area: 13 / 3 / 14 / 4; }
#elimination_losers_r2_m2 { grid-area: 15 / 3 / 16 / 4; }

#elimination_losers_r3_m1 { grid-area: 13 / 5 / 14 / 6; }
#elimination_losers_r3_m2 { grid-area: 15 / 5 / 16 / 6; }

#elimination_losers_r4_m1 { grid-area: 13 / 7 / 14 / 8; }

#elimination_losers_r5_m1 { grid-area: 13 / 9 / 14 / 10; }