body {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
}

.dashboard {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 700px;
}



.dashboard__title {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: bold;
    color: #999999
}



.pannel {
    width: 100%;
    margin-top: 2rem;
    text-align: center;
}



.pannel--current-turn {
    margin: 0;
}
.current-turn__list {
    margin: 3rem 0 2rem 0;
    list-style: none;
}
.current-turn__item {
    display: inline-block;
    font-weight: bold;
    font-size: 5rem;
}
.current-turn__item + .current-turn__item {
    margin-left: 2.5rem;
}



.pannel--players {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: center;
}
.player {
    width: 50%;
    padding: 3rem 1rem;
    border-top : 0.3rem solid transparent;
    opacity: 0.5;
}
.player.is-active {
    border-color: red;
    opacity: 1;
}
.player__name {
    margin-bottom: 3rem;
    font-size: 2.6rem;
}
.player.is-active .player__name:before {
    content: "🎯 ";
}
.player__score {
    font-weight: bold;
    font-size: 3rem;
}



.history {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: center;
    overflow-x : auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.history::-webkit-scrollbar {
    display: none;
}
.history__title {
    width: 100%;
    margin-bottom: 2rem;
}
.history__list {
    text-align: left;
    font-size: 2rem;
    opacity: 0.75;
}
.history__list:first-child {
    opacity: 1;
}
.history__item {
    text-align: center;
}
.history__list:first-child .history__item {
    font-weight: bold;
}
.history__list + .history__list {
    margin-left: 3rem;
}



.cricket-list {
    margin-top: 2rem;
}
.cricket-list__title {
    font-size: 2rem;
}
.cricket-list__list {
    margin-top: 1rem;
    list-style: none;
}
.cricket-list__item {
    display: inline-block;
    font-size: 1.6rem;
}
.cricket-list__item + .cricket-list__item {
    margin-left: 1rem;
}



.cricket-locked-numbers__title {
    font-size: 2rem;
}
.cricket-locked-numbers__list {
    list-style: none;
    margin-top: 1rem;
}
.cricket-locked-numbers__item {
    display: inline-block;
    font-size: 1.6rem;
}
.cricket-locked-numbers__item + .cricket-locked-numbers__item {
    margin-left: 1rem;
}




.pannel--inputs {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end;
}
.pannel--inputs .button {
    width: 14.28571429%;
    margin: 0;
    aspect-ratio: 1 / 1;
}
.pannel--inputs .button--0 {
    margin: 0 auto 0 0;
}
.pannel--inputs .button--double,
.pannel--inputs .button--triple {
    width: 50%;
    aspect-ratio: 3.5 / 1;
}
.pannel--inputs .button--delete {
    width: 33%;
    aspect-ratio: 3.333 / 1;
}