This commit is contained in:
2026-03-03 20:04:12 +01:00
parent a66223c648
commit 37135c86e9
+28 -26
View File
@@ -430,53 +430,55 @@ button.btn-back {
/* Conteneur principal en overlay */ /* Conteneur principal en overlay */
.win-panel { .win-panel {
/* Positionnement fixe au milieu de l'écran ou du container */
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 350px; /* Largeur fixe pour le test */ /* Style du panneau */
min-height: 200px; width: 400px;
background-color: #1a1a1a !important; /* Force le fond noir */ background-color: rgba(20, 20, 20, 0.95); /* Fond sombre opaque */
border: 4px solid #d4af37; border: 3px solid #d4af37; /* Bordure dorée */
border-radius: 15px; border-radius: 15px;
padding: 20px; padding: 25px;
text-align: center; text-align: center;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
/* Priorité maximale */ /* S'assurer qu'il passe devant tout */
z-index: 9999 !important; z-index: 9999;
display: block !important;
box-shadow: 0 0 100px rgba(0,0,0,1);
} }
/* Titre du panel */ /* Titre du panel */
.win-panel h2 { .win-panel h2 {
color: #d4af37; color: #ffffff;
font-size: 1.8rem; font-size: 1.4rem;
margin-bottom: 25px; margin-bottom: 20px;
text-transform: uppercase; font-family: Arial, sans-serif;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
} }
/* Boutons de sélection des joueurs (Qui a gagné ?) */ /* Zone des boutons */
#winner-buttons-area {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
/* Style des boutons joueurs */
.btn-win { .btn-win {
display: inline-block; background: #444;
width: 80%;
margin: 8px 0;
padding: 12px;
background: linear-gradient(135deg, #1a4a31 0%, #0e5d32 100%);
color: white; color: white;
border: 2px solid #d4af37; border: 1px solid #d4af37;
border-radius: 10px; padding: 8px 15px;
font-weight: bold; border-radius: 5px;
cursor: pointer; cursor: pointer;
font-size: 0.9rem;
transition: all 0.2s; transition: all 0.2s;
} }
.btn-win:hover { .btn-win:hover {
transform: scale(1.05);
background: #d4af37; background: #d4af37;
color: #1a4a31; color: #000;
} }
/* Bouton Rejouer / Retour Accueil */ /* Bouton Rejouer / Retour Accueil */