diff --git a/poker-paf/game.css b/poker-paf/game.css index c47a4e3..57451ff 100644 --- a/poker-paf/game.css +++ b/poker-paf/game.css @@ -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;