.tp-complete-mot {box-sizing:border-box;max-width:1000px;width:100%;margin:0 auto;padding:18px 22px;border-radius:14px;background:#f8f7ef;color:#233f37;font:18px/1.4 Arial,sans-serif;--tp-complete-mot-base:500px;}
.tp-complete-mot *, .tp-complete-mot *::before, .tp-complete-mot *::after {box-sizing:border-box;}
.tp-complete-mot [hidden] {display:none!important;}
.tp-complete-mot .tp-complete-mot-entete {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;}
.tp-complete-mot h1 {font:bold 25px/1.2 Arial,sans-serif;margin:0;color:#233f37;text-align:left;}
.tp-complete-mot h2 {font:bold 26px/1.25 Arial,sans-serif;margin:0;color:#233f37;text-align:center;}
.tp-complete-mot .tp-complete-mot-serie {font:16px/1.4 Arial,sans-serif;min-height:24px;margin:4px 0;color:#4c6452;text-align:left;}
.tp-complete-mot .tp-complete-mot-incident {font:15px/1.3 Arial,sans-serif;min-height:40px;margin:0;text-align:center;color:#8a2925;}
.tp-complete-mot .tp-complete-mot-stage {min-height:max(var(--tp-complete-mot-base),var(--tp-complete-mot-enveloppe,0px));display:flex;flex-direction:column;}
.tp-complete-mot .tp-complete-mot-stage > * {min-height:inherit;}
.tp-complete-mot .tp-complete-mot-bouton {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;max-width:100%;padding:9px 16px;border:2px solid #71976b;border-radius:9px;background:#eef7e8;color:#214d35;font:bold 17px/1.3 Arial,sans-serif;cursor:pointer;text-align:center;text-decoration:none;}
.tp-complete-mot .tp-complete-mot-bouton:focus-visible,.tp-complete-mot a:focus-visible,.tp-complete-mot input:focus-visible {outline:3px solid #235897;outline-offset:3px;}
.tp-complete-mot .tp-complete-mot-son {font-size:14px;flex:none;padding:8px;}
.tp-complete-mot .tp-complete-mot-son span,.tp-complete-mot .tp-complete-mot-son svg {display:block;width:24px;height:24px;flex:none;color:inherit;}
.tp-complete-mot .tp-complete-mot-choix {display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:20px;padding:12px 0;}
.tp-complete-mot .tp-complete-mot-retour {align-self:flex-start;}
.tp-complete-mot .tp-complete-mot-invitation {display:grid;gap:8px;text-align:center;}
.tp-complete-mot .tp-complete-mot-invitation > strong {font:bold 23px/1.3 Arial,sans-serif;color:#235b88;}
.tp-complete-mot .tp-complete-mot-cartes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;max-width:680px;list-style:none;margin:0;padding:0;}
.tp-complete-mot .tp-complete-mot-cartes:has(>li:only-child) {grid-template-columns:minmax(0,330px);justify-content:center;}
.tp-complete-mot .tp-complete-mot-cartes > li {min-width:0;margin:0;padding:0;}
.tp-complete-mot .tp-complete-mot-carte {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px 10px;height:100%;border:2px solid #b9caa9;border-radius:12px;background:#fffaf0;text-decoration:none;text-align:center;color:#233f37;}
.tp-complete-mot .tp-complete-mot-carte:hover {border-color:#52711f;background:#eaf4d9;}
.tp-complete-mot .tp-complete-mot-carte strong {font:bold 22px/1.25 Arial,sans-serif;color:#233f37;}
.tp-complete-mot .tp-complete-mot-carte strong.tp-complete-mot-lettres {font-size:32px;color:#235b88;}
.tp-complete-mot .tp-complete-mot-carte img {display:block;width:144px;height:115px;object-fit:contain;background:white;border-radius:8px;}
.tp-complete-mot .tp-complete-mot-carte span {font:16px/1.3 Arial,sans-serif;color:#49603f;}
.tp-complete-mot .tp-complete-mot-auto {display:flex;align-items:center;gap:10px;min-height:48px;font:17px/1.3 Arial,sans-serif;color:#233f37;cursor:pointer;}
.tp-complete-mot .tp-complete-mot-auto input {width:22px;height:22px;flex:none;accent-color:#236147;}
.tp-complete-mot .tp-complete-mot-accueil {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;}
.tp-complete-mot .tp-complete-mot-presentation {display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;}
.tp-complete-mot .tp-complete-mot-presentation p {font:21px/1.5 Arial,sans-serif;margin:0;color:#233f37;}
.tp-complete-mot .tp-complete-mot-jouer {background:#236147;color:white;font-size:23px;min-width:170px;}
.tp-complete-mot .tp-complete-mot-exemple {border:1px solid #bccab8;background:#fffdf5;border-radius:12px;padding:16px 10px;text-align:center;}
.tp-complete-mot[data-cm-mesure] {position:fixed;left:-20000px;top:0;visibility:hidden;pointer-events:none;max-width:none;}
.tp-complete-mot[data-cm-mesure] .tp-complete-mot-stage {min-height:0;}
@media(max-width:720px) {
 .tp-complete-mot {padding:16px 12px;--tp-complete-mot-base:720px;}
 .tp-complete-mot h1 {font-size:22px;}
 .tp-complete-mot .tp-complete-mot-entete {align-items:flex-start;}
 .tp-complete-mot .tp-complete-mot-son {max-width:110px;}
 .tp-complete-mot .tp-complete-mot-cartes {grid-template-columns:1fr;max-width:340px;gap:16px;}
 .tp-complete-mot .tp-complete-mot-carte {padding:14px;}
 .tp-complete-mot .tp-complete-mot-accueil {grid-template-columns:1fr;gap:24px;}
 .tp-complete-mot[data-ecran=accueil] {--tp-complete-mot-base:0px;}
}

/* Accueil uniquement : consigne et Jouer regroupés, exemple compact et centré.
   Les minima et l'enveloppe des écrans après Jouer restent inchangés. */
.tp-complete-mot[data-ecran=accueil] {--tp-complete-mot-base:0px;}
.tp-complete-mot[data-ecran=accueil] .tp-complete-mot-serie {display:none;}
.tp-complete-mot[data-ecran=accueil] .tp-complete-mot-incident {min-height:24px;}
.tp-complete-mot[data-ecran=accueil] .tp-complete-mot-accueil {grid-template-columns:minmax(0,1fr);gap:20px;width:100%;max-width:600px;margin:0 auto;}
.tp-complete-mot[data-ecran=accueil] .tp-complete-mot-presentation {flex-direction:row;justify-content:center;gap:24px;}
.tp-complete-mot[data-ecran=accueil] .tp-complete-mot-presentation p {max-width:340px;line-height:1.4;text-align:left;}
.tp-complete-mot[data-ecran=accueil] .tp-complete-mot-jouer {flex:none;}
.tp-complete-mot[data-ecran=accueil] .tp-complete-mot-exemple {padding:18px;width:100%;}
.tp-complete-mot[data-ecran=accueil] .tp-mot-trou-question {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-template-areas:"image mot" "image choix" "image main" "retour retour";align-items:center;gap:8px;}
.tp-complete-mot[data-ecran=accueil] .tp-mot-trou-illustration {grid-area:image;width:190px;height:160px;justify-self:center;}
.tp-complete-mot[data-ecran=accueil] .tp-mot-trou-mot {grid-area:mot;justify-self:center;}
.tp-complete-mot[data-ecran=accueil] .tp-mot-trou-choix {grid-area:choix;}
.tp-complete-mot[data-ecran=accueil] .tp-mot-trou-demo-main-zone {grid-area:main;}
.tp-complete-mot[data-ecran=accueil] .tp-mot-trou-question > .tp-mot-trou-retour {grid-area:retour;margin:0;}
.tp-complete-mot[data-ecran=accueil] .tp-complete-mot-exemple > .tp-mot-trou-retour {margin:4px 0 12px;min-height:24px;text-align:center;font:16px/1.3 Arial,sans-serif;}
@media(max-width:600px) {
 .tp-complete-mot[data-ecran=accueil] .tp-complete-mot-accueil {max-width:380px;gap:18px;}
 .tp-complete-mot[data-ecran=accueil] .tp-complete-mot-presentation {flex-direction:column;gap:12px;}
 .tp-complete-mot[data-ecran=accueil] .tp-complete-mot-presentation p {text-align:center;font-size:20px;}
 .tp-complete-mot[data-ecran=accueil] .tp-complete-mot-exemple {padding:14px 8px;}
 .tp-complete-mot[data-ecran=accueil] .tp-mot-trou-question {display:flex;}
 .tp-complete-mot[data-ecran=accueil] .tp-mot-trou-illustration {width:170px;height:126px;}
 .tp-complete-mot[data-ecran=accueil] .tp-complete-mot-exemple > .tp-mot-trou-retour {min-height:42px;}
}

/* Survol discret des seules commandes autorisées ; souris uniquement. */
@media (hover:hover) and (pointer:fine) {
 .tp-complete-mot[data-ecran=accueil] .tp-complete-mot-jouer:not(:disabled):not([aria-disabled="true"]):hover,
 .tp-complete-mot[data-ecran=accueil] [data-cm=exemple] > .tp-complete-mot-bouton:not(:disabled):not([aria-disabled="true"]):hover,
 .tp-complete-mot .tp-complete-mot-retour > .tp-complete-mot-bouton:not(:disabled):not([aria-disabled="true"]):hover,
 .tp-complete-mot [data-cm=vue] .tp-mot-trou-bilan .tp-mot-trou-actions > .tp-mot-trou-action:not(:disabled):not([aria-disabled="true"]):hover,
 .tp-complete-mot[data-ecran=lettres] .tp-complete-mot-carte:not(:disabled):not([aria-disabled="true"]):hover,
 .tp-complete-mot[data-ecran=jeu] [data-cm=vue] .tp-mot-trou-reponse:not(:disabled):not([aria-disabled="true"]):hover {box-shadow:0 3px 7px rgba(35,63,55,.18);}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .tp-complete-mot[data-ecran=accueil] .tp-complete-mot-jouer:not(:disabled):not([aria-disabled="true"]),
 .tp-complete-mot[data-ecran=accueil] [data-cm=exemple] > .tp-complete-mot-bouton:not(:disabled):not([aria-disabled="true"]),
 .tp-complete-mot .tp-complete-mot-retour > .tp-complete-mot-bouton:not(:disabled):not([aria-disabled="true"]),
 .tp-complete-mot [data-cm=vue] .tp-mot-trou-bilan .tp-mot-trou-actions > .tp-mot-trou-action:not(:disabled):not([aria-disabled="true"]),
 .tp-complete-mot[data-ecran=lettres] .tp-complete-mot-carte:not(:disabled):not([aria-disabled="true"]),
 .tp-complete-mot[data-ecran=jeu] [data-cm=vue] .tp-mot-trou-reponse:not(:disabled):not([aria-disabled="true"]) {transition:transform 150ms ease,box-shadow 150ms ease;}
 .tp-complete-mot[data-ecran=accueil] .tp-complete-mot-jouer:not(:disabled):not([aria-disabled="true"]):hover,
 .tp-complete-mot[data-ecran=accueil] [data-cm=exemple] > .tp-complete-mot-bouton:not(:disabled):not([aria-disabled="true"]):hover,
 .tp-complete-mot .tp-complete-mot-retour > .tp-complete-mot-bouton:not(:disabled):not([aria-disabled="true"]):hover,
 .tp-complete-mot [data-cm=vue] .tp-mot-trou-bilan .tp-mot-trou-actions > .tp-mot-trou-action:not(:disabled):not([aria-disabled="true"]):hover,
 .tp-complete-mot[data-ecran=lettres] .tp-complete-mot-carte:not(:disabled):not([aria-disabled="true"]):hover,
 .tp-complete-mot[data-ecran=jeu] [data-cm=vue] .tp-mot-trou-reponse:not(:disabled):not([aria-disabled="true"]):hover {transform:translateY(-2px);}
}