.mines-grid{
    display:grid;
    grid-template-columns:repeat(5,60px);
    gap:10px;
    justify-content:center;
    margin-top:20px;
}
.mines-cell{
    width:60px;height:60px;
    background:#222;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    cursor:pointer;
    transition:0.2s;
}
.mines-cell:hover{transform:scale(1.05)}
.safe{background:#1E90FF}
.mine{background:#e53935}


/* Overlay Mines */
.overlay-mines {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    background: rgba(0,0,0,0.9);
    padding: 40px 60px;
    border-radius: 20px;
    text-align: center;
    color: gold;
    font-size: 2em;
    font-weight: bold;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    animation: popOverlay 1s ease forwards;
}

.overlay-mines h1{
    font-size: 3em;
    color: gold;
    animation: pulse 1s infinite alternate;
}

.overlay-mines p{
    font-size: 1.2em;
    color: #FFF;
    margin-top: 15px;
}

@keyframes popOverlay{
    0%{opacity:0; transform:translate(-50%,-50%) scale(0.5);}
    100%{opacity:1; transform:translate(-50%,-50%) scale(1);}
}

.tetris-result-ok, .tetris-result-no {
    margin:10px 0;
    padding:10px;
    border-radius:10px;
    display:none;
}
.tetris-result-ok { border: dashed lightgreen; color: white; max-width: 600px; margin: 10px auto 0 auto; }
.tetris-result-no { border: dashed lightcoral; color: white; max-width: 600px; margin: 10px auto 0 auto; }