/* /ce2-mots — ce qui est propre aux mots. La base (bandeau, cartes, boutons,
   correction, récompenses, parents, pièce d'or) vient de /ce2-homonymes/styles.css,
   chargée avant : les deux applis CE2 se ressemblent exprès. */
.mo-rivage{display:flex;flex-direction:column;margin:22px 0 10px;font-family:"Baloo 2",Quicksand,sans-serif;font-size:24px;color:var(--marine)}
.mo-rivage small{font-family:Quicksand,sans-serif;font-size:14px;color:var(--doux);font-weight:600}
.mo-ateliers{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.mo-atelier{min-height:140px}
.mo-at-nom{font-size:16px;font-weight:700;text-align:center;line-height:1.25;color:#2A2416}
.mo-lecon-t{margin:0;font-family:"Baloo 2",Quicksand,sans-serif;font-size:24px;color:var(--c);filter:brightness(.8)}
.mo-ex{font-size:20px}
.mo-apercu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:8px 0 6px}
.mo-apercu-mot{border:2px solid #E9E1CC;border-radius:16px;background:#fff;padding:8px 14px;cursor:pointer;box-shadow:0 3px 0 #E9E1CC}
/* le mot et son piège */
.mo-mot{font-family:Andika,Quicksand,sans-serif;font-size:24px;color:#2A2416;letter-spacing:.02em}
.mo-mot.grand{font-size:clamp(40px,10vw,60px);letter-spacing:.04em}
.mo-mot mark{background:#FFE45C;color:#4A3800;border-radius:6px;padding:0 .05em}
.mo-photo{display:flex;justify-content:center;padding:22px 10px;margin:4px 0 10px;border-radius:20px;background:#FFFDF5;border:3px dashed var(--c)}
.mo-flash{display:flex;justify-content:center;margin:10px 0 0}
.mo-ecoutes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0 4px}
.mo-phrase{text-align:center}
.mo-champ{max-width:100%}
.mo-mot-trou{white-space:nowrap}
.mo-indice{margin:14px 0 0;padding:10px 14px;border-radius:14px;background:#E7F5FF;color:var(--marine);font-size:18px;text-align:center}
.mo-indice b{font-family:Andika,sans-serif;font-size:22px}
.mo-fb-mot{margin:6px 0 0;text-align:center}
.mo-dys-boite{background:#fff;border-radius:18px;padding:14px 18px;font-size:16px;line-height:1.5}
.mo-salle-haut{margin:0 0 16px}
.mo-jeu{max-width:780px}
.arcade-grille{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:640px){.arcade-grille{grid-template-columns:repeat(3,1fr)}}
.jx-tuile{text-decoration:none}

/* ---------- 🧩 mode DYS : plus grand, plus espacé, plus calme ---------- */
body.mo-dys .hm-phrase{font-size:clamp(28px,6vw,38px);word-spacing:.25em;letter-spacing:.04em;line-height:1.8}
body.mo-dys .mo-mot.grand{font-size:clamp(46px,11vw,68px);letter-spacing:.08em}
body.mo-dys .hm-consigne,body.mo-dys .mo-indice,body.mo-dys .hm-fb-truc{font-size:20px;line-height:1.6}
body.mo-dys .hm-revisions,body.mo-dys .hm-vagues{animation:none}
.mo-flash[hidden]{display:none}
/* carte plus compacte : moins de défilement pour les petites mains */
.mo-ateliers{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.mo-atelier{min-height:0;padding:10px 8px;gap:2px}
.mo-atelier .hm-ile-ic{font-size:30px}
.mo-atelier .hm-ile-et{font-size:18px}
.mo-rivage{margin:16px 0 8px}
.mo-famille b{font-family:Andika,sans-serif;font-size:22px;color:var(--vert)}
.mo-apercu-mot small{font-size:15px;color:var(--doux);margin-left:4px}