@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Cardo:ital,wght@0,400;0,700;1,400&display=swap";:root{--paper:#f4ede0;--paper-dark:#e8dfc9;--paper-deeper:#ddd0b2;--ink:#1c1611;--ink-soft:#4a3d2e;--ink-mute:#6b5a45;--rouge:#8b1a1a;--rouge-dim:#6b1414;--rouge-bright:#a82424;--or:#b08d57;--or-pale:#d4b87c;--or-glow:#e6c68a;--vert:#2d4a2d;--vert-dim:#1a2e1a;--shadow:#1c161126;--shadow-deep:#1c161147;--serif-display:"Cormorant Garamond", Georgia, serif;--serif-body:"Cardo", Georgia, serif;--space-1:.25rem;--space-2:.5rem;--space-3:.8rem;--space-4:1rem;--space-5:1.4rem;--space-6:2rem;--space-7:3rem;--radius:0;--border-strong:1px solid var(--ink);--border-soft:1px solid var(--ink-soft);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-mid:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{font-family:var(--serif-body);background:var(--paper);color:var(--ink);padding:var(--space-4);background-image:radial-gradient(circle at 20% 30%,#b08d5714 0%,#0000 40%),radial-gradient(circle at 80% 70%,#8b1a1a0a 0%,#0000 40%);line-height:1.6}.grain{pointer-events:none;opacity:.06;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.container{z-index:2;max-width:720px;margin:0 auto;position:relative}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}input{color:inherit;font-family:inherit}a{color:var(--rouge);text-decoration:none}a:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@media (width<=600px){body{padding:var(--space-2)}}.entete{text-align:center;padding:var(--space-6) var(--space-4) var(--space-5);border-bottom:var(--border-strong);margin-bottom:var(--space-6);position:relative}.entete:after{content:"❦";background:var(--paper);color:var(--rouge);padding:0 .8rem;font-size:1.2rem;position:absolute;bottom:-.7rem;left:50%;transform:translate(-50%)}.entete__asterisme{color:var(--or);letter-spacing:1rem;margin-bottom:.3rem;font-size:.7rem}.entete__titre{font-family:var(--serif-display);letter-spacing:.02em;margin-bottom:.3rem;font-size:clamp(1.7rem,5vw,2.4rem);font-style:italic;font-weight:500}.entete__sous-titre{color:var(--ink-soft);letter-spacing:.05em;font-size:.95rem;font-style:italic}.carte-progression{background:var(--paper-dark);border:var(--border-strong);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:4px 4px 0 var(--shadow);position:relative}.carte-progression__inner{position:relative}.carte-progression:before{content:"";border:var(--border-soft);pointer-events:none;position:absolute;inset:4px}.carte-progression__titre{font-family:var(--serif-display);text-transform:uppercase;letter-spacing:.2em;color:var(--rouge);margin-bottom:var(--space-4);font-size:.85rem;font-weight:600}.carte-progression__grille{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.stat{font-family:var(--serif-display)}.stat__num{color:var(--ink);font-size:1.8rem;font-weight:600;line-height:1}.stat__num-petit{color:var(--ink-soft);font-size:1rem;font-weight:500}.stat__label{font-family:var(--serif-body);color:var(--ink-soft);margin-top:.2rem;font-size:.85rem;font-style:italic}.barre{background:var(--paper);border:var(--border-strong);height:6px;overflow:hidden}.barre__remplissage{background:var(--rouge);height:100%}.bloc-badges{background:var(--paper-dark);border:var(--border-strong);padding:var(--space-4);margin-bottom:var(--space-6);box-shadow:3px 3px 0 var(--shadow)}.bloc-badges__titre{font-family:var(--serif-display);text-transform:uppercase;letter-spacing:.2em;color:var(--or);margin-bottom:var(--space-3);font-size:.8rem;font-weight:600}.bloc-badges__liste{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.bloc-badges__lien{color:var(--ink-soft);margin-left:auto;font-size:.9rem;font-style:italic}.liste-tableaux{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}.carte-tableau{background:var(--paper-dark);border:var(--border-strong);padding:var(--space-5);box-shadow:3px 3px 0 var(--shadow);transition:transform var(--transition-mid), box-shadow var(--transition-mid);color:var(--ink);text-decoration:none;display:block;position:relative}.carte-tableau:hover:not(.verrouille){box-shadow:6px 6px 0 var(--shadow);transform:translate(-2px,-2px)}.carte-tableau.verrouille{opacity:.5;cursor:not-allowed;background:var(--paper)}.carte-tableau.valide{border-color:var(--rouge)}.carte-tableau__num{font-family:var(--serif-display);text-transform:uppercase;letter-spacing:.25em;color:var(--or);margin-bottom:.4rem;font-size:.75rem;font-weight:600}.carte-tableau__titre{font-family:var(--serif-display);margin-bottom:.4rem;font-size:1.4rem;font-style:italic}.carte-tableau__desc{color:var(--ink-soft);margin-bottom:var(--space-3);font-size:.95rem}.carte-tableau__meta{gap:var(--space-4);color:var(--ink-soft);flex-wrap:wrap;font-size:.8rem;font-style:italic;display:flex}.carte-tableau__meta span:before{content:"—";color:var(--or);margin-right:.4rem}.carte-tableau__sceau,.carte-tableau__cadenas{color:var(--rouge);font-size:1.5rem;font-family:var(--serif-display);position:absolute;top:.8rem;right:1rem}.carte-tableau__cadenas{color:var(--ink-soft)}.lien-reset{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4)}.lien-reset button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-style:italic;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.lien-reset button:hover{color:var(--rouge)}.barre-jeu{padding-bottom:var(--space-3);margin-bottom:var(--space-5);border-bottom:1px dotted var(--ink-soft);justify-content:space-between;align-items:center;display:flex}.lien-retour{font-family:var(--serif-body);color:var(--ink);font-size:.95rem;font-style:italic;text-decoration:none}.lien-retour:hover{color:var(--rouge);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.compteur{font-family:var(--serif-display);letter-spacing:.15em;color:var(--ink-soft);font-size:.9rem}.carte-question{background:var(--paper-dark);border:var(--border-strong);padding:var(--space-6) var(--space-5);box-shadow:4px 4px 0 var(--shadow);margin-bottom:var(--space-5);position:relative}.carte-question:before{content:"";border:var(--border-soft);pointer-events:none;position:absolute;inset:4px}.carte-question__inner{position:relative}.carte-question__type{font-family:var(--serif-display);text-transform:uppercase;letter-spacing:.3em;color:var(--rouge);margin-bottom:var(--space-4);text-align:center;font-size:.7rem}.carte-question__phrase{font-family:var(--serif-display);text-align:center;color:var(--ink);font-size:1.4rem;font-style:italic;font-weight:500;line-height:1.5}.trou{border-bottom:2px solid var(--rouge);color:var(--rouge);min-width:6rem;padding:0 .5rem;font-style:italic;font-weight:600;display:inline-block}.choix{margin-bottom:var(--space-4);gap:.6rem;display:grid}.choix__ligne{grid-template-columns:1fr auto;align-items:stretch;gap:.4rem;display:grid}.choix__fav{font-family:var(--serif-display);background:var(--paper);border:var(--border-strong);color:var(--ink-soft);cursor:pointer;transition:all var(--transition-fast);min-width:3rem;padding:0 1rem;font-size:1.4rem}.choix__fav:hover{background:var(--paper-dark);color:var(--rouge)}.choix__fav--actif{color:var(--rouge);background:var(--paper-dark);border-color:var(--rouge)}.choix__btn{font-family:var(--serif-body);background:var(--paper);border:var(--border-strong);text-align:left;cursor:pointer;transition:all var(--transition-fast);color:var(--ink);padding:.95rem 1.2rem;font-size:1.05rem;line-height:1.4;position:relative}.choix__btn:hover:not(:disabled){background:var(--paper-dark);transform:translate(4px)}.choix__btn:disabled{cursor:default}.choix__expr{font-style:italic}.choix__btn--juste{background:var(--vert);color:var(--paper);border-color:var(--vert-dim);animation:.6s ease-out bonneReponse}.choix__btn--juste:after{content:"✓";color:var(--paper);font-size:1.3rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.choix__btn--faux{background:var(--rouge-dim);color:var(--paper);border-color:var(--rouge-dim);animation:.5s ease-out mauvaiseReponse}@keyframes bonneReponse{0%{transform:scale(1);box-shadow:0 0 #2d4a2d99}50%{transform:scale(1.03);box-shadow:0 0 0 12px #2d4a2d00}to{transform:scale(1);box-shadow:0 0 #2d4a2d00}}@keyframes mauvaiseReponse{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.retour{background:var(--paper-dark);border-left:3px solid var(--rouge);padding:var(--space-5);margin-top:var(--space-4)}.retour--juste{border-left-color:var(--vert)}.retour__entete{margin-bottom:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.retour__verdict{font-family:var(--serif-display);text-transform:uppercase;letter-spacing:.15em;font-size:1.1rem;font-weight:600}.retour--juste .retour__verdict{color:var(--vert)}.retour--faux .retour__verdict{color:var(--rouge)}.retour__points{font-family:var(--serif-display);color:var(--or);font-size:1.6rem;font-style:italic;font-weight:700}.retour__corps{font-size:1rem;line-height:1.5}.retour__corps strong{color:var(--rouge);font-style:italic}.retour__serie{margin-top:var(--space-2);color:var(--or);font-size:.9rem;font-style:italic}.retour__maitrise{margin-top:var(--space-3);font-family:var(--serif-display);color:var(--rouge);border-top:1px dotted var(--ink-soft);padding-top:var(--space-3);font-size:1.1rem;font-style:italic}.retour__badges{margin-top:var(--space-3);gap:var(--space-3);flex-wrap:wrap;display:flex}.retour__badge{background:var(--paper);border:1px solid var(--or);font-family:var(--serif-display);color:var(--or);padding:.5rem 1rem;font-style:italic}.retour__suivant{font-family:var(--serif-display);background:var(--rouge);color:var(--paper);cursor:pointer;letter-spacing:.15em;text-transform:uppercase;margin:var(--space-4) auto 0;transition:background var(--transition-fast), transform var(--transition-fast);border:none;padding:.8rem 2rem;font-size:1rem;display:block}.retour__suivant:hover{background:var(--rouge-dim);transform:translateY(-1px)}.bandeau-score{text-align:center;margin-bottom:var(--space-5)}.bandeau-score__asterisme{color:var(--or);letter-spacing:1rem;margin-bottom:var(--space-3);font-size:.7rem}.bandeau-score__sur-titre{font-family:var(--serif-display);letter-spacing:.15em;color:var(--ink-soft);text-transform:uppercase;font-size:.9rem;font-style:italic}.bandeau-score__titre-tableau{font-family:var(--serif-display);color:var(--ink);font-size:1.6rem;font-style:italic}.grand-score{font-family:var(--serif-display);color:var(--rouge);margin:var(--space-4) 0;text-align:center;font-size:5rem;font-weight:600;line-height:1}.grand-score span{color:var(--ink-soft);font-size:2.5rem}.message-score{font-family:var(--serif-display);text-align:center;margin:var(--space-4) 0 var(--space-5);color:var(--ink-soft);font-size:1.5rem;font-style:italic}.trophée{background:var(--paper-dark);border:1px solid var(--or);padding:var(--space-5);text-align:center;margin-bottom:var(--space-5);position:relative}.trophée__sceau{color:var(--or);margin-bottom:var(--space-2);font-size:2rem}.trophée__texte{font-family:var(--serif-display);color:var(--ink-soft);font-size:1.1rem;font-style:italic}.actions-score{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.bouton-principal,.bouton-secondaire{font-family:var(--serif-display);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);padding:.8rem 2rem;font-size:1rem}.bouton-principal{background:var(--rouge);color:var(--paper);border:1px solid var(--rouge)}.bouton-principal:hover{background:var(--rouge-dim);border-color:var(--rouge-dim);transform:translateY(-1px)}.bouton-secondaire{background:var(--paper-dark);color:var(--ink);border:var(--border-strong)}.bouton-secondaire:hover{background:var(--paper-deeper)}.recolte-session{background:var(--paper-dark);border:1px solid var(--or);padding:var(--space-5);margin-bottom:var(--space-5);position:relative}.recolte-session__titre{font-family:var(--serif-display);color:var(--rouge);margin-bottom:var(--space-2);border-bottom:1px dotted var(--or);padding-bottom:var(--space-2);font-size:1.2rem;font-style:italic;font-weight:600}.recolte-session__intro{color:var(--ink-soft);margin-bottom:var(--space-4);font-size:.9rem;font-style:italic;line-height:1.5}.recolte-session__liste{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.recolte-item{align-items:baseline;gap:var(--space-3);border-bottom:1px dotted var(--ink-soft);padding:.5rem 0;display:flex}.recolte-item:last-child{border-bottom:none}.recolte-item__sceau{color:var(--or);font-size:1.1rem}.recolte-item__forme{font-family:var(--serif-display);color:var(--ink);font-size:1.05rem;font-style:italic;font-weight:600}.recap-session{background:var(--paper-dark);border:var(--border-strong);padding:var(--space-5);box-shadow:3px 3px 0 var(--shadow)}.recap-session__titre{font-family:var(--serif-display);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--ink-soft);font-size:1.3rem;font-style:italic}.recap-item{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px dotted var(--ink-soft)}.recap-item:last-child{border:none;margin-bottom:0;padding-bottom:0}.recap-item__expr{font-family:var(--serif-display);color:var(--rouge);font-size:1.1rem;font-style:italic;font-weight:600}.recap-item.faux .recap-item__expr{color:var(--ink-mute)}.recap-item__def{color:var(--ink-soft);margin-top:.2rem;font-size:.95rem}.badge{gap:var(--space-3);background:var(--paper);border:1px solid var(--or);align-items:center;padding:.5rem .9rem;display:flex}.badge--verrouille{border-color:var(--ink-soft);opacity:.55}.badge--moyen{padding:.7rem 1rem}.badge__sceau{color:var(--or);font-size:1.2rem}.badge--verrouille .badge__sceau{color:var(--ink-soft)}.badge__titre{font-family:var(--serif-display);color:var(--ink);font-size:.95rem;font-style:italic;font-weight:600}.badge__desc{color:var(--ink-soft);font-size:.8rem}.badge--petit .badge__desc{display:none}.galerie{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.message-erreur{text-align:center;color:var(--ink-soft);padding:var(--space-6) var(--space-4);font-style:italic}@media (width<=600px){.carte-question{padding:var(--space-5) var(--space-3)}.carte-question__phrase{font-size:1.15rem}.choix__btn{padding:.85rem 1rem;font-size:.95rem}.grand-score{font-size:3.5rem}.grand-score span{font-size:2rem}.carte-progression__grille{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}.chargement{text-align:center;padding:var(--space-7) var(--space-4);background:var(--paper-dark);border:var(--border-strong);box-shadow:4px 4px 0 var(--shadow);position:relative}.chargement:before{content:"";border:var(--border-soft);pointer-events:none;position:absolute;inset:4px}.chargement__ornement{font-family:var(--serif-display);color:var(--or);letter-spacing:1rem;margin-bottom:var(--space-3);font-size:2rem;animation:1.6s ease-in-out infinite pulsation}.chargement__texte{font-family:var(--serif-display);color:var(--ink-soft);font-size:1.1rem;font-style:italic}@keyframes pulsation{0%,to{opacity:.5}50%{opacity:1}}.onboarding-intro{font-family:var(--serif-body);color:var(--ink-soft);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--paper-dark);border-left:3px solid var(--or);font-size:1rem;font-style:italic;line-height:1.6}.onboarding-form{gap:var(--space-5);margin-bottom:var(--space-6);flex-direction:column;display:flex}.champ{gap:var(--space-2);flex-direction:column;display:flex}.champ--fieldset{border:none;padding:0}.champ__label{font-family:var(--serif-display);text-transform:uppercase;letter-spacing:.2em;color:var(--rouge);font-size:.8rem;font-weight:600}.champ__input,.champ__textarea{font-family:var(--serif-body);background:var(--paper);border:var(--border-strong);color:var(--ink);resize:vertical;width:100%;padding:.7rem .9rem;font-size:1.05rem}.champ__input:focus,.champ__textarea:focus{border-color:var(--rouge);background:var(--paper-deeper);outline:none}.champ__input::placeholder,.champ__textarea::placeholder{color:var(--ink-mute);opacity:.7;font-style:italic}.ton-choix{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=600px){.ton-choix{grid-template-columns:repeat(3,1fr)}}.ton-pastille{padding:var(--space-4);background:var(--paper);border:var(--border-strong);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:.3rem;display:flex}.ton-pastille input{opacity:0;pointer-events:none;position:absolute}.ton-pastille:hover{background:var(--paper-dark)}.ton-pastille--actif{background:var(--paper-dark);border-color:var(--rouge)}.ton-pastille__titre{font-family:var(--serif-display);color:var(--ink);font-size:1.2rem;font-style:italic}.ton-pastille--actif .ton-pastille__titre{color:var(--rouge)}.ton-pastille__desc{color:var(--ink-soft);font-size:.85rem;font-style:italic}