#memory-grid{
 display:grid;
 grid-template-columns:repeat(var(--cols),50px);
 gap:8px; justify-content:center;
}
.cell{
 width:50px;height:50px;
 background:#1F1F1F;
 border-radius:8px;
 display:flex;justify-content:center;align-items:center;
 font-size:1.5em;cursor:pointer;
}
.cell.revealed{background:#444}

#memory-timer{text-align:center;font-size:1.5em;margin:10px}

#bingo-win-overlay{
 position:fixed;top:0;left:0;width:100%;height:100%;
 background:rgba(0,0,0,.85);
 display:flex;justify-content:center;align-items:center;
 opacity:0;pointer-events:none;transition:.4s;z-index:9999;
}
#bingo-win-overlay.show{opacity:1;pointer-events:all}
#bingo-win-overlay h1{
 color:gold;font-size:5rem;
 text-shadow:0 0 30px gold;
 animation:pulse 1s infinite alternate;
}
@keyframes pulse{from{transform:scale(1)}to{transform:scale(1.3)}}

#memory-pause-overlay{
 position:fixed;
 inset:0;
 background:rgba(0,0,0,.8);
 display:flex;
 align-items:center;
 justify-content:center;
 opacity:0;
 pointer-events:none; /* 👈 toujours none */
 transition:.3s;
 z-index:9998; /* 👈 sous les boutons */
}

#memory-pause-overlay.show{
 opacity:1;
}
#memory-pause-overlay h1{color:white;font-size:4rem}

.poker-result-ok, .poker-result-no {
    margin: 10px 0;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
}

.poker-result-ok {
    border: 1px dashed lightgreen;
    color: white;
	max-width: 600px;
	margin: 10px auto 10px auto;
}

.poker-result-no {
    border: 1px dashed lightcoral;
    color: white;
	max-width: 600px;
	margin: 10px auto 10px auto;	
}

/* ===========================
   Mobile
=========================== */
@media(max-width:600px){
#bingo-win-overlay h1{
font-size:2.4rem;
}	
}
