.container {
    margin-block-end: 20px;
}

.hidden {
    display: none;
}

.main-table {
    table-layout: fixed;
}

.score-input-group {
    display: grid;
    gap: 15px;
    grid-template-columns: 2fr 1fr;
    align-items: baseline;
}

.btns {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin-block-end: 12px;
}

@media (max-width: 600px) {
    .btns {
        flex-direction: column;
        gap: 20px;
    }

    .btns :nth-child(1) {
        align-self: start;
    }

    .btns :nth-child(2) {
        align-self: end;
    }
}

.winner {
    color: #9B2318;
    font-weight: bold;
}


th {
    background: #E2E2E2;
}

@media (prefers-color-scheme: dark) {
    th {
        background: #474747;
    }

    .winner {
        color: #F06048;
        font-weight: bold;
    }
}