:root{--papier:#fff8e9;--encre:#241c14;--bleu:#174d68;--rouge:#8a2a1f;--or:#c8912b;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--encre);font:18px/1.6 Georgia,serif}a{color:var(--rouge);text-underline-offset:3px}button,input,textarea{font:inherit}button,summary{cursor:pointer}button{min-height:44px;padding:10px 15px;border:2px solid var(--encre);border-radius:3px;background:var(--papier);color:var(--encre);font:700 16px/1.3 Arial,sans-serif}button:hover:not(:disabled){background:#f3dfaf}button:disabled{cursor:default;opacity:.55}button.principal{background:var(--rouge);color:#fff}button.principal:hover{background:#672015}button[aria-pressed=true]{border-color:var(--or)}:focus-visible{outline:3px solid var(--rouge);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3{line-height:1.15}h2{font-size:30px;margin:0 0 16px}h3{font-size:23px;margin:0 0 14px}p{margin:0 0 16px}small{font-size:14px;line-height:1.5}section,details{scroll-margin-top:25px}.page-entete,main,footer{max-width:1260px;margin:auto;padding:20px 30px}.page-entete{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-bottom:1px solid #bdac8c;font:15px/1.5 Arial,sans-serif}.page-entete nav{display:flex;flex-wrap:wrap;gap:18px}.titre-page{padding:12px 0 22px}.titre-page h1{font-size:clamp(32px,4vw,49px);letter-spacing:-.025em;margin:8px 0 14px}.titre-page h1 br{display:none}.titre-page h1 br:after{content:' '}.surtitre{font:700 13px/1.45 Arial,sans-serif;color:var(--rouge);text-transform:uppercase;letter-spacing:.1em}.jeu-entretien{border-top:4px solid var(--bleu);padding-top:22px}.jeu-entete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.son{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:14px Arial,sans-serif}.son button{font-size:14px}.son input{width:90px;accent-color:var(--rouge)}.entree{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.entree p{flex-basis:100%;margin:0;font-size:16px}.cabinet{border:2px solid var(--encre);background:#f6e9c9;max-width:1000px;margin:22px auto}.parole-dragon{background:var(--bleu);color:#fff;padding:18px 24px}.parole-dragon .surtitre{color:#f4d08a}.parole-dragon>p:first-of-type{font-size:clamp(21px,2.4vw,29px);line-height:1.3;margin:6px 0}.parole-dragon #question-relance{font-size:18px;border-top:1px solid #d6cda5;margin-top:15px;padding-top:12px}.scene{position:relative;line-height:0;overflow:hidden}.scene-dessin{display:block;width:100%;height:auto}.scene-dessin text{pointer-events:none}.scene .comete{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;font:700 14px/1.3 Arial,sans-serif;border:1px solid var(--or);background:#fff8e9ee;max-width:240px;text-align:left;padding:5px 10px}.comete svg{width:70px;min-width:70px;height:auto}.comete:disabled{opacity:.8}.commandes-chat{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px}.commandes-chat p{margin:0 0 0 auto;font:14px/1.4 Arial,sans-serif}.pistes,.mode-emploi{margin:22px 0;padding:22px;border-left:5px solid var(--or);background:#f4e7ca}.pistes ol{padding-left:24px}.pistes li{padding:10px 0;border-top:1px solid #c6b08c}.pistes li p{margin:8px 0}.pistes blockquote{margin:14px 0;font-style:italic}.pistes details{padding:8px 0}.pistes summary{font-weight:700}.point-attention{padding:14px 0;border-bottom:1px solid #c6b08c;font-size:16px}.entrainement{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.notes label{display:block;font-weight:700;margin-bottom:10px}.notes textarea{width:100%;resize:vertical;border:1px solid var(--encre);background:#fffdf7;padding:12px;min-height:170px;color:var(--encre)}.notes small{display:block}.voix{border-left:3px solid var(--bleu);padding:0 0 0 22px}.voix p{font-size:16px}.voix .commandes{display:flex;gap:8px;flex-wrap:wrap}.voix canvas{width:100%;height:85px;border-bottom:1px solid var(--bleu);background:#fffdf7}.voix audio{display:block;width:100%;margin:12px 0}.diagnostic,.bilan{padding:24px;margin:24px 0;background:#f0e5cf;border-top:3px solid var(--rouge)}.diag-question,#preparation-question{font-size:23px;line-height:1.4}.reponses{display:flex;flex-wrap:wrap;gap:10px}#diag-resultat,#preparation-resultat{padding-top:16px}.diagnostic li,.bilan li{margin:10px 0}.preparation{margin:48px 0}.preparation>header{max-width:850px}.preparation>details{border-top:1px solid #9b8665}.preparation>details:last-child{border-bottom:1px solid #9b8665}.preparation>details>summary{font:700 23px/1.35 Georgia,serif;padding:20px 6px;color:var(--rouge)}.contenu{padding:0 10px 22px;max-width:870px}.contenu blockquote{margin:18px 0;padding:14px 20px;border-left:4px solid var(--or);background:#f3e7ca}.contenu li{margin:10px 0}.contenu dt{font-weight:700;margin-top:12px}.contenu dd{margin:4px 0 12px}.reservoir{margin:40px 0}.reservoir details{border-top:1px solid #c1ad8b;padding:13px 0}.reservoir details details{margin-left:16px}.reservoir summary{font-weight:700}.reservoir button{margin:8px 0;font-size:14px}.reservoir .repere{padding:10px 0}.mode-emploi summary{font-weight:700}.mode-emploi details p:first-of-type{margin-top:15px}footer{border-top:2px solid var(--encre);display:flex;gap:15px 25px;flex-wrap:wrap;font-size:15px}footer p{flex-basis:100%;font-size:14px}.jeu-entretien[data-mode=non] .comete-presentation-mobile{opacity:1}
@media(max-width:720px){.page-entete,main,footer{padding:16px}.entrainement{grid-template-columns:1fr}.voix{padding:15px 0 0;border-left:0;border-top:3px solid var(--bleu)}.son{width:100%}.titre-page h1{font-size:34px}.commandes-chat p{flex-basis:100%;margin:0}.scene .comete{position:static;transform:none;max-width:none;width:100%;justify-content:center;border-radius:0}.scene .comete svg{width:60px;min-width:60px}.preparation>details>summary{font-size:21px}.pistes,.diagnostic,.bilan{padding:17px}.parole-dragon{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.comete-presentation-mobile animateMotion{display:none}}
/* Bulles fonctionnelles de bande dessinée ; personnages repris du pilote. */
.scene .parole-dragon{position:absolute;z-index:4;top:3%;right:3%;width:54%;padding:26px 38px;border:3px solid var(--encre);border-radius:45% 48% 42% 46%;background:#fffdf2;color:var(--encre);line-height:1.35;box-shadow:6px 7px 0 #241c1440}
.scene .parole-dragon .surtitre{display:none}.scene .parole-dragon>p:first-of-type{font-size:clamp(18px,2.1vw,24px);line-height:1.35;font-weight:700}.scene .parole-dragon #question-relance{font-size:17px;border-color:var(--or)}
.bulle-chat{position:absolute;z-index:5;left:3%;top:54%;width:32%;line-height:1.3}.bulle-chat button{position:relative;width:100%;padding:20px 22px;border:3px solid var(--encre);border-radius:48% 43% 45% 40%;font:700 clamp(17px,2vw,22px)/1.2 Georgia,serif;background:#fffdf2;box-shadow:4px 5px 0 #241c1422;transform:rotate(-3deg)}.bulle-chat button::after{content:'';position:absolute;bottom:-15px;left:55%;width:25px;height:25px;background:inherit;border-right:3px solid var(--encre);border-bottom:3px solid var(--encre);transform:rotate(45deg)}.bulle-chat button:hover:not(:disabled){transform:rotate(0deg);background:#ffe4a2}.bulle-chat button:disabled{opacity:1;color:#776753}
.liens-bulles{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}.liens-bulles path{fill:#fffdf2;stroke:#241c14;stroke-width:3;stroke-linejoin:round}.scene .comete{top:auto;bottom:2%;left:50%;z-index:6;max-width:260px}.dragon-questionneur>text{display:none}.dragon-questionneur>path:nth-child(1),.dragon-questionneur>path:nth-child(2),.dragon-questionneur>path:nth-child(3){fill:#2b4a7a}.souffle-question{opacity:0;transform-box:fill-box;transform-origin:right center}.dragon-parle .souffle-question{animation:souffle-question-bd 2.2s ease-out both}.dragon-parle .parole-dragon{animation:bulle-question-bd .65s ease-out both}
@keyframes souffle-question-bd{0%{opacity:0;fill:#ffbd36;transform:scale(.3,.5)}10%,35%,62%{opacity:1;fill:#f36724;transform:scale(2.8,1.6)}22%,48%,74%{opacity:1;fill:#ffd45a;transform:scale(1.8,1.1)}86%{opacity:1;fill:#ff9828;transform:scale(2.3,1.4)}100%{opacity:0;fill:#ffd45a;transform:scale(.3,.5)}}
@keyframes bulle-question-bd{0%,30%{opacity:.2;transform:scale(.96)}65%{opacity:1;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}
@media(max-width:720px){.scene{display:grid;grid-template-columns:1fr}.scene .parole-dragon{position:relative;top:auto;right:auto;width:94%;margin:16px 3% 24px;grid-row:1;padding:20px 26px}.scene .parole-dragon::after{content:'';position:absolute;right:18%;bottom:-14px;width:22px;height:22px;border-right:3px solid var(--encre);border-bottom:3px solid var(--encre);background:#fffdf2;transform:rotate(45deg)}.scene .parole-dragon>p:first-of-type{font-size:20px}.scene .scene-dessin{grid-row:2}.liens-bulles{display:none}.bulle-chat{position:relative;grid-row:3;top:auto;left:auto;margin:-5% 48% 24px 4%;width:auto}.bulle-chat button{padding:16px 20px;font-size:17px}.bulle-chat button::after{bottom:auto;top:-14px;transform:rotate(225deg)}.scene .comete{position:static;grid-row:4;width:100%;max-width:none;transform:none;justify-content:center}.scene .parole-dragon #question-relance{font-size:16px}}
@media(prefers-reduced-motion:reduce){.dragon-parle .souffle-question,.dragon-parle .parole-dragon{animation:none;opacity:1;transform:none}}