#game table {
    border-collapse: separate;
    margin: 0 auto;
    border: 10px solid;
    border-color: blue red blue red;
}

#game td {
    border: 3px solid black;
    text-align: center;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    --cell-size: 50px;
    width: var(--cell-size);
    height: var(--cell-size);
    min-width: var(--cell-size);
    min-height: var(--cell-size);
    max-width: var(--cell-size);
    max-height: var(--cell-size);
}

#game img {
    vertical-align: middle;
    position: relative;
    animation-fill-mode: backwards;
}

#game .origin {
    border-color: brown;
}

@keyframes path {
    to {
        background-color: var(--bs-info);
        font-weight: bold;
        color: white;
    }
}

@media (max-width: 400px) {

    #game td {
        --cell-size: 32px;
    }

    #game img {
        width: 20px;
    }
}