#turn {
    text-align: center;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
}

#scores {
    overflow: auto;
    display: flex;
    flex-direction: column-reverse;
}

#scores tbody > * {
    display: flex;
}

.player-1{ flex-basis: 100%;}
.player-2{ flex-basis: calc(100%/2);}
.player-3{ flex-basis: calc(100%/3);}
.player-4{ flex-basis: calc(100%/4);}
.player-5{ flex-basis: calc(100%/5);}
.player-6{ flex-basis: calc(100%/6);}
.player-7{ flex-basis: calc(100%/7);}
.player-8{ flex-basis: calc(100%/8);}
.player-9{ flex-basis: calc(100%/9);}
.player-10{ flex-basis: calc(100%/10);}
.player-11{ flex-basis: calc(100%/11);}
.player-12{ flex-basis: calc(100%/12);}

.player{
    border-style: solid;
    border-width: 0 1px;
    padding: 0;
    text-align: center;
}

.player p{
    margin: 0;
}

.player .score{
    font-size: 20px;
}

.player th{
    font-weight: normal;
    padding: 5px;
    text-align: center;
}

#solutions h4 {
    margin: 0;
    font-size: 1.5rem;
}

@media (max-width: 600px)  {
    .player th{
        padding: 2px;
    }

    #solutions li {
        padding: 3px 20px;
    }

    #solutions .collection-item {
        display: inline-block;
        border: 1px solid;
        width: 50%;
    }

    #solutions li div {
        display: inline-block;
        margin: 0 10px;
    }
}

@media (min-width: 601px) {
    .player th{
        padding: 5px;
    }

    #solutions li {
        padding: 3px 20px;
    }

    #solutions .collection-item {
        display: inline-block;
        border: solid;
        width: 33%;
    }

    #solutions li div {
        display: inline-block;
        margin: 0 10px;
    }
}