.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; }

/* === Grille et boutons couleurs === */
#seq-grid {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
}

/* === Overlay victoire/perdu === */
.overlay-mines {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.9);
    color: gold;
    padding: 40px 60px;
    border-radius: 20px;
    text-align: center;
    font-size: 1.5em;
    z-index: 9999;
    box-shadow: 0 0 20px gold;
}

/* === Boutons Start / Stop === */
#start, #stop {
    padding: 10px 20px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-size: 1em;
    margin: 5px;
    transition: all 0.2s;
}

#stop:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Animation pulsante pour niveaux */
@keyframes levelPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

/* === Responsive === */
@media (max-width:600px){
    .color-btn {
        width: 60px;
        height: 60px;
    }

    .stats-flex {
        flex-direction: column;
        align-items: center;
    }
}