#game td {
    text-align: center;
    border: 1px solid var(--bs-border-color);
    font-family: sans-serif;
    --cell-size: 10vmin;
    width: clamp(30px, var(--cell-size), 50px);
    height: clamp(30px, var(--cell-size), 50px);
    font-size: clamp(1em, 5vmin, 2em);
}

#game table {
    margin: 1em auto;
    border-collapse: collapse;
    border: 3px solid var(--bs-body-color);
}

#game td:nth-child(3n) {
    border-right: 3px solid var(--bs-body-color);
}

#game tr:nth-child(3n) {
    border-bottom: 3px solid var(--bs-body-color);
}

#game td:last-child,
#game tr:last-child {
    border-right: none;
    border-bottom: none;
}

.blocked {
    background-color: var(--bs-secondary-bg);
}