/* Style par défaut pour tous les boutons (non désactivés et non sélectionnés) */
.bouton-choix {
    /* Style de base inspiré du bouton désactivé mais avec un curseur normal */
    background-color: #1e242d; /* Fond légèrement plus clair que le conteneur */
    color: #c9d1d9; /* Texte général clair */
    cursor: pointer;
    border: 1px solid #2e3a46; /* Bordure foncée subtile */
    
    /* Mise en forme structurelle */
    padding: 10px 15px;
    margin: 5px 0;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    border-radius: 6px; /* Ajout d'un léger arrondi */
    transition: background-color 0.3s, border-color 0.3s;
}

/* Style au survol (Feedback visuel léger) */
.bouton-choix:hover:not(:disabled):not(.choix-fait) {
    background-color: #222b37; /* Assombrir légèrement au survol */
    border-color: #444f5c; /* Rendre la bordure légèrement plus visible */
}

/* Style par défaut pour tous les boutons désactivés (légèrement grisé) */
.bouton-choix:disabled {
    background-color: #161b22; /* Encore plus sombre, désactivé */
    color: #666; /* Texte gris */
    cursor: not-allowed;
    border: 1px solid #1e242d;
}

/* STYLE SPÉCIFIQUE AU BOUTON SÉLECTIONNÉ (Visuellement plus marqué - couleur bleu néon) */
.choix-fait {
    background-color: #00f0ff22; /* Fond légèrement transparent bleu néon */
    color: #00f0ff; /* Texte bleu néon */
    border: 2px solid #00f0ff55; /* Bordure bleue plus marquée */
    font-weight: bold;
    opacity: 1 !important;
}

/* --- Styles de Structure et Centrage --- */

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background-color: #0d1117; /* Fond noir très foncé */
    color: #c9d1d9; /* Texte général clair */
    padding: 20px;
    padding-top: 80px; /* Maintient l'espace pour le score flottant */
}

#conteneur-jeu {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #161b22; /* Fond du conteneur */
    box-shadow: 0 0 20px #00f0ff1a; /* Ombre subtile bleu néon */
    border-radius: 12px;
}

/* Styles pour les scènes individuelles */
.scene {
    margin-bottom: 30px;
}

/* LA CLASSE .cache EST MAINTENANT SEULEMENT UTILISÉE POUR LE FEEDBACK LOCAL */
.cache {
    display: none;
}

/* Style uniforme pour les paragraphes de contenu */
p {
    margin-bottom: 1em;
    font-size: 1.05em;
}

/* --- Cadre de Scène (Titre + Choix) --- */

.scene-frame {
    border: 1px solid #2e3a46; /* Bordure foncée */
    padding: 20px;
    border-radius: 6px;
    margin-top: 15px; 
}

.scene-frame h2 {
    color: #00f0ff; /* Titre en bleu néon */
    padding-bottom: 10px;
    margin-top: 0;
    border-bottom: 2px solid #00f0ff55; /* Soulignement bleu néon transparent */
    margin-bottom: 15px;
}

/* --- Cadre de Feedback (Résultat Local créé dynamiquement) --- */

.retour-choix-local {
    margin-top: 20px;
    padding: 15px;
    background-color: #00f0ff11; /* Fond très léger bleu néon */
    border: 1px solid #00f0ff55; /* Bordure bleu néon */
    border-radius: 4px;
    font-size: 1.1em;
}

.gain-points {
    color: #10B981; /* Vert pour le gain */
    font-weight: bold;
}

.perte-points {
    color: #ff5555; /* Rouge pour la perte */
    font-weight: bold;
}

/* --- Styles pour l'introduction (TEXTE NORMAL, PAS DE CADRE) --- */
.introduction {
    /* Maintient le bloc de texte centré et contraint (800px de large comme le jeu) */
    max-width: 800px;
    margin: 0 auto 30px auto; /* Centrage + marge pour séparer du conteneur du jeu */
    text-align: center;
}

.introduction h1 {
    color: #00f0ff; 
    padding-bottom: 10px;
    margin-top: 0;
    border-bottom: 2px solid #00f0ff55; /* Ligne bleue sous le titre */
    margin-bottom: 15px;
}

/* --- Score Flottant (MAINTENU EN HAUT À DROITE) --- */
#affichage-score {
    position: fixed; /* Reste visible même en défilant */
    top: 20px;
    right: 20px;
    z-index: 1000; /* Assure qu'il soit au-dessus des autres éléments */
    
    /* Style de boîte du score (pour lisibilité) */
    background-color: #161b22; 
    color: #00f0ff;
    border: 1px solid #2e3a46;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 1.1em;
    font-weight: bold;
    box-shadow: 0 0 10px #00f0ff1a;
}

/* Styles spécifiques à la scène finale */
#resultat-final {
    text-align: center;
}

#score-final {
    color: #00f0ff; 
    font-size: 1.5em;
}

#statut-appartement {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #2e3a46;
    border-radius: 6px;
    background-color: #1e242d; 
}

#choix-appartement-final .bouton-choix {
    margin-bottom: 10px;
    font-size: 1em;
    text-align: center;
}