/* Le nom actif reste visible ; les explications secondaires se déplient. */
#profilActif{position:sticky;top:0;z-index:1050;margin:0 0 14px;padding:8px 10px;border:1px solid var(--hud-line,var(--bord));border-radius:12px;background:var(--hud-side-opaque,var(--creme));color:var(--hud-ink,var(--noir));font-size:13px;font-weight:600;max-width:100%;box-sizing:border-box}
#profilActif[hidden]{display:none}
#profilActif select{display:block;width:100%;min-height:30px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-overflow:ellipsis}
#profilActif select:focus-visible{outline:2px solid var(--corail);outline-offset:3px}
#profilActif option{background:var(--hud-side-opaque,var(--creme));color:var(--hud-ink,var(--noir))}
#guideEcran summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;font-size:13px}
#guideEcran summary::before{content:'›';font-size:20px}#guideEcran[open] summary::before{transform:rotate(90deg)}
#guideEcran summary span{flex:1}#guideEcran summary .btn{margin:0;font-size:12px;padding:6px 10px}
#guideEcran{margin-bottom:12px;background:transparent}
#guideEcran .guide-contenu{padding-top:4px}
#vSub:empty{display:none}
.details-secondaires{margin:10px 0;font-size:13px;color:var(--hud-muted,var(--gris))}
.details-secondaires>summary{cursor:pointer;font-weight:600;padding:8px 0}
.details-secondaires[open]>summary{margin-bottom:8px}
@media(max-width:600px){#profilActif{font-size:12px;margin-bottom:10px}#guideEcran summary{gap:6px}#guideEcran summary .btn{white-space:normal;text-align:left}}
