#cathedrale-jeu{--cat-encre:#241c14;--cat-rouge:#9e2b20;--cat-or:#c8912b;--cat-bleu:#2b4a63;--cat-papier:#fff8e9;margin:32px 0;color:var(--cat-encre);font:17px/1.55 Georgia,serif;scroll-margin-top:30px}
#cathedrale-jeu *,#cathedrale-jeu *::before,#cathedrale-jeu *::after{box-sizing:border-box}
#cathedrale-jeu [hidden]{display:none!important}
#cathedrale-jeu :is(button,input,select,textarea){font:inherit;color:inherit}
#cathedrale-jeu :is(button,summary,select){cursor:pointer}
#cathedrale-jeu :focus-visible{outline:3px solid var(--cat-rouge);outline-offset:4px}
#cathedrale-jeu a{color:var(--cat-rouge);text-underline-offset:3px}
#cathedrale-jeu h3,#cathedrale-jeu h4{border:0;margin:0 0 10px;padding:0;text-transform:none;letter-spacing:0;font:700 21px/1.25 Georgia,serif;color:var(--cat-rouge)}
#cathedrale-jeu p{margin:0 0 12px}
#cathedrale-jeu .cat-cadre{border-top:4px solid var(--cat-encre);background:var(--cat-papier);padding:clamp(16px,3vw,32px)}
.cat-en-tete{display:flex;justify-content:space-between;gap:12px;align-items:center}
#cathedrale-jeu .cat-surtitre{font:700 12px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--cat-rouge)}
#cathedrale-jeu .cat-titre{font:700 clamp(34px,4.8vw,62px)/1.05 Georgia,serif;letter-spacing:-.035em;border:0;margin:0 0 12px;padding:0;color:var(--cat-encre);text-transform:none}
.cat-devise{font-style:italic;font-size:21px}.cat-definition{max-width:850px}
#cathedrale-jeu .cat-comete{border:0;padding:0;background:transparent;flex:0 0 100px}.cat-comete svg{display:block;width:100%;height:auto}
.cat-choix{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:20px 0}
.cat-choix label{font-weight:700}.cat-choix select{max-width:100%;min-width:0;border:1px solid var(--cat-encre);background:white;padding:8px;flex:1}.cat-choix small{flex-basis:100%}
.cat-fondations{padding:14px 18px;border-left:5px solid var(--cat-or);background:#f0e5cf;margin:20px 0;font-size:19px}.cat-fondations p{margin-top:6px!important}
.cat-son-ligne,.cat-actions,.cat-reponses,.cat-sorties,.cat-articulations,.cat-couronnement{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cat-son-ligne{font:14px/1.4 Arial,sans-serif;margin:15px 0}.cat-son-ligne input{width:110px;accent-color:var(--cat-rouge)}
#cathedrale-jeu .cat-bouton{display:inline-block;min-height:44px;border:1.5px solid var(--cat-encre);border-radius:3px;padding:9px 14px;text-decoration:none;background:var(--cat-papier);color:var(--cat-encre);font:700 15px/1.35 Arial,sans-serif}
#cathedrale-jeu .cat-bouton:hover{background:#f1dfbc}#cathedrale-jeu .cat-bouton.cat-principal{color:white;background:var(--cat-rouge)}
.cat-entree{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--cat-encre);padding:20px 0 10px}.cat-entree p{font-size:23px;font-weight:700;margin:0!important}
.cat-mode{font-size:15px;min-height:24px}.cat-espace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:24px;margin-top:24px;align-items:start}
.cat-scene{min-width:0}.cat-couronnement{justify-content:center;margin-bottom:8px}
#cathedrale-jeu .cat-couronnement .est-posee,#cathedrale-jeu .cat-couronnement .est-allumee,#cathedrale-jeu .cat-articulations .est-dessine{border-color:var(--cat-or);border-width:3px}
.cat-maison{aspect-ratio:3/2;position:relative;width:100%;isolation:isolate}
#cathedrale-jeu .cat-assise{position:absolute;left:calc(var(--col)*100%/3);top:calc(var(--row)*100%/3);width:calc(100%/3);height:calc(100%/3);border:0;background:transparent;padding:0;overflow:hidden;border-radius:0;color:var(--cat-encre)}
.cat-morceau{display:block;position:absolute;inset:0;background-image:url('/assets/graffigny-chantier/maison.png');background-size:300% 300%;background-position:calc(var(--col)*50%) calc(var(--row)*50%);transition:opacity .35s;opacity:1}
.cat-maison[data-mode="oui"] .cat-morceau{opacity:.14}.cat-maison[data-mode="oui"] .est-courante .cat-morceau{opacity:.45}.cat-maison[data-mode="oui"] .est-posee .cat-morceau{opacity:1}
#cathedrale-jeu .cat-assise.est-courante{outline:3px solid var(--cat-rouge);outline-offset:-3px;z-index:1}
.cat-assise-rang{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);padding:3px 8px;border:1px solid var(--cat-encre);background:var(--cat-papier);font:700 13px/1.4 Arial,sans-serif;white-space:nowrap}
.est-ouverte .cat-assise-rang{border-style:dashed}.est-ouverte .cat-assise-rang::after{content:' · à relire';font-size:11px}
.est-posee .cat-assise-rang{background:#f1d18d}.cat-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cat-legende{font:13px/1.5 Arial,sans-serif;text-align:center;padding:10px 4px}.cat-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:2px solid var(--cat-encre);padding-top:12px}.cat-plan p{font-size:14px;overflow-wrap:anywhere}.cat-plan h4{font-size:18px!important}
.cat-articulations{justify-content:space-between;border-top:1px solid #c8b798;padding-top:12px}
.cat-lutrin{border:1px solid var(--cat-encre);min-width:0;background:#fcf0d5}.cat-lutrin>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.cat-lutrin-contenu{padding:20px}.cat-lutrin p{font-size:15px}.cat-lutrin details{border-top:1px solid #bdad92;padding:12px 0}.cat-lutrin details details{margin-left:8px}.cat-lutrin summary{font:700 15px/1.5 Arial,sans-serif}.cat-lutrin ol{padding-left:22px;font-size:15px}.cat-lutrin li{margin:8px 0}.cat-lutrin h4{margin-top:16px!important;font-size:18px!important}.cat-source-corps{padding-top:14px}.cat-lutrin blockquote{margin:15px 0;border-left:3px solid var(--cat-or);padding:6px 12px;font-size:16px}.cat-prive{border-top:1px solid #bdad92;padding-top:12px;font-style:italic}
.cat-dialogue{display:none;grid-column:1/-1;border-top:3px solid var(--cat-rouge);padding-top:22px;scroll-margin-top:24px}.cat-dialogue.est-visible{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.cat-dialogue h3{grid-column:1/-1}.cat-ecriture label{display:block;font-weight:700;margin-bottom:12px}.cat-ecriture textarea{display:block;resize:vertical;width:100%;min-height:220px;border:1px solid var(--cat-encre);background:#fffdf7;padding:14px}.cat-ecriture small{display:block;font-size:13px;margin:10px 0 16px}.cat-diagnostic{background:#f2e5c9;border:1px solid #c5b493;padding:20px}.cat-compteur{font:700 13px/1.4 Arial,sans-serif;color:var(--cat-rouge)}.cat-question{font-size:21px;min-height:88px}.cat-retour{display:none;border-top:1px solid #b6a282;margin-top:16px;padding-top:16px}.cat-retour.est-visible{display:block}.cat-retour p{font-size:16px}.cat-statut-final{margin-top:16px;font-size:16px}.cat-fin-devoir{grid-column:1/-1;padding:24px;border-top:3px solid var(--cat-or);background:#f1e4cb}
@media(max-width:850px){.cat-espace{grid-template-columns:1fr}.cat-lutrin{grid-row:3}.cat-dialogue{grid-row:2}.cat-lutrin>img{max-height:260px;object-fit:cover;object-position:center 65%}}
@media(max-width:540px){#cathedrale-jeu{font-size:16px}.cat-en-tete{align-items:flex-start}#cathedrale-jeu .cat-comete{flex-basis:58px}.cat-devise{font-size:18px}.cat-plan{gap:8px}.cat-plan p{font-size:12px}.cat-dialogue.est-visible{grid-template-columns:1fr}.cat-assise-rang{font-size:11px;padding:2px 4px}.est-ouverte .cat-assise-rang::after{content:' ↺'}.cat-choix{display:block}.cat-choix select{display:block;width:100%;margin:8px 0}.cat-fin-devoir{padding:16px}}
@media(prefers-reduced-motion:reduce){.cat-morceau{transition:none}}
.cat-introduction{grid-column:1/-1;border-top:3px solid var(--cat-or);padding:22px 0}.cat-introduction>header{max-width:850px}.cat-intro-etapes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:18px 0}.cat-intro-etapes .cat-bouton{padding:10px 7px!important;font-size:13px!important;text-align:left}.cat-intro-etapes span{display:block;font:700 22px/1.3 Georgia,serif;margin-bottom:5px}#cathedrale-jeu .cat-intro-etapes .est-reperee{background:#f1d18d}#cathedrale-jeu .cat-intro-etapes .est-actuelle{outline:2px solid var(--cat-rouge);outline-offset:2px}.cat-intro-progression{font:14px/1.4 Arial,sans-serif}.cat-intro-travail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;padding:22px;border:1px solid #c5b493;background:#f6ecd8;scroll-margin-top:25px}.cat-intro-travail h4{grid-column:1/-1}.cat-intro-travail textarea{min-height:160px}.cat-intro-travail details{padding:12px 0;font-size:15px}.cat-intro-travail summary{cursor:pointer;font-weight:700}.cat-intro-choisir>p:first-child{font-size:20px;font-weight:700}#cat-intro-choix{display:grid;gap:8px;margin:14px 0}#cathedrale-jeu #cat-intro-choix button{font:16px/1.45 Georgia,serif;text-align:left;font-weight:400}#cathedrale-jeu #cat-intro-choix button[aria-pressed="true"]{border:3px solid var(--cat-or);background:#f1dfbc}#cathedrale-jeu #cat-intro-choix button:disabled{cursor:default;opacity:1}.cat-intro-travail small{display:block;font-size:13px}.cat-intro-travail .cat-actions{margin:12px 0}#cat-intro-retour{border-left:3px solid var(--cat-or);padding-left:12px}
@media(max-width:1000px){.cat-intro-etapes{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.cat-introduction{order:1}.cat-dialogue{order:2;grid-row:auto}.cat-scene{order:3}.cat-lutrin{order:4;grid-row:auto}.cat-fin-devoir{order:5}.cat-intro-travail{grid-template-columns:1fr}}
@media(max-width:540px){.cat-intro-etapes{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-intro-travail{padding:14px}}