/* Fit the two mobile metadata items on one row whenever their content fits. */
@media (max-width: 700px) {
    .game-card .game-meta {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-end;
        gap: 4px;
        margin-top: 4px;
        transform: none;
    }

    .game-card .game-version {
        flex: 0 0 auto;
        max-width: 100%;
        min-height: calc(1.4em + 8px);
        padding: 3px 5px;
        white-space: normal;
        overflow: visible;
        overflow-wrap: anywhere;
        text-overflow: clip;
    }

    .game-card .game-meta .date {
        flex: 0 0 auto;
        max-width: 100%;
        margin-left: auto;
        overflow-wrap: anywhere;
    }
}