@import "styles.css?v=1.2223331";

a.anchor {
    top: -95px;
}

.round-name {
    width: unset;
}

.item {
    height: 110px;
}

.region-select {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 20px;
    align-items: center;
    color: grey;
}

    .region-select span {
        font-size: 0.8em;
    }

    .region-select button {
        background-color: white;
        padding: 10px;
        border-radius: 8px;
        box-sizing: border-box;
        border: 1px solid rgba(54, 56, 61, 0.15);
        font-weight: bold;
        cursor: pointer;
    }

        .region-select.district button::before {
            content: 'District ';
        }

        .region-select.region button::before {
            content: 'Region ';
       }

        .region-select.site button::before {
            content: 'Site ';
        }

        @media screen and (max-width: 800px) {
            .region-select {
                margin-top: 20px;
                flex-direction: column;
            }
            
                .region-select.district button::before {
                        content: 'Dist. ';
                    }

                .region-select.region button::before {
                    content: 'Reg. ';
                }

        }

        @media screen and (max-width: 500px) {
            .region-select.district button::before {
                content: 'D';
            }

            .region-select.district button::before {
                content: 'R';
            }

            .region-select.site button::before {
                content: 'S';
            }
        }

    .region-select form {
        display: flex;
        gap: 5px;
    }

        @media screen and (max-width: 500px) {
            .region-select form {
                    display: flex;
                    gap: 3px;
                    flex-wrap: wrap;
                }
        }

.note-head {
    margin-top: 10px;
}

.tickets::before {
    content: '🎟';
    margin-right: 5px;
}

[data-bracket-size="3"] .round {
    width: 50%;
}

[data-bracket-size="7"] .round,
[data-bracket-size="12"] .round {
    width: 33%;
}

[data-bracket-size="15"] .round {
    width: 25%;
}

[data-bracket-size="31"] .round,
[data-bracket-size="32"] .round,
[data-bracket-size="39"] .round {
    width: 20%;
}

[data-bracket-size="63"] .bracket {
    flex-wrap: nowrap;
}

[data-bracket-size="63"] .round {
    flex: 0 0 16.66%;
    width: 16.66%;
    min-width: 0;
}

[data-bracket-size="31"] .team .seed,
[data-bracket-size="32"] .team .seed,
[data-bracket-size="39"] .team .seed,
[data-bracket-size="63"] .team .seed {
    font-size: 0.7em;
}

.team {
    gap: 5px;
}

.round-list,
.game {
    width: 100%;
}

[data-bracket-size="3"] .second .item::after,
[data-bracket-size="7"] .third.main .item::after,
[data-bracket-size="15"] .round-4 .item:last-child::after
{
    content: none;
}

[data-bracket-size="15"] .round-list.second li,
[data-bracket-size="7"] .round-list.second li,
[data-bracket-size="31"] .round-list.second li,
[data-bracket-size="32"] .round-list.second li,
[data-bracket-size="39"] .round-list.second li,
[data-bracket-size="63"] .round-list.second li
{
    margin-top: 140px;
}

    [data-bracket-size="15"] .round-list.second li:first-child,
    [data-bracket-size="3"] .round-list.second li:first-child,
    [data-bracket-size="7"] .round-list.second li:first-child,
    [data-bracket-size="31"] .round-list.second li:first-child,
    [data-bracket-size="32"] .round-list.second li:first-child,
    [data-bracket-size="39"] .round-list.second li:first-child,
    [data-bracket-size="63"] .round-list.second li:first-child {
        margin-top: 70px;
    }

[data-bracket-size="15"] .round-list.third li,
[data-bracket-size="31"] .round-list.third li,
[data-bracket-size="32"] .round-list.third li,
[data-bracket-size="39"] .round-list.third li,
[data-bracket-size="63"] .round-list.third li {
    margin-top: 420px;
}

    [data-bracket-size="15"] .round-list.third li:first-child,
    [data-bracket-size="7"] .round-list.third li:first-child,
    [data-bracket-size="31"] .round-list.third li:first-child,
    [data-bracket-size="32"] .round-list.third li:first-child,
    [data-bracket-size="39"] .round-list.third li:first-child,
    [data-bracket-size="63"] .round-list.third li:first-child {
        margin-top: 210px;
    }

[data-bracket-size="15"] .round-list.fourth li:first-child,
[data-bracket-size="31"] .round-list.fourth li:first-child,
[data-bracket-size="32"] .round-list.fourth li:first-child,
[data-bracket-size="39"] .round-list.fourth li:first-child,
[data-bracket-size="63"] .round-list.fourth li:first-child {
    margin-top: 490px;
}

[data-bracket-size="31"] .round-list.fourth li,
[data-bracket-size="32"] .round-list.fourth li,
[data-bracket-size="39"] .round-list.fourth li,
[data-bracket-size="63"] .round-list.fourth li {
    margin-top: 980px;
}

[data-bracket-size="31"] .round-list.fifth li,
[data-bracket-size="32"] .round-list.fifth li,
[data-bracket-size="39"] .round-list.fifth li {
    margin-top: 1050px;
}

/* 63: Final 4 (round-5) align with Great 8 pairs; Championship (round-6) centered */
[data-bracket-size="63"] .round-5 .round-list.fifth li:first-child {
    margin-top: 980px;
}
[data-bracket-size="63"] .round-5 .round-list.fifth li {
    margin-top: 980px;
}
[data-bracket-size="63"] .round-6 .round-list.fifth li:only-child {
    margin-top: 1470px;
}

/* 63: Championship left connector - extend so it meets Final 4 lines */
[data-bracket-size="63"] .round-6 .fifth .item:only-child::before {
    width: 12px;
    border-top: 1px solid rgb(205, 205, 205);
}

[data-bracket-size="15"] .round-list.third .item::before,
[data-bracket-size="31"] .round-list.third .item::before,
[data-bracket-size="32"] .round-list.third .item::before,
[data-bracket-size="39"] .round-list.third .item::before,
[data-bracket-size="63"] .round-list.third .item::before {
    content: '';
    position: absolute;
    top: 50%;
    border-top: 1px solid rgb(205, 205, 205);
    width: 10px;
    left: 0;
}

[data-bracket-size="15"] .third.main .item::after,
[data-bracket-size="31"] .third.main .item::after,
[data-bracket-size="32"] .third.main .item::after,
[data-bracket-size="39"] .third.main .item::after,
[data-bracket-size="63"] .third.main .item::after {
    height: 200%;
}

[data-bracket-size="31"] .fourth .item::after,
[data-bracket-size="32"] .fourth .item::after,
[data-bracket-size="39"] .fourth .item::after,
[data-bracket-size="63"] .fourth .item::after {
    height: 400%;
}

/* Live */
.status.Live {
    color: #d00;
}

.live-container {
    width: 100%;
    margin-bottom: 20px;
    display: none;
}

.live-container .live-head {
    font-weight: bold;
    display: block;
    margin-left: 8px;
}

.liveGames {
    display: flex;
    width: 20%
}

.liveGames .item::after {
    content: none;
}

.play-in,
.consolation {
    flex-grow: 1;
    width: 100%;
}

.playin,
.place-3 {
    display: flex;
}

    .playin li,
    .place-3 li {
        flex-grow: 1;
    }

    .playin .item::after,
    .place-3 .item::after {
        display: none;
    }

.place-3 {
    margin-left: auto;
}

.consolation-bracket {
    margin-top: 50px;
}

.consolation-bracket .round {
    min-width: 260px;
}

#yearHeader {
    display: none;
}

@media screen and (max-width: 1500px) {
    body {
        font-size: 16px;
    }
}

@media screen and (max-width: 1000px) {
    body {
        font-size: 14px;
    }
}

@media screen and (max-width: 900px) {
    body {
        font-size: 12px;
    }
}

@media screen and (max-width: 800px) {
    body {
        font-size: 16px;
    }

    [data-bracket-size="3"] .round,
    [data-bracket-size="7"] .round,
    [data-bracket-size="15"] .round,
    [data-bracket-size="31"] .round,
    [data-bracket-size="32"] .round,
    [data-bracket-size="39"] .round,
    [data-bracket-size="63"] .round,
    .liveGames
    {
        width: 100%;
    }

    [data-bracket-size] .round-list li {
        margin-top: unset!important;
    }

    [data-bracket-size] .round-list .item::before {
        content: none!important;
    }

    .live-container {
        display: block;
        margin-top: 20px;
    }

    .playin {
        flex-direction: column;
    }

    .play-in {
        order: -1;
    }

    .bracket-notes {
        order: -2;
    }

    .consoltion-bracket {
        margin-top: unset;
    }

}