/* Le pont du pilote reste un jeu de traversée ; les lieux sont ceux de Zilia. */
body{background:#fff8e9;color:#241c14;font:18px/1.65 Georgia,serif;margin:0}
*{box-sizing:border-box}a{color:#8a2a1f}button,select,input{font:inherit}
[hidden]{display:none!important}
.wrap{max-width:1600px;margin:auto;padding:24px 32px}
.head h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:.2em 0}
.crumb{font-size:14px}.head .work{font-size:1.2rem}.parcours{font:15px/1.5 system-ui}
.graffigny-rail{padding:18px;max-width:290px}.graffigny-rail nav a{display:block;padding:.5rem 0;font-size:16px}
.pont-epreuve .sept{font-size:1.1rem;line-height:1.6;margin:0 0 1rem;padding:1rem}
.choix-passage{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1rem 0}
.choix-passage label{font-weight:bold}.choix-passage select{max-width:100%;width:100%;padding:.6rem;background:#fff;border:2px solid #234f83;font-size:16px}
.choix-passage a{font-size:16px}
.pont-epreuve .regle-jeu{margin:1rem 0}.regle-jeu h3{font-size:1.2rem}
.regle-jeu-etapes li{font-size:16px}
.scene-titre{font:bold 26px Georgia,serif;fill:#243d56}
.scene-note{font:19px Georgia,serif;fill:#241c14}
.repere-scene{cursor:pointer}.repere-scene rect{fill:#fff8e9;stroke:#243d56;stroke-width:3}
.repere-scene text{font:bold 16px system-ui;fill:#243d56}
.repere-scene:hover rect,.repere-scene:focus rect,.repere-scene[aria-pressed="true"] rect{fill:#f5d77f;stroke:#8a2a1f;stroke-width:4}
.repere-scene:focus{outline:none}.fil-scene{stroke:#8a2a1f;stroke-width:3;fill:none}
.groupe-mouvement.mouvement-actif>g>rect{stroke:#8a2a1f;stroke-width:4}
.geste-courant{font:bold 18px system-ui;fill:#8a2a1f;paint-order:stroke;stroke:#fff8e9;stroke-width:7px;stroke-linejoin:round}
#pion{transition:transform .7s ease}
.zoom-hote{padding:0;background:#fff8e9;border:2px solid #243d56}
.pont-defilement{background:#fff8e9}.tablier .nom{paint-order:stroke;stroke:#fff8e9;stroke-width:5px;stroke-linejoin:round;font-size:16px}
.tablier .entete,.tablier .entete2,.tablier .coupure{paint-order:stroke;stroke:#fff8e9;stroke-width:5px;stroke-linejoin:round}
.frise .garg,.frise .oeil{display:none}.frise .tampon{font-size:12px;letter-spacing:0}
.frise .nomp{font-size:16px!important}.frise .gigogne{font-size:11px;letter-spacing:0}
.frise .ecusson{fill:#f5d77f}.frise .baie{fill:#fff8e9}.frise .baie[aria-selected=true]{fill:#f5d77f}
.pont-epreuve details.tiroir>summary{background:#faf0d8!important;border-color:#243d56}
.v-dit,.demande{background:transparent!important}.penture{display:none!important}
.pont-epreuve details.tiroir>summary{padding-left:1rem!important}
.t-poids,.v-etape,.son-dit{font-size:14px!important}
.support-lettre{margin:1rem 0;border:2px solid #234f83;background:#fffdf6}
.support-lettre>summary{padding:1rem;font-weight:bold;cursor:pointer}
.extrait-lettre{padding:1rem 1.4rem;max-height:34rem;overflow:auto;font:18px/1.8 Georgia,serif}
.extrait-lettre .p-num{color:#6b5836}.extrait-lettre .par{margin-bottom:1rem}
.son-ligne label{font-size:16px}.son-ligne input{width:150px}.son-ligne output{min-width:3rem;font:14px system-ui}
.conversation-comete{border-left:5px solid #c8912b;padding:.6rem 1rem;background:#fff8e9;margin-bottom:1rem}
#question-conversation{font-size:1.2rem;font-weight:bold}
.bouton:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #234f83;outline-offset:4px}
@media(min-width:1200px){body{padding-left:270px}.graffigny-rail{position:fixed;left:0;top:0;width:250px;height:100vh;overflow:auto}.epreuve-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:24px}}
@media(max-width:1199px){.graffigny-rail{max-width:none;border-bottom:2px solid #243d56}.graffigny-rail>p{margin:.4rem 0}.epreuve-layout{display:flex;flex-direction:column}.epreuve-sommaire{order:2;position:static!important;max-height:none!important;width:auto!important}.wrap{padding:18px}.head{margin-bottom:1.5rem}}
@media(max-width:650px){.wrap{padding:12px}.scene-titre{font-size:26px}.pont-epreuve .dedans{padding:.6rem}.frise{min-width:700px}.pont-defilement svg{min-width:900px}.zoom-hote{overflow:auto}.zoom-hote>.scene{min-width:720px}.son-ligne{gap:.6rem}.choix-passage select{font-size:16px}.geste-courant{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}