/* games */
grid-container {
    display: grid;
    --auto-grid-min-size: 24rem;
    justify-content: center;
    overflow-x:hidden;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    grid-gap: 0.3rem;
}
.games {
    margin: var(--main-margin);
}
minigame {
    /*border: 1px solid var(--bg-color2);*/
    margin:0.3em;
    padding: 6px;
    background-color: var(--bg-color0);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
minigame:hover {
    background-color: var(--game-hover);
    cursor: pointer;
}
minigame > div {
    margin: auto;
}
minigame .row {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 4px;
}
minigame .variant-info {
    display: inline-flex;
    flex-direction: inherit;
    align-items: inherit;
}
minigame .icon {
    font-size: 2em;
}
minigame .tc {
    margin-left: 3px;
}
minigame .name {
    text-align: right;
    padding-top: 4px;
}

minigame.smaller-text.dobutsu, minigame.smaller-text.shogi5x5, minigame.smaller-text.shogi5x6 {
    font-size: 0.7em;
}
minigame.smaller-text.shogi7x7 {
    font-size: 0.8em;
}
minigame.smaller-text.chennis7x7, minigame.smaller-text.xiangqi7x7, minigame.smaller-text.shogun8x8 {
    font-size: 0.9em;
}
minigame.with-pockets .row {
    padding-bottom: 44px;
}
minigame.with-pockets.dobutsu .row {
    padding-bottom: 74px;
}
minigame.with-pockets .name {
    padding-top: 44px;
}
minigame.with-pockets.dobutsu .name {
    padding-top: 74px;
}
minigame.with-pockets.dobutsu .cg-wrap.cg-156.mini {
  width: 196px!important;
}