.lecteur:not(.ecran-centre){min-height:calc(100dvh - 48px);display:flex;flex-direction:column}.lecteur .haut{display:flex;align-items:center;gap:12px;margin-bottom:28px}.lecteur .fermer{margin-left:-10px;color:var(--encre-douce)}.lecteur .barre{flex:1;height:16px;border-radius:var(--arrondi-bouton);background:var(--sinople-clair);overflow:hidden}.lecteur .remplissage{height:100%;background:var(--sinople);border-radius:inherit;transition:width .3s}.buches{display:inline-flex;gap:1px;flex:none}.buche .bois{fill:#8a5a35}.buche .cerne{fill:#c9955f}.buche .flammeche{fill:var(--goupil)}.buche.brulee .bois{fill:#b9b2a5}.buche.brulee .cerne{fill:#d6d0c4}.buche.brulee .flammeche{fill:none}.lecteur .theme{margin:0 0 8px;color:var(--sinople-fonce);font-weight:600;font-size:.9rem}.lecteur .question{font-size:1.6rem;margin:0 0 20px}.lecteur .choix{display:grid;gap:10px}.lecteur .reponse{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 18px;border:3px solid transparent;border-radius:var(--arrondi);background:var(--blanc);font:500 1.05rem var(--police-texte);color:var(--encre);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.lecteur .reponse:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--encre-douce);flex-shrink:0}.lecteur .reponse:disabled{cursor:default}.lecteur .reponse[aria-checked=true]{border-color:var(--sinople);background:var(--sinople-clair)}.lecteur .reponse[aria-checked=true]:before{background:var(--sinople);border-color:var(--sinople)}.lecteur .reponse.juste{border-color:var(--juste);background:var(--sinople-clair)}.lecteur .reponse.faux{border-color:var(--faux);background:color-mix(in srgb,var(--faux) 15%,var(--blanc))}.lecteur .reponse.faux:before{background:var(--faux);border-color:var(--faux)}.lecteur .reponse.juste:after,.lecteur .reponse.faux:after{content:"";width:22px;height:22px;margin-left:auto;flex-shrink:0;mask:var(--marque) center / contain no-repeat}.lecteur .reponse.juste:after{background:var(--juste);--marque: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E")}.lecteur .reponse.faux:after{background:var(--faux);--marque: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}.lecteur .ecran-question{padding-bottom:16px}.lecteur .verdict{position:sticky;bottom:0;margin-top:auto;padding:16px 0 24px;background:var(--fond-verdict, var(--creme));box-shadow:0 0 0 100vmax var(--fond-verdict, var(--creme));clip-path:inset(0 -100vmax)}.lecteur .verdict>*{max-width:448px;margin-left:auto;margin-right:auto}.lecteur .message{margin:0 auto 6px;font-weight:700;min-height:1.4em}.lecteur .explication{margin:0 auto 12px;font-size:.92rem;color:var(--encre)}.lecteur .source{color:var(--encre-douce)}.lecteur .verdict .bouton{width:100%}.lecteur .verdict.ok{--fond-verdict: var(--sinople-clair)}.lecteur .verdict.ok .message{color:var(--sinople-fonce)}.lecteur .verdict.rate{--fond-verdict: color-mix(in srgb, var(--faux) 15%, var(--creme))}.lecteur .verdict.rate .message{color:var(--faux-fonce)}.lecteur .verdict.rate .bouton{background:var(--faux);box-shadow:0 var(--epaisseur-ombre) 0 color-mix(in srgb,var(--faux) 70%,black)}.lecteur.ecran-centre{text-align:center;display:grid;justify-items:center;gap:12px;padding-top:40px}.ecran-centre h1{margin:0}.ecran-centre h1:focus{outline:none}.ecran-centre .sous-titre{margin:0 0 8px;color:var(--encre-douce);font-size:1.05rem;max-width:34ch}.ecran-centre .bouton{width:100%;max-width:320px}.gains{margin:0 0 16px;width:100%;max-width:320px;display:grid;gap:6px}.gains div{display:flex;justify-content:space-between;padding:8px 14px;border-radius:14px;background:var(--blanc)}.gains dt{color:var(--encre-douce)}.gains dd{margin:0;font-weight:700;color:var(--sinople-fonce)}.gains .total{background:var(--sinople-clair)}.ecran-centre .promotion{margin:0 0 4px;font:italic 1.3rem var(--police-recit);color:var(--sinople-fonce)}.gains .total dd{color:var(--or);font-size:1.2rem;text-shadow:0 1px 0 #7a5d1c}.feu-eteint .fumee{fill:none;stroke:#b9b2a5;stroke-width:6;stroke-linecap:round;opacity:.7}@media(prefers-reduced-motion:no-preference){.feu-eteint .fumee{animation:fumee 3s ease-in-out infinite}@keyframes fumee{50%{opacity:.3;transform:translateY(-4px)}}}.lecteur .saisie{display:grid;gap:10px}.lecteur .compteur{display:flex;justify-content:space-between;margin:0;font-weight:600;color:var(--encre-douce);font-variant-numeric:tabular-nums}.lecteur .chrono{color:var(--sinople-fonce)}.lecteur .chrono.presse{color:var(--faux-fonce)}.lecteur .champ{width:100%;min-height:56px;padding:14px 18px;box-sizing:border-box;border:3px solid var(--sinople-clair);border-radius:var(--arrondi);background:var(--blanc);font:500 1.1rem var(--police-texte);color:var(--encre)}.lecteur .champ:focus{outline:none;border-color:var(--sinople)}.lecteur .champ.juste{border-color:var(--juste);background:var(--sinople-clair)}.lecteur .champ.faux{border-color:var(--faux);background:color-mix(in srgb,var(--faux) 15%,var(--blanc))}.lecteur .astuce{margin:0;min-height:1.3em;font-size:.9rem;color:var(--encre-douce)}.lecteur .cases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;counter-reset:case}.lecteur .cases li{counter-increment:case;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:14px;background:var(--blanc);border:2px dashed color-mix(in srgb,var(--encre) 18%,transparent);font-weight:500}.lecteur .cases li:before{content:counter(case);font-size:.8rem;color:var(--encre-douce);min-width:1.2em}.lecteur .cases li.trouvee{border:2px solid var(--juste);background:var(--sinople-clair)}.lecteur .cases li.manquee{border:2px solid var(--faux);background:color-mix(in srgb,var(--faux) 12%,var(--blanc));color:var(--faux-fonce)}
