:root{--fond: #fef6e4;--fond-carte: #ffffff;--accent: #f4a259;--accent-fonce: #d18843;--texte: #2b2118;--texte-doux: #6b6258;--vert: #3a9d5d;--vert-clair: #d9f2e1;--rouge: #d1495b;--rouge-clair: #fad9de;--bleu: #6a8eae;--bordure: #ece6d6;--ombre: 0 4px 16px rgba(180, 120, 50, .1);--ombre-forte: 0 8px 30px rgba(180, 120, 50, .18)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Nunito,system-ui,sans-serif;background:var(--fond);color:var(--texte);-webkit-font-smoothing:antialiased}h1{font-family:Fredoka,sans-serif;font-weight:700;font-size:28px;margin-bottom:8px}h3{font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;margin-bottom:6px}.page-public{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.carte-marketing{background:var(--fond-carte);border-radius:24px;padding:32px 28px;box-shadow:var(--ombre-forte);max-width:460px;width:100%;text-align:center;display:flex;flex-direction:column;gap:14px}.logo{font-size:48px;line-height:1}.accroche{font-size:15px;line-height:1.55;color:var(--texte-doux)}.liste-features{list-style:none;text-align:left;background:var(--fond);border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.4}.cta-rangee{display:flex;gap:10px;flex-direction:column;margin-top:8px}.note-beta{font-size:12px;color:var(--texte-doux);background:var(--fond);padding:10px;border-radius:10px;margin-top:4px}.btn-principal,.btn-secondaire,.btn-vert,.btn-rouge{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;padding:13px 18px;border-radius:12px;border:none;cursor:pointer;text-decoration:none;text-align:center;transition:transform .06s ease,opacity .15s ease}.btn-principal{background:var(--accent);color:#fff}.btn-principal:hover{background:var(--accent-fonce)}.btn-principal:disabled{opacity:.6;cursor:not-allowed}.btn-secondaire{background:#fff;color:var(--texte);border:2px solid var(--accent)}.btn-vert{background:var(--vert);color:#fff;padding:7px 12px;font-size:13px;border-radius:8px}.btn-rouge{background:var(--rouge);color:#fff;padding:7px 12px;font-size:13px;border-radius:8px}.btn-vert:disabled,.btn-rouge:disabled{opacity:.5;cursor:not-allowed}.lien-discret{font-size:13px;color:var(--texte-doux);text-decoration:none;padding:6px}.lien-discret:hover{color:var(--texte)}.rangee-liens{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.champ{display:flex;flex-direction:column;gap:5px;text-align:left}.champ>span{font-size:13px;font-weight:600;color:var(--texte-doux)}.champ input,.champ textarea{font-family:inherit;font-size:15px;padding:11px 13px;border:1px solid var(--bordure);border-radius:10px;background:#fff;color:var(--texte);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.champ input:focus,.champ textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f4a2592e}.champ textarea{resize:vertical;min-height:70px}.alerte-erreur{background:var(--rouge-clair);color:var(--rouge);border-radius:10px;padding:12px 14px;font-size:14px;text-align:left}.page-connectee{min-height:100%;display:flex;flex-direction:column}.barre-app{background:#fff;border-bottom:1px solid var(--bordure);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.marque{font-family:Fredoka,sans-serif;font-weight:700;font-size:17px}.nav-droite{display:flex;gap:18px;align-items:center}.lien-nav{font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;color:var(--texte-doux);text-decoration:none;background:none;border:none;cursor:pointer}.lien-nav:hover{color:var(--texte)}.contenu-app{flex:1;padding:28px 20px;max-width:900px;width:100%;margin:0 auto}.contenu-app h1{margin-bottom:10px}.contenu-app .accroche{margin-bottom:24px;text-align:left}.grille-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.carte{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--ombre);display:flex;flex-direction:column;gap:8px}.emoji-carte{font-size:32px}.carte p{font-size:14px;line-height:1.5;color:var(--texte-doux)}.badge{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:20px;background:var(--fond);color:var(--accent-fonce);text-transform:uppercase}.table-admin{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--ombre)}.table-admin th,.table-admin td{text-align:left;padding:12px 14px;font-size:14px;border-bottom:1px solid var(--bordure)}.table-admin th{background:var(--fond);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--texte-doux);letter-spacing:.5px}.table-admin tbody tr:last-child td{border-bottom:none}.table-admin .motif{max-width:280px;color:var(--texte-doux);font-size:13px}.table-admin .vide{opacity:.4}.table-admin .actions{display:flex;gap:6px;white-space:nowrap}.carte-cliquable{text-decoration:none;color:inherit;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease}.carte-cliquable:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b478322e}.badge-actif{background:var(--vert-clair);color:var(--vert)}.entete-section{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;flex-wrap:wrap}.entete-section h1{margin-bottom:4px}.carte-enfant{background:#fff;border-radius:18px;padding:20px;box-shadow:var(--ombre);display:flex;flex-direction:column;gap:4px}.avatar-enfant{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:700;font-size:24px;color:#fff;margin-bottom:10px}.meta-enfant{font-size:13px;color:var(--texte-doux);line-height:1.5}.meta-enfant code{background:var(--fond);padding:1px 6px;border-radius:5px;font-size:12px}.actions-enfant{display:flex;gap:8px;margin-top:14px}.btn-compact{padding:7px 12px!important;font-size:13px!important;border-radius:8px!important;flex:1}.grille-2-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 600px){.grille-2-cols{grid-template-columns:1fr}}.champ select{font-family:inherit;font-size:15px;padding:11px 13px;border:1px solid var(--bordure);border-radius:10px;background:#fff;color:var(--texte);outline:none}.champ select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f4a2592e}.case-a-cocher{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:600;color:var(--texte)}.case-a-cocher input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.rangee-couleurs{display:flex;gap:8px;align-items:center;padding-top:4px}.pastille-couleur{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0;transition:transform .1s ease}.pastille-couleur:hover{transform:scale(1.1)}.pastille-couleur.choisie{border-color:var(--texte);box-shadow:0 0 0 2px #fff inset}.separateur{height:1px;background:var(--bordure);margin:4px 0}.bloc-recompenses{background:var(--fond);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;margin-top:-4px}.grille-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.btn-theme{background:#fff;border:2px solid var(--bordure);border-radius:10px;padding:10px 8px;cursor:pointer;font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;color:var(--texte);display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .12s ease}.btn-theme:hover{border-color:var(--accent)}.btn-theme.choisi{border-color:var(--accent);background:#fff7ee}.note-douce{font-size:13px;color:var(--texte-doux);background:#fff;border-radius:10px;padding:12px;line-height:1.5}.rangee-boutons{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}.rangee-boutons>*{flex:1;min-width:140px}.grille-types-doc{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:4px}.btn-type-doc{background:#fff;border:2px solid var(--bordure);border-radius:12px;padding:14px 12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;font-family:inherit;transition:all .12s ease}.btn-type-doc:not(.desactive):hover{border-color:var(--accent)}.btn-type-doc.choisi{border-color:var(--accent);background:#fff7ee}.btn-type-doc.desactive{opacity:.5;cursor:not-allowed}.emoji-type{font-size:22px}.nom-type{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px}.desc-type{font-size:11px;line-height:1.4;color:var(--texte-doux)}.zone-depot{background:var(--fond);border:2px dashed var(--accent);border-radius:14px;padding:36px 18px;cursor:pointer;font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;color:var(--accent-fonce);text-align:center;transition:background .15s ease}.zone-depot:hover{background:#fff3e0}.apercu-photo{display:flex;flex-direction:column;align-items:center;gap:10px}.apercu-photo img{max-width:100%;max-height:320px;border-radius:10px;border:1px solid var(--bordure);object-fit:contain}.grille-apercus{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:4px}.apercu-mini{position:relative;aspect-ratio:3 / 4;background:var(--fond);border-radius:10px;overflow:hidden;border:1px solid var(--bordure)}.apercu-mini img{width:100%;height:100%;object-fit:cover;display:block}.num-page{position:absolute;top:6px;left:6px;background:#2b2118d9;color:#fff;font-family:Fredoka,sans-serif;font-weight:700;font-size:12px;padding:2px 8px;border-radius:10px}.btn-supprimer-photo{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:var(--rouge);color:#fff;border:none;cursor:pointer;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.btn-supprimer-photo:hover{background:#b03a4a}.apercu-ajout{aspect-ratio:3 / 4;background:var(--fond);border:2px dashed var(--accent);border-radius:10px;cursor:pointer;color:var(--accent-fonce);font-family:Fredoka,sans-serif;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:background .15s ease}.apercu-ajout:hover{background:#fff3e0}.ecran-chargement{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:14px;padding:40px 16px}.ecran-chargement h2{font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;margin:6px 0}.ecran-chargement p{max-width:460px;color:var(--texte-doux)}.loader-grand{width:56px;height:56px;border:5px solid #fff3e0;border-top-color:var(--accent);border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{to{transform:rotate(360deg)}}.bloc-pliable summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--texte-doux);padding:6px 0;-webkit-user-select:none;user-select:none}.bloc-pliable summary:hover{color:var(--texte)}.textarea-transcription{width:100%;font-family:ui-monospace,monospace;font-size:13px;padding:11px 13px;border:1px solid var(--bordure);border-radius:10px;background:var(--fond);margin-top:8px;color:var(--texte)}.liste-questions{display:flex;flex-direction:column;gap:14px}.carte-question{background:#fff;border-radius:14px;padding:16px;box-shadow:var(--ombre);display:flex;flex-direction:column;gap:12px}.entete-question{display:flex;justify-content:space-between;align-items:center;gap:10px}.badge-type{font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--accent-fonce);background:var(--fond);padding:4px 10px;border-radius:16px}.supprimer-question{background:none;border:none;color:var(--rouge);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px}.supprimer-question:hover{background:var(--rouge-clair)}.ligne-option{display:flex;align-items:center;gap:10px;padding:6px 0}.ligne-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--vert);flex-shrink:0}.ligne-option input[type=text]{flex:1;padding:8px 11px;border:1px solid var(--bordure);border-radius:8px;font-size:14px;font-family:inherit}.espace-enfant{--accent: #6a8eae;--accent-fonce: #4f6e88}.espace-enfant h1{font-size:32px}.espace-enfant .btn-grand{font-size:18px;padding:16px 22px;border-radius:14px}.espace-enfant .input-pin{font-size:26px;text-align:center;letter-spacing:12px;font-family:Fredoka,sans-serif;font-weight:700}.carte-enfant-connexion{max-width:380px}.barre-app-enfant{background:linear-gradient(135deg,#6a8eae,#88a6c0);color:#fff;border-bottom:none}.barre-app-enfant .marque{color:#fff}.barre-app-enfant .lien-nav{color:#ffffffd9}.barre-app-enfant .lien-nav:hover{color:#fff}.grille-lecons-eleve{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:8px}.carte-lecon-eleve{background:#fff;border-radius:18px;padding:18px;box-shadow:var(--ombre);display:flex;flex-direction:column;gap:10px;text-align:left;border:3px solid transparent;cursor:pointer;font-family:inherit;color:inherit;transition:transform .1s ease,box-shadow .15s ease,border-color .15s ease}.carte-lecon-eleve:hover{transform:translateY(-3px);box-shadow:var(--ombre-forte)}.carte-lecon-nouveau{border-color:#f4a259;background:linear-gradient(180deg,#fff7ee,#fff 60%)}.carte-lecon-quiz_a_faire{border-color:#6a8eae}.carte-lecon-a_revoir{border-color:var(--rouge);background:linear-gradient(180deg,#fff5f6,#fff 60%)}.carte-lecon-maitrise{border-color:var(--vert);opacity:.92}.entete-lecon-eleve{display:flex;justify-content:space-between;align-items:center}.emoji-matiere{font-size:26px}.badge-statut{font-family:Fredoka,sans-serif;font-weight:700;font-size:11px;letter-spacing:.4px;padding:5px 10px;border-radius:14px}.badge-nouveau{background:#fff3e0;color:var(--accent-fonce)}.badge-quiz-a-faire{background:#e6effa;color:#4f6e88}.badge-a-revoir{background:var(--rouge-clair);color:var(--rouge)}.badge-maitrise{background:var(--vert-clair);color:var(--vert)}.titre-lecon-eleve{font-size:18px;margin:0;line-height:1.3}.meta-lecon-eleve{font-size:13px;color:var(--texte-doux)}.date-lecon-eleve{font-size:12px;color:var(--texte-doux);opacity:.75}.entete-lecture{display:flex;align-items:center;gap:16px;margin-bottom:20px}.meta-lecture{font-family:Fredoka,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-fonce)}.bloc-resume{background:#fff;border-radius:18px;padding:24px 22px;box-shadow:var(--ombre);font-size:17px;line-height:1.7}.bloc-resume p{margin-bottom:12px}.bloc-resume p:last-child{margin-bottom:0}.bloc-pour-aller-plus-loin{background:#fff7ee;border-left:5px solid var(--accent);border-radius:14px;padding:18px 20px;margin-top:16px;font-size:15px;line-height:1.6;color:var(--texte)}.entete-encart{font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;color:var(--accent-fonce);margin-bottom:8px}.bloc-pour-aller-plus-loin p{margin-bottom:8px}.bloc-pour-aller-plus-loin p:last-child{margin-bottom:0}.actions-lecture{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.actions-lecture>*{flex:1;min-width:180px}.ecran-quiz{max-width:640px;margin:0 auto}.progression-quiz{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;color:var(--texte-doux);text-align:center;margin-bottom:6px}.barre-progression{height:8px;background:var(--bordure);border-radius:4px;overflow:hidden;margin-bottom:22px}.barre-progression-remplissage{height:100%;background:var(--accent);transition:width .3s ease}.carte-question-quiz{background:#fff;border-radius:20px;padding:26px 24px;box-shadow:var(--ombre)}.enonce-quiz{font-size:19px;line-height:1.5;margin-bottom:22px;font-weight:600}.options-quiz{display:flex;flex-direction:column;gap:10px}.btn-option-quiz{background:#fff;border:2px solid var(--bordure);border-radius:14px;padding:16px 18px;text-align:left;font-size:16px;font-family:inherit;color:var(--texte);cursor:pointer;transition:all .12s ease}.btn-option-quiz:hover{border-color:var(--accent);background:#fff7ee}.btn-option-quiz.choisi{border-color:var(--accent);background:#fff3e0;font-weight:600}.input-quiz-texte{font-size:17px;padding:14px 16px;border:2px solid var(--bordure);border-radius:12px;width:100%;font-family:inherit}.input-quiz-texte:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f4a2592e}.actions-quiz{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.ecran-resultat{text-align:center;padding:16px 0}.score-grand{font-family:Fredoka,sans-serif;font-weight:700;font-size:64px;color:var(--accent-fonce);margin:8px 0}.score-sous-titre{font-size:18px;color:var(--texte-doux);margin-bottom:24px}.liste-corrections{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:24px}.correction-item{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:var(--ombre);border-left:4px solid}.correction-juste{border-left-color:var(--vert)}.correction-fausse{border-left-color:var(--rouge)}.correction-enonce{font-weight:600;margin-bottom:8px;font-size:15px}.correction-detail{font-size:14px;color:var(--texte-doux);line-height:1.5}.correction-detail strong{color:var(--texte)}.correction-explication{margin-top:8px;font-size:13px;font-style:italic;color:var(--texte-doux);padding-top:8px;border-top:1px solid var(--bordure)}.zone-flashcard{display:flex;flex-direction:column;gap:10px}.indication-flashcard{font-size:14px;color:var(--texte-doux);text-align:center;margin:4px 0}.reponse-revelee{background:#fff7ee;border-left:5px solid var(--accent);border-radius:12px;padding:16px 18px;font-size:17px;line-height:1.5;font-weight:600;color:var(--texte)}.reponse-revelee p{margin-top:6px;font-weight:500}.boutons-auto-eval{display:flex;gap:10px}.btn-auto-eval{flex:1;font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;padding:14px 16px;border-radius:12px;border:2px solid;cursor:pointer;background:#fff;transition:all .12s ease}.btn-auto-eval-non{border-color:var(--rouge);color:var(--rouge)}.btn-auto-eval-non:hover{background:var(--rouge-clair)}.btn-auto-eval-non.choisi{background:var(--rouge);color:#fff}.btn-auto-eval-oui{border-color:var(--vert);color:var(--vert)}.btn-auto-eval-oui:hover{background:var(--vert-clair)}.btn-auto-eval-oui.choisi{background:var(--vert);color:#fff}.section-matiere{margin-top:28px}.entete-matiere{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--bordure)}.titre-matiere{font-family:Fredoka,sans-serif;font-weight:700;font-size:20px;margin:0;flex:1}.compteur-matiere{font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;color:var(--accent-fonce);background:var(--fond);padding:3px 10px;border-radius:12px}.liste-lecons-parent{display:flex;flex-direction:column;gap:10px}.carte-lecon-parent{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:var(--ombre);display:flex;flex-direction:column;gap:6px}.ligne-titre-lecon{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.titre-lecon-parent{font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;color:var(--texte);text-decoration:none;flex:1;min-width:200px}.titre-lecon-parent:hover{color:var(--accent-fonce)}.badge-score{font-family:Fredoka,sans-serif;font-weight:700;font-size:13px;padding:4px 10px;border-radius:12px}.meta-lecon-parent{font-size:12px;color:var(--texte-doux);line-height:1.5}.actions-lecon-parent{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.actions-lecon-parent .btn-secondaire,.actions-lecon-parent .btn-rouge{flex:0 1 auto;text-decoration:none}.actions-lecon-parent button:disabled{opacity:.45;cursor:not-allowed;border-color:var(--bordure);color:var(--texte-doux)}.ecran-dictee-attente{max-width:540px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:4px;padding:16px 0}.actions-dictee-demarrage{display:flex;flex-direction:column;gap:12px;margin-top:24px}.ecran-dictee-encours{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.ecran-dictee-correction{max-width:720px;margin:0 auto}.dictee-correction{background:#fff;border-radius:16px;padding:22px 24px;box-shadow:var(--ombre);font-size:18px;line-height:2.2;margin-bottom:20px}.mot-correction{display:inline;padding:2px 4px;border-radius:6px;margin:0 1px}.mot-juste{color:var(--vert);font-weight:500}.mot-faux{background:var(--rouge-clair);color:var(--rouge);font-weight:600;white-space:nowrap}.mot-faux-saisi{text-decoration:line-through;opacity:.7}.mot-faux-attendu{font-weight:700}.selecteur-niveau{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:8px;margin-bottom:4px}.btn-niveau{background:#fff;border:2px solid var(--bordure);border-radius:12px;padding:10px 8px;cursor:pointer;font-family:Fredoka,sans-serif;font-size:12px;color:var(--texte);display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .12s ease;line-height:1.3}.btn-niveau:hover{border-color:var(--accent)}.btn-niveau.choisi{border-color:var(--accent);background:#fff7ee;font-weight:600}.btn-niveau span:first-child{font-size:18px;color:var(--accent-fonce)}.bloc-poesie{font-family:Nunito,system-ui,sans-serif;font-size:19px;white-space:pre-wrap}.vers-poesie{margin-bottom:4px}.mot-cache{color:var(--accent-fonce);background:var(--fond);padding:0 4px;border-radius:4px;letter-spacing:1px;font-family:ui-monospace,monospace;font-weight:600;cursor:help}.entete-vitrine{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.compteur-points{background:linear-gradient(135deg,#f4a259,#e8c547);color:#fff;border-radius:20px;padding:12px 22px;text-align:center;box-shadow:var(--ombre-forte);min-width:110px}.banniere-theme{position:relative;border-radius:20px;overflow:hidden;margin-bottom:18px;box-shadow:var(--ombre-forte);aspect-ratio:16 / 6;background:var(--fond)}.banniere-theme img{width:100%;height:100%;object-fit:cover}.banniere-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 50%,#0000008c);display:flex;flex-direction:column;justify-content:flex-end;padding:20px 22px;color:#fff}.banniere-titre{font-family:Fredoka,sans-serif;font-weight:700;font-size:26px;text-shadow:0 2px 6px rgba(0,0,0,.4)}.banniere-soustitre{font-size:14px;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.4)}.compteur-points-flottant{position:absolute;top:16px;right:16px}.compteur-points-valeur{font-family:Fredoka,sans-serif;font-weight:700;font-size:32px;line-height:1}.compteur-points-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.9}.bloc-progression-vitrine{background:#fff;border-radius:14px;padding:14px 18px;box-shadow:var(--ombre);margin-bottom:14px}.progression-vitrine-libelle{font-size:14px;margin-bottom:8px;color:var(--texte)}.resume-vitrine{font-size:13px;color:var(--texte-doux);text-align:right;margin-bottom:12px}.grille-pieces-vitrine{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.piece-vitrine{background:#fff;border-radius:16px;padding:18px 12px;box-shadow:var(--ombre);display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .15s ease,box-shadow .15s ease}.piece-debloquee{border:2px solid var(--accent);background:linear-gradient(180deg,#fff7ee,#fff 60%)}.piece-debloquee:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--ombre-forte)}.piece-vitrine{font-family:inherit;color:inherit;border:none;cursor:pointer}.piece-vitrine:disabled{cursor:not-allowed}.piece-verrouillee{opacity:.55;filter:grayscale(.9)}.piece-emoji{font-size:44px;line-height:1}.piece-nom{font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;text-align:center;display:flex;flex-direction:column;gap:2px;align-items:center}.cadenas{font-size:11px;opacity:.7}.bloc-gains{margin-top:18px;margin-bottom:18px;display:flex;flex-direction:column;gap:14px}.bloc-points-gagnes{background:linear-gradient(135deg,#fff7ee,#fff);border:2px solid var(--accent);border-radius:18px;padding:18px 22px;box-shadow:var(--ombre);animation:fade-slide-in .4s ease}.points-gagnes-total{font-family:Fredoka,sans-serif;font-weight:700;font-size:28px;color:var(--accent-fonce);text-align:center;margin-bottom:10px}.points-gagnes-detail{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--bordure);padding-top:10px}.ligne-gain{display:flex;justify-content:space-between;align-items:center;font-size:14px}.gain-libelle{color:var(--texte)}.gain-montant{font-family:Fredoka,sans-serif;font-weight:700;color:var(--vert)}.bloc-deblocage{background:linear-gradient(135deg,#d9f2e1,#fff);border:2px solid var(--vert);border-radius:18px;padding:20px;box-shadow:var(--ombre-forte);text-align:center;animation:pop-in .5s ease}.deblocage-titre{font-family:Fredoka,sans-serif;font-weight:700;font-size:18px;color:var(--vert);margin-bottom:14px}.deblocage-pieces{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.piece-deblocage{background:#fff;border-radius:14px;padding:14px 18px;border:2px solid var(--vert);display:flex;flex-direction:column;align-items:center;gap:4px;animation:bounce-in .6s ease}.piece-emoji-grand{font-size:56px;line-height:1}.piece-nom-deblocage{font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;color:var(--texte)}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}70%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(0) rotate(-15deg)}60%{transform:scale(1.15) rotate(8deg)}to{transform:scale(1) rotate(0)}}.vedette-piece{margin-bottom:18px;border-radius:18px;box-shadow:var(--ombre-forte);overflow:hidden;background:#fff}.vedette-libelle{padding:12px 18px 4px;font-family:Fredoka,sans-serif;font-size:18px;text-align:center}.vedette-aide{font-size:12px;color:var(--texte-doux);text-align:center;padding-bottom:12px}.modale-piece{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120ed9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade-slide-in .2s ease}.modale-piece-contenu{background:#fff;border-radius:22px;padding:24px;max-width:600px;width:100%;position:relative;box-shadow:var(--ombre-forte)}.modale-piece-fermer{position:absolute;top:10px;right:14px;width:36px;height:36px;border-radius:50%;border:none;background:var(--fond);color:var(--texte);font-size:18px;cursor:pointer;font-family:inherit}.modale-piece-fermer:hover{background:var(--bordure)}.piece-deblocage-3d{background:#fff;border-radius:16px;padding:12px;border:2px solid var(--vert);overflow:hidden;flex:1 1 240px;max-width:320px;animation:bounce-in .6s ease}.piece-deblocage-3d .piece-nom-deblocage{padding-top:8px;text-align:center}.grille-themes-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:16px}.carte-theme-admin{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--ombre);display:flex;flex-direction:column}.theme-image-link{display:block;aspect-ratio:16 / 9;background:var(--fond);overflow:hidden}.theme-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.theme-image-link:hover .theme-image{transform:scale(1.04)}.theme-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:56px;color:var(--texte-doux);background:linear-gradient(135deg,var(--fond) 0%,#fff7ee 100%)}.theme-corps{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.grille-pieces-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:12px}.carte-piece-admin{background:#fff;border-radius:14px;box-shadow:var(--ombre);overflow:hidden;display:flex}.piece-vignette{width:90px;background:linear-gradient(135deg,var(--fond) 0%,#fff7ee 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;position:relative;transition:background .15s ease}.piece-vignette:hover{background:#fff3e0}.emoji-vignette{font-size:44px}.badge-glb{position:absolute;top:6px;right:6px;background:var(--vert);color:#fff;font-family:Fredoka,sans-serif;font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px}.piece-corps{padding:12px 14px;flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.piece-titre{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carte-piece-admin .actions-enfant{margin-top:auto}