.mines-win3 {
    width: 360px;
}


.mines-toolbar {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}
#reset {
    width: 34px;
    height: 26px;
    border: 2px solid var(--dark);
    background: linear-gradient(#eee, #ccc);
    cursor: pointer;
    box-shadow: inset 1px 1px 0 var(--light);
    font-size: 16px;
}
#mines-mineCount {
    padding: 4px 8px;
    border: 2px solid var(--dark);
    background: #e0e0e0;
}
#mines-msg {
    flex: 1;
    text-align: right;
    font-size: 12px;
}
.mines-board {
    display: grid;
    gap: 4px;
    justify-content: center;
}
.mines-cell {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#f0f0f0, #d0d0d0);
    border: 2px solid var(--dark);
    cursor: pointer;
    user-select: none;
    font-weight: bold;
}
.mines-cell.mines-revealed {
    background: #e8e8e8;
    border: 1px solid #999;
    cursor: default;
}
.mines-cell.mines-mine {
    background: #f88;
}
.mines-cell.mines-flag {
    color: #b00;
}
/* čísla podobné Windows Minesweeper */
.mines-num1 {
    color: blue;
}
.mines-num2 {
    color: green;
}
.mines-num3 {
    color: red;
}
.mines-num4 {
    color: darkblue;
}
.mines-num5 {
    color: maroon;
}
.mines-num6 {
    color: teal;
}
.mines-num7 {
    color: black;
}
.mines-num8 {
    color: gray;
}