@media only screen and (min-width: 992px) {

    /* ROOT VARIABLES */
    :root {--card: 8vw;}

    /* GLOBAL SETTINGS */

    /* MAIN */
    main {
        -ms-grid-columns: 1em 1fr 2em calc(var(--card) * 2) 2em 1fr 1em;
        grid-template-columns: 1em 1fr 2em calc(var(--card) * 2) 2em 1fr 1em;
        grid-template-areas:
            ". user . stats . word ."
            ". user . stats . ai .";
    }

    /* USER GRID / BOARD */
    #user-board .back .emoji {
        font-size: 6vw;
    }

    /* AI GRID / BOARD */
    #ai-board .back .emoji {
        font-size: 3vw;
    }

    /* MODALS */
    #modal-settings table {
        border-spacing: 0 1em;
    }

}