/* Sport & MNT – CHALLENGE « Bouge la journée d’Awa / d’Adama » : choix du personnage, feedback par option, jauge illustrative. */
.persos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.perso{font:inherit;color:inherit;display:grid;justify-items:center;gap:6px;padding:26px 18px;border-radius:22px;border:0;background:var(--surface);cursor:pointer;
  box-shadow:0 0 0 4px var(--st),0 14px 30px -14px rgba(0,0,0,.45);transition:transform .15s}
.perso:hover,.perso:focus-visible{transform:translateY(-4px)}
.perso-icone{font-size:clamp(3.5rem,9vw,5.5rem);line-height:1}
.perso strong{font-size:clamp(1.5rem,3.5vw,2.1rem)}
.perso span:last-child{color:var(--muted);font-weight:700}

.q-label{display:flex;align-items:center;gap:8px;font-size:1rem!important}
#si-icone{font-size:1.6rem}
.reponses{display:grid}
.rep b{color:var(--st)}
.rep.choisi b{color:#fff}
/* Feedback positif, non culpabilisant : même couleur pour toutes les options. */
.feedback{margin:6px 0 0;padding:14px 18px;border-radius:16px;font-weight:700;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.4;
  background:color-mix(in srgb,var(--st) 14%,var(--bg));border-left:6px solid var(--st)}

/* Écran final : pas de trophée, pas de score. */
.fin::before{content:"🏃🏾"}
.jauge{width:100%;display:grid;gap:12px;text-align:left}
.jauge-titre{margin:0;font-weight:800}
.jauge-barre{position:relative;display:flex;height:56px;border-radius:16px;overflow:visible;background:var(--line)}
.morceau{display:grid;place-items:center;font-weight:800;color:#fff;font-size:clamp(.85rem,1.8vw,1.1rem);animation:pousse .9s cubic-bezier(.2,1.2,.4,1) both}
.morceau:first-child{border-radius:16px 0 0 16px} .morceau:last-child{border-radius:0 16px 16px 0}
.m0{background:#0FA3B1} .m1{background:#E8891C} .m2{background:var(--st)}
.morceau.m1{animation-delay:.3s} .morceau.m2{animation-delay:.6s}
@keyframes pousse{from{transform:scaleX(0);transform-origin:left}}
.repere-60{position:absolute;top:-10px;bottom:-10px;width:0;border-left:3px dashed var(--ink)}
.repere-60 b{position:absolute;top:-24px;left:-26px;font-size:.8rem;white-space:nowrap}
.jauge-legende{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:700}
.jauge-legende i{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:-2px}
.message-final{margin:0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.5;max-width:60ch}
@media (max-width:600px){.persos{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.morceau{animation:none}}