:root{--violet: #7c3aed;--violet-clair: #faf5ff;--vert: #16a34a;--rouge: #dc2626;--orange: #f59e0b;--cursive: "Dancing Script", cursive;--cursive2: "Betania Patmos", cursive;font-family:Comic Sans MS,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--violet-clair);color:#1e1b29;-webkit-tap-highlight-color:transparent}.ecran{min-height:100vh;padding:1rem;display:flex;flex-direction:column}.centre{align-items:center;justify-content:center;text-align:center;gap:1.2rem}.titre-fun{font-size:clamp(1.8rem,6vw,3rem);color:var(--violet);margin:.2rem 0}.grille-eleves{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.carte-eleve{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.4rem 1.8rem;border:none;border-radius:1.4rem;background:#fff;box-shadow:0 6px #d8c4f5;cursor:pointer;transition:transform .1s}.carte-eleve:active{transform:translateY(4px);box-shadow:0 2px #d8c4f5}.avatar{font-size:3.5rem}.prenom{font-size:1.3rem;font-weight:700}.barre-haut{display:flex;align-items:center;justify-content:space-between;font-size:1.3rem;font-weight:700}.lien-retour{text-decoration:none;font-size:2rem;color:var(--violet)}.compteur{color:#6b7280}.score{color:var(--orange)}.exercice{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;max-width:600px;margin:0 auto;width:100%}.illustration{width:180px;height:180px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:1.5rem;box-shadow:0 4px 14px #7c3aed26}.illustration img{max-width:100%;max-height:100%;border-radius:1.5rem}.emoji-geant{font-size:5rem}.bouton-ecouter{font-size:1.2rem;padding:.7rem 1.4rem;border:none;border-radius:999px;background:var(--violet);color:#fff;cursor:pointer}.indice{font-size:1.2rem;color:#6b21a8;margin:0}.cases-mot{display:flex;gap:4px}.case{width:14px;height:6px;border-radius:3px;background:#d8c4f5}.saisie{font-family:var(--cursive);font-size:2.6rem;font-weight:700;text-align:center;padding:.6rem 1rem;border:3px solid var(--violet);border-radius:1rem;width:100%;max-width:420px}.bouton-valider,.bouton{font-size:1.4rem;padding:.9rem 2rem;border:none;border-radius:1rem;background:var(--vert);color:#fff;cursor:pointer;box-shadow:0 5px #0f7a37;text-decoration:none}.bouton-valider:active{transform:translateY(3px);box-shadow:0 2px #0f7a37}.bouton-valider:disabled{opacity:.6}.diff{display:flex;gap:3px;font-family:var(--cursive2);font-size:2.6rem;font-weight:700}.lettre{position:relative;min-width:.7em;text-align:center;padding:2px 6px;border-radius:6px}.lettre.correcte{background:#dcfce7;color:var(--vert)}.lettre.fausse{background:#fee2e2;color:var(--rouge);background-image:linear-gradient(to top right,transparent calc(50% - 1px),rgba(220,38,38,.55) calc(50% - 1px),rgba(220,38,38,.55) calc(50% + 1px),transparent calc(50% + 1px))}.lettre.manquante{background:#fef3c7;border:2px dashed var(--orange);min-width:1em;min-height:1.2em}.lettre.en-trop{background:#fee2e2;color:var(--rouge);opacity:.55;background-image:linear-gradient(to top right,transparent calc(50% - 1px),rgba(220,38,38,.55) calc(50% - 1px),rgba(220,38,38,.55) calc(50% + 1px),transparent calc(50% + 1px))}.reponse-correcte{font-size:1.5rem}.reponse-correcte strong{font-family:var(--cursive2);font-size:2rem;color:var(--vert)}.bandeau-erreur{display:flex;align-items:center;gap:.6rem;background:#fff1f2;border:2px solid #fecaca;border-radius:1rem;padding:.6rem 1.2rem;animation:apparait .25s ease}.visage-embete{font-size:2.2rem;animation:penche .6s ease}.texte-erreur{font-size:1.4rem;font-weight:700;color:var(--rouge)}@keyframes apparait{0%{transform:scale(.8);opacity:0}}@keyframes penche{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.lettre.pulse{animation:pulse-lettre .7s ease infinite}@keyframes pulse-lettre{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.recompense{overflow:hidden;position:relative}.gros-score{font-size:3rem;font-weight:700;color:var(--orange)}.pluie{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti{position:absolute;top:-10%;font-size:2rem;animation:tomber 2s linear infinite}@keyframes tomber{to{transform:translateY(120vh) rotate(360deg)}}.erreur{color:var(--rouge)}.avert-voix{background:#fef3c7;border:1px solid #fde68a;border-radius:.6rem;padding:.5rem .9rem;font-size:.95rem;color:#92400e;text-align:center;margin:0}.consigne-qcm{font-size:1.3rem;color:#6b21a8;margin:.5rem 0}.choix-qcm{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:420px}.choix{font-family:var(--cursive);font-size:2.2rem;padding:.75rem;border:3px solid var(--violet);border-radius:1rem;background:#fff;color:#1e1b29;cursor:pointer;transition:transform .1s}.choix:active{transform:scale(.97)}.choix:disabled{cursor:default}.choix.bon{background:#dcfce7;border-color:var(--vert);color:var(--vert)}.choix.mauvais{background:#fee2e2;border-color:var(--rouge);color:var(--rouge)}.pin-points{display:flex;gap:1rem;margin:.5rem 0}.pin-point{width:22px;height:22px;border-radius:50%;border:3px solid var(--violet)}.pin-point.rempli{background:var(--violet)}.pin-points.erreur-pin .pin-point{border-color:var(--rouge);animation:secousse .4s}@keyframes secousse{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pave-num{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;max-width:280px}.touche-num{font-size:1.8rem;padding:1rem;border:none;border-radius:1rem;background:#fff;box-shadow:0 4px #d8c4f5;cursor:pointer}.touche-num:active{transform:translateY(3px);box-shadow:0 1px #d8c4f5}.touche-num.vide{background:#ede9fe;box-shadow:0 4px #c4b5fd}.onglets{display:flex;gap:.5rem;margin:1rem 0;border-bottom:2px solid #ede9fe}.onglets button{padding:.6rem 1.2rem;border:none;background:none;font-size:1rem;cursor:pointer;color:#6b7280;border-bottom:3px solid transparent;margin-bottom:-2px}.onglets button.actif{color:var(--violet);font-weight:700;border-bottom-color:var(--violet)}.table-admin{width:100%;border-collapse:collapse;background:#fff;border-radius:.8rem;overflow:hidden;margin-bottom:1rem}.table-admin th,.table-admin td{padding:.55rem .7rem;text-align:left;border-bottom:1px solid #f0eaf9}.table-admin th{background:#ede9fe;color:#5b21b6;font-size:.85rem}.form-ligne{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.form-ligne input,.form-ligne select{padding:.5rem;border:1px solid #d8c4f5;border-radius:.5rem;font-size:.95rem}.form-ligne input{flex:1;min-width:120px}.rebond{animation:rebond .6s ease}@keyframes rebond{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.ecran.parent{max-width:820px;margin:0 auto;font-family:system-ui,sans-serif}.titre-parent{font-size:1.5rem;color:var(--violet);margin:0}.actions-haut{display:flex;gap:1rem}.lien-discret{background:none;border:none;color:#6b7280;cursor:pointer;text-decoration:underline;font-size:.95rem}.form-parent{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:340px;font-family:system-ui,sans-serif}.form-parent label{display:flex;flex-direction:column;gap:.3rem;text-align:left;font-size:.95rem}.form-parent input{font-size:1.1rem;padding:.6rem;border:2px solid #d8c4f5;border-radius:.6rem}.select-classe,.barre-listes{display:flex;align-items:center;gap:.6rem;margin:.8rem 0;flex-wrap:wrap}.barre-listes select,.select-classe select{padding:.4rem;border-radius:.5rem;border:2px solid #d8c4f5;font-size:1rem}.info-liste{color:#6b7280;font-size:.9rem}.sous-titre{margin-top:1.5rem;color:var(--violet)}.editeur-mot{background:#fff;border-radius:.8rem;padding:.7rem;margin-bottom:.7rem;box-shadow:0 2px 6px #7c3aed1a}.ligne-champs{display:flex;gap:.5rem;margin-bottom:.4rem}.ligne-champs input{flex:1;padding:.5rem;border:1px solid #e0d4f5;border-radius:.5rem;font-size:1rem;min-width:0}.champ-texte{font-weight:700}.ligne-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mini-bouton{padding:.45rem .8rem;border:none;border-radius:.5rem;background:#ede9fe;color:#5b21b6;cursor:pointer;font-size:.95rem}.mini-bouton.valider{background:var(--vert);color:#fff;margin-left:auto}.mini-bouton.danger{background:#fee2e2;color:var(--rouge)}.mini-bouton.rec{background:var(--rouge);color:#fff;animation:pulse 1s infinite}.mini-bouton:disabled{opacity:.5;cursor:default}.badge-audio{font-size:.85rem;color:var(--vert)}.erreur-micro{font-size:.85rem;color:var(--rouge)}.cartes-stats{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.carte-stat{flex:1;min-width:110px;background:#fff;border-radius:.8rem;padding:1rem;text-align:center;box-shadow:0 2px 6px #7c3aed1a}.carte-stat.alerte{background:#fff7ed;box-shadow:0 2px 6px #f59e0b40}.stat-valeur{display:block;font-size:2rem;font-weight:700;color:var(--violet)}.carte-stat.alerte .stat-valeur{color:var(--orange)}.stat-label{font-size:.85rem;color:#6b7280}.table-suivi{width:100%;border-collapse:collapse;background:#fff;border-radius:.8rem;overflow:hidden;font-size:.95rem}.table-suivi th,.table-suivi td{padding:.55rem .6rem;text-align:center;border-bottom:1px solid #f0eaf9}.table-suivi th{background:#ede9fe;color:#5b21b6;font-size:.85rem}.table-suivi .mot-texte{text-align:left;font-weight:700}.table-suivi tr.mot-echec{background:#fef2f2}.table-suivi tr.mot-difficile{background:#fffbeb}@keyframes pulse{50%{opacity:.6}}.zone-image{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.apercu-image{width:40px;height:40px;object-fit:cover;border-radius:.4rem;border:1px solid #d8c4f5}.modale-fond{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b298c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modale{background:#fff;border-radius:1rem;padding:1.2rem;width:100%;max-width:540px;max-height:85vh;overflow:auto}.modale-haut{display:flex;align-items:center;justify-content:space-between}.modale-haut h3{margin:0;color:var(--violet)}.form-recherche{display:flex;gap:.5rem;margin:.8rem 0}.form-recherche input{flex:1;padding:.5rem;border:2px solid #d8c4f5;border-radius:.5rem;font-size:1rem}.grille-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.vignette{border:2px solid transparent;border-radius:.6rem;padding:0;background:#f4eefe;cursor:pointer;overflow:hidden;aspect-ratio:1}.vignette:hover{border-color:var(--violet)}.vignette img{width:100%;height:100%;object-fit:cover;display:block}.vignette:disabled{opacity:.5;cursor:default}.avatar-compose{position:relative;display:inline-block;line-height:1}.avatar-accessoire{position:absolute;top:-.35em;right:-.25em;font-size:.55em}.carte-eleve-jouer{display:flex;flex-direction:column;align-items:center;gap:.4rem;border:none;background:none;cursor:pointer}.serie{color:var(--orange);font-weight:700}.barre-progression{position:relative;height:22px;background:#ede9fe;border-radius:999px;overflow:hidden;max-width:600px;margin:0 auto .5rem;width:100%}.barre-remplissage{height:100%;background:linear-gradient(90deg,#a855f7,#7c3aed);transition:width .4s ease}.barre-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#4c1d95}.recompense-speciale.except{background:radial-gradient(circle at 50% 30%,#fef3c7,var(--violet-clair))}.image-recompense{max-width:80%;max-height:45vh;border-radius:1rem;box-shadow:0 8px 30px #7c3aed59;border:4px solid white}.objet-debloque{text-align:center;font-size:1.2rem}.objet-emoji{font-size:4rem;display:block}.aide-perso{color:#6b21a8;font-size:1rem}.badge-gagne{font-size:1.3rem;font-weight:700;color:var(--orange)}.profil-eleve{max-width:640px;margin:0 auto;width:100%}.titre-profil{font-size:1.8rem}.profil-avatar{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin:1rem 0}.grille-badges,.grille-perso{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.7rem;margin-bottom:1rem}.badge-case{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem;background:#fff;border-radius:.8rem;text-align:center}.badge-case.verrou{opacity:.5;filter:grayscale(1)}.badge-emoji{font-size:2rem}.badge-nom{font-size:.75rem}.case-perso{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem;border:3px solid transparent;background:#fff;border-radius:.8rem;cursor:pointer}.case-perso.actif{border-color:var(--violet);background:#f4eefe}.perso-emoji{font-size:2.4rem}.perso-nom{font-size:.75rem}.actions-fin{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.bouton.secondaire{background:#a78bfa;box-shadow:0 5px #7c3aed}.bloc-famille{background:#f4eefe;border-radius:.8rem;padding:.8rem 1rem;margin:.8rem 0}.liste-enfants{display:flex;flex-wrap:wrap;gap:.6rem;margin:.5rem 0}.puce-enfant{display:inline-flex;align-items:center;gap:.3rem;background:#fff;border-radius:999px;padding:.2rem .7rem;font-weight:700}.statut-save{font-size:.85rem;color:var(--vert);min-width:5rem}.badge-entrainement{background:var(--orange);color:#fff;border-radius:999px;padding:.2rem .7rem;font-size:.9rem}.carte-eleve-liens{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.actions-cellule{display:flex;gap:.3rem}.clavier{display:flex;flex-direction:column;gap:.4rem;width:100%;max-width:560px;margin:.3rem auto 0;-webkit-user-select:none;user-select:none}.clavier-rangee{display:flex;gap:.4rem;justify-content:center}.touche-clavier{flex:1;min-width:0;max-width:3rem;font-family:var(--cursive2);font-size:1.6rem;font-weight:700;padding:.6rem 0;border:none;border-radius:.6rem;background:#fff;color:#1e1b29;box-shadow:0 3px #d8c4f5;cursor:pointer}.touche-clavier:active{transform:translateY(2px);box-shadow:0 1px #d8c4f5}.touche-clavier.accent{background:#f4eefe}.touche-clavier.large{max-width:none;flex:3;font-family:system-ui,sans-serif;font-size:1.1rem}.touche-clavier.action{max-width:4.5rem;font-size:1.4rem;background:#ede9fe}.touche-clavier.action.valider{background:var(--vert);color:#fff;box-shadow:0 3px #0f7a37}