/* Overlay Mines */
.overlay-mines {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    background: rgba(0,0,0,0.9);
    padding: 40px 60px;
    border-radius: 20px;
    text-align: center;
    color: gold;
    font-size: 2em;
    font-weight: bold;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    animation: popOverlay 1s ease forwards;
}

.multiplier {
	font-size: 20px;
	font-weight: bold;
	padding:24px;
	margin:20px auto 20px auto;
	background: rgba(0,0,0,0.9);
	width: fit-content;
	border-radius: 10px;
	box-shadow: 0 0 20px #0ff;
}

.overlay-mines h1{
    font-size: 3em;
    color: gold;
    animation: pulse 1s infinite alternate;
}

.overlay-mines p{
    font-size: 1.2em;
    color: #FFF;
    margin-top: 15px;
}

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

@keyframes popOverlay{
    0%{opacity:0; transform:translate(-50%,-50%) scale(0.5);}
    100%{opacity:1; transform:translate(-50%,-50%) scale(1);}
}

/* ===========================
   Mobile
=========================== */
@media(max-width:600px){
.overlay-mines h1{
font-size:2rem;
}
.overlay-mines p{
    font-size: 1em;
}	
}