#gameGrid {
    font-size: 0;
    width: max-content;
    
    /* transform-origin: 0% 0% 0px; */
}

.gameGridBorder {
    border-style: ridge;
    border-width: 10px;
    border-color: lightgray;
}

.gridCell {
    background-image: var(--gridSrc), url("../bmp/grid.bmp");
    image-rendering: pixelated;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    user-select: none;
}

@supports (-webkit-touch-callout: none) {
    .gridCell {
        background-image: url("../bmp/grid.bmp");
    }
}

.larger {
    transform: scale(2);
    transform-origin: 0% 0% 0px;
}

.gridCell.flagged {
    background-position: 0px -16px;
}

.gridCell.mark {
    background-position: 0px -32px;
}

.gridCell.boom {
    background-position: 0px -48px;
}

.gridCell.whoops {
    background-position: 0px -64px;
}

.gridCell.bomb {
    background-position: 0px -80px;
}

.gridCell.mark_sel {
    background-position: 0px -96px;
}

.gridCell.eight {
    background-position: 0px -112px;
}

.gridCell.seven {
    background-position: 0px -128px;
}

.gridCell.six {
    background-position: 0px -144px;
}

.gridCell.five {
    background-position: 0px -160px;
}

.gridCell.four {
    background-position: 0px -176px;
}

.gridCell.three {
    background-position: 0px -192px;
}

.gridCell.two {
    background-position: 0px -208px;
}

.gridCell.one {
    background-position: 0px -224px;
}

.gridCell.selected {
    background-position: 0px -240px;
}