.banker-tapis {
    background: url('/jeux/bankercrash/assets/background.png') center center no-repeat;
    max-width: 622px;
	width:100%;
    padding: 25px;
    border-radius: 25px;
    border: 2px solid black;
    -moz-border-radius: 10px;
    margin: 15px auto;
    box-shadow: 0 0 5px #0ff;
}

.bancker-result-ok, .bancker-result-no {
    margin: 10px auto 0 auto;	
    padding:10px;
    border-radius:10px;
    font-weight: bold;
    text-align: center;	
    display:none;
}
.bancker-result-ok { border: dashed lightgreen; color: white; }
.bancker-result-no { border: dashed lightcoral; color: white; }

#bancker-win-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
	width: 100%;
}

#bancker-win-overlay.show {
    opacity: 1;
    pointer-events: all;
}

#bancker-win-overlay h1 {
    font-size: 5rem;
    color: gold;
    text-shadow: 0 0 15px #fff, 0 0 30px gold, 0 0 60px gold;
    animation: banckerPulse 1s infinite alternate;
}

@keyframes banckerPulse {
    from { transform: scale(1); }
    to { transform: scale(1.3); }
}

#heat-bar-container {
    margin-top: 12px;
    width: 100%;
    height: 12px;
    background: #333;
    border-radius: 20px;
    overflow: hidden;
    display: none;
}

#heat-bar {
    height: 100%;
    width: 0%;
    transition: width 0.6s ease, background-color 0.6s ease;
    border-radius: 20px;
}

/* Niveaux de chaleur */
.heat-burning { background: linear-gradient(90deg, #ff0000, #ff9900); }
.heat-hot     { background: #ff4500; }
.heat-warm    { background: #ff8c00; }
.heat-lukewarm{ background: #ffd700; }
.heat-cold    { background: #1e90ff; }
.heat-ice     { background: #00bfff; }


.info-game {
    margin: 0px auto 15px auto;
    font-weight: bold;
    font-size: 14px;
}

.info-game-2 {
    font-size: 14px;
    margin-bottom: 10px;	
}

/* Mobile */
@media (max-width: 800px){
	#bancker-win-overlay h1 { width: 50%; font-size: 3rem; }
}

@media(max-width:500px){
    #bancker-win-overlay h1 { width:50%;  font-size: 2rem; }
}