.jam-game-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.jam-game {
    --color: black;

    border: 3px solid var(--color);
    border-radius: 5px;
    height: 200px;

    text-align: center;
    vertical-align: middle;

    color: var(--color);

    display: grid;
    align-items: center;

    position: relative;
}

a:has(.jam-game) {
    text-decoration: none !important;
}

.jam-game .background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.jam-game:hover {
    transform: scale(0.98);
    border-style: dashed;
}

#my-men {
    --color: rgb(202, 75, 36);
}
#solo-sub-sinking {
    --color: rgb(23, 23, 160);
}
#battle-broker {
    --color: rgb(42, 190, 227);
}
#night-control {
    --color: rgb(21, 186, 32);
}
#same-day-again {
    --color: rgb(65, 122, 72);
}