/* role.css — ce que chaque rôle montre, et surtout ce qu'il ne montre pas.
 *
 * Chargée en DERNIER : elle ne fait que masquer ce que les autres feuilles ont
 * mis à l'écran. Rien n'est désactivé — ce qui n'a pas lieu d'être sur un écran
 * n'y existe pas, ce qui évite d'avoir à se demander si un bouton grisé marche.
 */

/* ── Commun à la salle et aux pupitres : aucune commande ─────────────────── */
 body[data-role=salle] .accueil,
 body[data-role=pupitre] .accueil,
 body[data-role=salle] #jouer_morceau,
 body[data-role=pupitre] #jouer_morceau,
 body[data-role=salle] .ch_barre_morceau,
 body[data-role=pupitre] .ch_barre_morceau,
 body[data-role=salle] #ch_transport,
 body[data-role=pupitre] #ch_transport,
 body[data-role=salle] #ch_palette,
 body[data-role=pupitre] #ch_palette,
 body[data-role=salle] #manette,
 body[data-role=pupitre] #manette{display:none}

/* ── La salle : les paroles, et rien qui les entoure ─────────────────────── */
/* L'en-tête du morceau et le bandeau manche s'adressent à quelqu'un qui JOUE.
   Le public, lui, chante : il ne lui reste que le texte. */
 body[data-role=salle] #ch_entete,
 body[data-role=salle] #ch_legende{display:none}
/* Hors lecture, l'écran de salle ne montre pas une page de travail à moitié
   vide : il dit ce qu'il attend. */
 body[data-role=salle] #ch_partition{font-size:1.6rem;text-align:center;
     line-height:1.9;padding-top:12vh}

/* ── Le pupitre : le manche et les paroles, en lecture seule ─────────────── */
/* Les réglages de confort restent : la taille du texte et l'alignement
   regardent l'œil qui lit, pas la salle. */
 body[data-role=pupitre] #ch_entete{margin-top:.5rem}

/* ── Revenir sur son choix ────────────────────────────────────────────────
    Le seul bouton d'un écran qui n'en a plus. Volontairement effacé — il ne
    doit pas attirer l'œil en pleine chanson — mais toujours là : sans lui, un
    téléphone réglé par erreur sur « salle » n'aurait aucun chemin de retour. */
 #role_changer{position:fixed;left:.5rem;bottom:.5rem;z-index:50;
     width:2.4rem;height:2.4rem;padding:0;border-radius:50%;
     background:#14161acc;opacity:.22;font-size:1rem}
 #role_changer:active{opacity:1}
 #role_changer[hidden]{display:none}
/* En scène, plus rien du tout : l'écran ne montre que ce qui se chante. */
 body.karaoke #role_changer{display:none}

/* Le sélecteur de rôle emprunte la mise en page des portes de l'accueil —
   même geste, mêmes cibles, et rien de neuf à apprendre. */
 #choix_role .portes{flex:1;justify-content:center;overflow-y:auto}
 #choix_role .picker_entete{justify-content:center}