fix css issue

This commit is contained in:
2026-03-04 00:30:13 +01:00
parent afdedbe747
commit 3504c19ce9
-85
View File
@@ -426,91 +426,6 @@ button.btn-back {
}
}
/* --- PANEL DE VICTOIRE --- */
/* Conteneur principal en overlay */
.win-panel {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* Centrage parfait */
width: 450px;
background: rgba(15, 15, 15, 0.98);
border: 3px solid #d4af37;
border-radius: 20px;
padding: 30px;
text-align: center;
z-index: 10000000000; /* Toujours au-dessus */
box-shadow: 0 0 50px rgba(0, 0, 0, 1);
animation: scaleUp 0.3s ease-out;
}
.win-panel h2 {
color: #d4af37;
margin-bottom: 20px;
font-size: 1.6rem;
}
#winner-buttons-area {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
.btn-win {
background: #1a4a31;
color: white;
border: 1px solid #d4af37;
padding: 10px 20px;
border-radius: 8px;
font-weight: bold;
cursor: pointer;
transition: all 0.2s;
}
.btn-win:hover {
background: #d4af37;
color: black;
transform: scale(1.1);
}
/* Bouton Rejouer / Retour Accueil */
.btn-replay, .btn-back {
margin: 15px 5px;
padding: 12px 25px;
border-radius: 30px;
border: none;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
transition: transform 0.2s;
}
.btn-replay {
background: linear-gradient(135deg, #d4af37 0%, #f9e27d 100%);
color: #3e2723;
box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}
.btn-back {
background: #3e2723;
color: #d4af37;
border: 1px solid #d4af37;
}
.btn-replay:hover, .btn-back:hover {
transform: translateY(-3px);
filter: brightness(1.2);
}
@keyframes scaleUp {
from { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
/* --- ADAPTATION MOBILE --- */
@media (max-width: 600px) {
.win-panel {
padding: 20px;