/* Minesweeper Game */
.ms-status {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 20px 0;

    font-family: "DM Mono", monospace;
    font-size: 0.85rem;
    color: #171310;
}

#ms-message {
    font-weight: 700;
}

#ms-restart-btn {
    padding: 6px 16px;
    background-color: #22204a;
    color: #faf8f4;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}

#ms-restart-btn:hover {
    opacity: 0.9;
}

.ms-grid {
    display: grid;
    grid-template-columns: repeat(16, 24px);
    grid-template-rows: repeat(16, 24px);
    gap: 1px;

    background-color: #ccc;
    width: max-content;
    border: 1px solid #ccc;
}

.ms-cell {
    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #e5e1d8;
    font-family: "DM Mono", monospace;
    font-size: 0.75rem;
    font-weight: 700;

    cursor: pointer;
    user-select: none;
}

.ms-cell.revealed {
    background-color: #f2eee6;
    cursor: default;
}

.ms-cell.mine {
    background-color: #e57373;
}

.ms-num-1 { color: #2255cc; }
.ms-num-2 { color: #2e8b57; }
.ms-num-3 { color: #cc3333; }
.ms-num-4 { color: #22204a; }
.ms-num-5 { color: #883333; }
.ms-num-6 { color: #2c7a7a; }
.ms-num-7 { color: #111; }
.ms-num-8 { color: #666; }