#keno-board {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 5px;
    max-width: 600px;
    margin: 20px auto;
}

.cell {
    background: #1f1f1f;
    border-radius: 6px;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cell.selected { background: orange; color: white; font-weight:bold; } /* sélection joueur */
.cell.drawn { background: #1e90ff; color:white; } /* tiré mais non sélectionné */
.cell.hit { background: green; color:white; font-weight:bold; } /* sélection + tiré */

#keno-win-overlay {
    position: fixed; top:0; left:0; width:100%; height:100%;
    background: rgba(0,0,0,0.8);
    display:flex; justify-content:center; align-items:center;
    opacity:0; pointer-events:none; transition:0.5s;
    z-index:9999;
}
#keno-win-overlay.show { opacity:1; pointer-events:all; }
#keno-win-overlay h1 { font-size:5rem; color:gold; text-shadow:0 0 20px #fff,0 0 40px gold; }

.bingo-result-ok, .bingo-result-no {
    margin:10px 0;
    padding:10px;
    border-radius:10px;
    display:none;
}

.bingo-result-ok.win { border: dashed lightgreen; color: white; max-width: 600px; margin: 10px auto 0 auto; font-weight:bold; }
.bingo-result-no { border: dashed lightcoral; color: white; max-width: 600px; margin: 10px auto 0 auto; font-weight:bold; }

/* Animation clignotement pour tiré (bleu) */
@keyframes blinkDrawn {
    0% { background-color: #1e90ff; }
    50% { background-color: #63b3ff; }
    100% { background-color: #1e90ff; }
}

/* Animation clignotement pour hit (vert) */
@keyframes blinkHit {
    0% { background-color: green; }
    50% { background-color: #66ff66; }
    100% { background-color: green; }
}

.cell.drawn {
    animation: blinkDrawn 0.6s infinite;
}

.cell.hit {
    animation: blinkHit 0.6s infinite;
}

.cell.lucky { 
    background: gold; 
    color: black; 
    font-weight: bold; 
    box-shadow: 0 0 8px gold; 
}

/* ===========================
   Mobile
=========================== */
@media(max-width:600px){
#keno-win-overlay h1{
font-size:2.4rem;
}	

.cell {
   font-size: 0.8rem;
}
}