.memory-cell{
    background:#1E90FF;
    color:#FFF;
    font-weight:bold;
    font-size:20px;
    text-align:center;
    line-height:70px;
    cursor:pointer;
    border-radius:8px;
    user-select:none;
}
.memory-cell.matched{
    background:#FFD700;
    cursor:default;
}
.overlay-mines{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:rgba(0,0,0,0.9);
    color:#FFF;
    padding:40px 60px;
    border-radius:20px;
    text-align:center;
    z-index:9999;
    font-size:1.5em;
    display:none;
}

.memory-grid{
    display:grid;
    grid-template-columns:repeat(4,75px);
    gap:10px;
    justify-content:center;
    margin-top:25px;
}

.memory-cell{
    width:75px;
    height:75px;
    background:#1E90FF;
    color:#FFF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    border-radius:12px;
    cursor:pointer;
    transition:0.25s;
    user-select:none;
}

.memory-cell:hover{
    transform:scale(1.05);
}

.memory-cell.matched{
    background:#2ecc71;
    cursor:default;
}

.block-regles{
    width:90%;
    margin:35px auto;
    padding:25px;
    background:#1F1F1F;
    color:#FFF;
    border-radius:15px;
}

.regles-grid{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    justify-content:center;
    margin-top:15px;
}

.regles-grid div{
    background:#1E90FF;
    padding:12px 18px;
    border-radius:10px;
    font-weight:bold;
}

.note{
    text-align:center;
    color:#AAA;
    margin-top:15px;
}

/* ===========================
   Mobile
=========================== */
@media(max-width:600px){
.overlay-mines{
font-size:1.2rem;
}	
}