.game {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24rem;
    width: 100%;
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 0 15rem var(--color-primary-30);
            box-shadow: 0 0 15rem var(--color-primary-30);
    padding: 24rem;
}

.game__stats {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16rem;
}

.game__stat {
    width: 100%;
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius);
    padding: 12rem;
}

.game__inner {
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius);
}

.game-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32rem;
}

.game-row:not(:first-child) {
    margin-top: 48rem;
}

@media screen and (min-width: 768px) {
    .game__stats {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .game-row {
        max-width: 1024rem;
        -ms-grid-columns: 1fr 1.5fr;
        grid-template-columns: 1fr 1.5fr;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-left: auto;
        margin-right: auto;
    }
}
