/* === Overlay === */
.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;
}

/* === Zone de jeu === */
#aim-area {
    position: relative;
    background: #1F1F1F;
    border-radius: 15px;
    overflow: hidden;
    margin: 20px 0;
    height: 300px;
}

#target {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
}

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

/* === Barre de progression === */
#progressBar {
    height: 100%;
    background: #FFD700;
    transition: width 0.3s;
}

.tetris-result-ok, .tetris-result-no {
    margin:10px 0;
    padding:10px;
    border-radius:10px;
}
.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; }

/* === Responsive === */
@media (max-width:600px){
    .stats-flex { flex-direction:column; align-items:center; }
    #aim-area { height:200px; }
    #target { width:40px; height:40px; }
}