/* ... (votre CSS existant pour body, game-container, etc.) ... */

#pythagore-scene {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 15px auto;
    display: block;
}

.square {
    stroke: #333;
    stroke-width: 2;
}
.square-a { fill: rgba(255, 100, 100, 0.3); } /* Rouge */
.square-b { fill: rgba(100, 100, 255, 0.3); } /* Bleu */
.square-c { fill: rgba(100, 255, 100, 0.3); } /* Vert */

.triangle {
    fill: none;
    stroke: #000;
    stroke-width: 3;
}

/* --- Gestion des étiquettes --- */
.label {
    font-size: 24px;
    font-weight: bold;
    fill: #000;
    text-anchor: middle;
    dominant-baseline: middle;
    display: none; /* CACHÉ PAR DÉFAUT */
}
.side-label {
    font-size: 20px;
}

/* Classe pour afficher les étiquettes */
.label.visible {
    display: block;
}