/* socle.css — le fond commun : couleurs, remise à zéro, contrôles, et les deux
 * bandeaux qui n'appartiennent à AUCUNE vue (l'annonce de cran de jeu, l'alerte
 * « guitare non connectée »). Chargé en premier ; tout le reste s'appuie dessus.
 */
 :root{color-scheme:dark}
 *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}
 html,body{height:100%;margin:0;overflow:hidden}
 body{font:15px/1.4 system-ui,sans-serif;background:#0f1013;color:#e8eaed;
      display:flex;flex-direction:column}
 button{font:inherit;cursor:pointer;color:#e8eaed;background:#22242a;
        border:1px solid #3c4043;border-radius:10px}
 button:active{background:#2d3039}
 button.on{background:#8ab4f8;color:#14161a;border-color:#8ab4f8;font-weight:700}
 input{font:inherit;color:#e8eaed;background:#14161a;border:1px solid #3c4043;border-radius:6px}
 h1{font-size:1.1rem;margin:0 0 .3rem}

 /* ── Le retour à l'accueil ────────────────────────────────────────────────
    Une navigation, pas un redémarrage : rien n'est rechargé, aucun contexte
    audio n'est recréé. Il se glisse dans la rangée du haut de chaque vue,
    plutôt que de flotter : un bouton fixe passerait sous la barre qu'Orphéon
    Solo pose en haut de l'écran.

    ⚠️ Il a longtemps été un « ‹ » seul, à 65 % d'opacité, dans la logique
    « on ne prévient pas avant de l'utiliser ». Sauf qu'un chevron gris de
    dix-huit pixels n'est pas discret, il est INTROUVABLE : rien ne dit où il
    mène, et la cible tombe sous les 44 px que le doigt demande. Le mot est
    donc écrit, et la hauteur est celle d'une vraie cible tactile. La
    discrétion se joue maintenant sur le fond — transparent, contre les
    boutons pleins qui, eux, agissent sur la musique. */
 .accueil{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;
     min-height:44px;padding:.5rem .8rem;font-size:.95rem;line-height:1;
     white-space:nowrap;background:none;border-color:#5f6368;color:#e8eaed}
 .accueil .ic{font-size:1.15rem;line-height:1;opacity:.75}
 .accueil:active{background:#2d3039}

 /* Annonce du cran de jeu : au-dessus de tout, sans rien intercepter — elle
    passe pendant qu'on joue, la main est sur la guitare, pas sur l'écran. */
 #annonce{position:fixed;left:50%;bottom:2.2rem;transform:translateX(-50%);
     background:rgba(15,16,19,.92);border:1px solid #5f6368;border-radius:999px;
     padding:.55rem 1.5rem;font-size:1.15rem;white-space:nowrap;
     z-index:1000;pointer-events:none;box-shadow:0 4px 18px rgba(0,0,0,.5)}
 #annonce b{color:#8ab4f8;text-transform:uppercase;font-size:.78rem;
     letter-spacing:.1em;margin-right:.55rem;vertical-align:.08em}

 /* ── Bandeau « guitare non connectée » ───────────────────────────────
    N'existe que côté Scène, et seulement tant que le matériel manque : une
    fois branché, il disparaît et ne laisse rien derrière. Il est au-DESSUS des
    vues parce qu'il ne concerne aucune d'elles en particulier — et surtout il
    est au-dessus de l'ACCUEIL, parce que sans guitare le choix qu'on y fait
    n'est pas le même. */
 #manette{flex:0 0 auto;display:flex;align-items:center;gap:.8rem;
     background:#3a2a12;border-bottom:1px solid #6b5220;padding:.6rem .8rem}
 #manette[hidden]{display:none}
 #manette .txt{flex:1;min-width:0;font-size:.85rem;color:#f3c77a}
 #manette .txt b{display:block;font-size:.95rem;color:#fbd38d;margin-bottom:.15rem}
 #manette .txt span{display:block;white-space:pre-line;color:#c8a45e;font-size:.78rem}
 #manette button{flex:0 0 auto;padding:.6rem 1rem;font-weight:600;
     background:#6b5220;border-color:#8a6a2a}
 #manette button[disabled]{opacity:.55;cursor:default}