/* Базовые настройки клетки */
.cell {
    width: var(--tile);
    height: var(--tile);
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
    appearance: none;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../assets/tiles/closed.svg");
    transition: outline ease .3s;
}

.cell:focus {
    outline: none;
    box-shadow: none
}

.cell:hover {
    z-index: 1000;
    outline: 1px solid var(--cell-hover-color);
}

/* Открытая плитка */
.cell-open {
    background-image: url("../assets/tiles/open.svg");
}

.cell-open:hover {
    z-index: 0;
    outline: none;
}

/* Мины */
.cell-digX {
    background-image: url("../assets/tiles/mine.svg");
}

.cell-digX-hit {
    background-image: url("../assets/tiles/mine-hit.svg");
}

/* ВАЖНО: флаговые стили идут ВЫШЕ, чем .cell-digX-hit */
.cell-flag {
    background-image: url("../assets/tiles/flag.svg");
}

.cell-flag-fail {
    background-image: url("../assets/tiles/flag-fail.svg");
}

/* Числа 1..8 */
.cell-dig1 {
    background-image: url("../assets/tiles/d1.svg");
}

.cell-dig2 {
    background-image: url("../assets/tiles/d2.svg");
}

.cell-dig3 {
    background-image: url("../assets/tiles/d3.svg");
}

.cell-dig4 {
    background-image: url("../assets/tiles/d4.svg");
}

.cell-dig5 {
    background-image: url("../assets/tiles/d5.svg");
}

.cell-dig6 {
    background-image: url("../assets/tiles/d6.svg");
}

.cell-dig7 {
    background-image: url("../assets/tiles/d7.svg");
}

.cell-dig8 {
    background-image: url("../assets/tiles/d8.svg");
}