.intro-j-nuit{fill:var(--nuit)}.intro-j-suie{fill:var(--suie)}.intro-j-pierre{fill:var(--pierre)}.intro-j-gres{fill:var(--gres)}.intro-j-parchemin{fill:var(--parchemin)}.intro-j-chanvre{fill:var(--chanvre)}.intro-j-torche{fill:var(--torche)}.intro-j-flamme{fill:var(--flamme)}.intro-j-or{fill:var(--or)}.intro-j-garance{fill:var(--garance)}.intro-j-lie{fill:var(--lie)}.intro-j-prusse{fill:var(--prusse)}.intro-j-mousse{fill:var(--mousse)}.intro-j-ambre{fill:var(--ambre)}.intro-j-cafe{fill:var(--cafe)}.intro-j-acier{fill:var(--acier)}.intro-symboles{block-size:0;inline-size:0;position:absolute;overflow:hidden}.intro{max-width:64rem;padding:var(--espace-3) 16px var(--espace-5);margin-inline:auto}.intro-barre{justify-content:space-between;align-items:center;gap:var(--espace-2) var(--espace-3);font-family:var(--police-etiquette);flex-wrap:wrap;font-size:.875rem;display:flex}.intro-barre p{margin:0}.intro-compteur{color:var(--titre)}.intro-aide{color:var(--texte-second)}.intro-passer{color:var(--texte);background:var(--fond-fenetre);box-shadow:var(--cadre);margin-inline-start:auto;padding:6px 12px;text-decoration:none}.intro-passer:visited{color:var(--texte)}.intro-passer:hover{color:var(--titre)}.intro-ecrans{margin:0;padding:0;list-style:none}.intro-ecran{margin-block:var(--espace-4) var(--espace-5)}.intro-scene{aspect-ratio:16/9;background:var(--nuit);box-shadow:inset 0 0 0 2px var(--pierre), var(--ombre-pixel);position:relative;overflow:hidden}.intro-decor{block-size:100%;inline-size:100%;max-width:none;image-rendering:pixelated;position:absolute;inset:0}.intro-decor-texte{font-family:var(--police-etiquette);font-size:5px}.intro-sprite{inline-size:22%;line-height:0;position:absolute;inset-block-end:6%}.intro-sprite svg{block-size:auto;inline-size:100%}.intro-sprite--1-sur-1{inset-inline-start:39%}.intro-sprite--1-sur-2{inset-inline-start:12%}.intro-sprite--2-sur-2{inset-inline-end:12%}[data-decor=nuit-royaume] .intro-sprite{inline-size:20%;inset-block-end:2%;inset-inline-start:4%}[data-decor=pont-levis] .intro-sprite{inset-block-end:4%;inset-inline-start:6%}[data-decor=guichet] .intro-sprite{inline-size:20%;inset-block-end:0;inset-inline-start:60%}[data-decor=banque-royale] .intro-sprite{inline-size:32%;inset-block-end:8%;inset-inline-start:31%}[data-decor=cafetiere] .intro-sprite{inline-size:17%;inset-block-end:29%;inset-inline-start:42%}[data-decor=plan-trois-ailes] .intro-sprite{inline-size:16%;inset-block-end:0;inset-inline:auto 0}[data-decor=poste-de-garde] .intro-sprite{inline-size:24%;inset-block-end:29%;inset-inline-start:6%}[data-decor=salle-du-tresor] .intro-sprite{inline-size:28%;inset-block-end:10%;inset-inline-start:36%}[data-decor=oubliettes] .intro-sprite{inset-block-end:12%;inset-inline-start:8%}[data-decor=herse] .intro-sprite{inline-size:22%;inset-block-end:6%;inset-inline-start:39%}.intro-texte-ecran{padding:var(--espace-3) var(--espace-4);background:var(--fond-fenetre);box-shadow:var(--cadre)}.intro-numero{font-family:var(--police-etiquette);color:var(--texte-second);margin:0;font-size:.8rem}.intro-locuteur{margin:var(--espace-1) 0 var(--espace-2);font-size:.85rem}.intro-replique{margin:0 0 var(--espace-2)}.intro-texte-ecran--terminal{font-family:var(--police-terminal);color:var(--cafetiere-texte);background:var(--cafetiere-fond);font-size:1.3rem;line-height:1.35}.intro-texte-ecran--terminal .intro-locuteur,.intro-texte-ecran--terminal .intro-numero{color:var(--cafetiere-texte)}.intro-regle,.intro-boite-regle{margin:var(--espace-3) 0 0;border-block-start:2px dashed var(--bord);color:var(--texte-second);padding-block-start:var(--espace-2);font-size:.9rem}.intro-regle-etiquette{font-family:var(--police-etiquette);color:var(--titre)}.intro-texte-ecran--terminal .intro-regle{font-family:var(--police-lecture);color:var(--parchemin);font-size:.9rem}.intro-fin{justify-items:center;gap:var(--espace-3);padding:var(--espace-5) var(--espace-3);text-align:center;background:var(--fond-fenetre);box-shadow:var(--cadre);display:grid}.intro-fin p{margin:0}.intro-fin-titre{font-family:var(--police-titre);color:var(--titre);text-shadow:3px 3px 0 var(--titre-ombre);font-size:clamp(1.2rem,6vw,2.4rem);line-height:1.3}.intro-fin-sous-titre{color:var(--texte-second)}.intro-entrer{font-family:var(--police-titre);color:var(--action-texte);background:var(--action);box-shadow:inset -4px -4px 0 var(--action-ombre);clip-path:var(--coins-pixel);padding:14px 24px;font-size:clamp(.75rem,3vw,1rem);line-height:1.5;text-decoration:none;display:inline-block}.intro-entrer:visited{color:var(--action-texte)}.intro-entrer:focus-visible{outline:3px solid var(--flamme);outline-offset:-7px}.intro-fin-livret{font-size:.9rem}.intro[data-intro-joue]{gap:var(--espace-2);max-width:none;min-height:100dvh;padding:var(--espace-2) 16px var(--espace-3);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.intro[data-intro-joue] .intro-titre{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.intro[data-intro-joue] .intro-texte-ecran{display:none}.intro[data-intro-joue] .intro-ecrans{justify-content:center;align-items:center;min-height:0;display:flex}.intro[data-intro-joue] .intro-ecran{inline-size:100%;margin:0}.intro[data-intro-joue] .intro-ecran[hidden]{display:none}.intro[data-intro-joue] .intro-scene{cursor:pointer;inline-size:min(100%,68rem,177.778dvh - 28.4444rem);min-inline-size:min(100%,18rem);margin-inline:auto}.intro[data-intro-joue] .intro-ecran:not([hidden]) .intro-sprite{animation:.48s steps(6,end) both intro-entree}.intro[data-intro-joue] .intro-ecran:not([hidden]) .intro-sprite--2-sur-2{animation-name:intro-entree-droite;animation-delay:.16s}@keyframes intro-entree{0%{transform:translate(-160%)}to{transform:translate(0)}}@keyframes intro-entree-droite{0%{transform:translate(160%)}to{transform:translate(0)}}.intro-boite{--boite-fond:var(--suie);--boite-texte:var(--parchemin);--boite-bord:var(--parchemin);inline-size:min(100%,68rem);padding:var(--espace-3) var(--espace-4) var(--espace-3);color:var(--boite-texte);background:var(--boite-fond);box-shadow:inset 0 0 0 2px var(--nuit), inset 0 0 0 4px var(--boite-bord), inset 0 0 0 6px var(--nuit), var(--ombre-pixel);clip-path:var(--coins-pixel);cursor:pointer;margin-inline:auto;padding-inline-end:3.5rem;position:relative}.intro-boite[hidden]{display:none}.intro-boite[data-locuteur=cafetiere]{--boite-fond:var(--cafe);--boite-texte:var(--ambre);--boite-bord:var(--ambre)}.intro-boite p{margin:0}.intro-boite-nom{font-family:var(--police-titre);color:var(--flamme);text-shadow:2px 2px 0 var(--nuit);font-size:.75rem;line-height:1.4;margin-block-end:var(--espace-2)!important}.intro-boite[data-locuteur=cafetiere] .intro-boite-nom{color:var(--ambre)}.intro-boite-texte{min-block-size:4.5em;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.5}.intro-boite[data-locuteur=cafetiere] .intro-boite-texte{font-family:var(--police-terminal);min-block-size:3.75em;font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.25}.intro-boite-regle{color:var(--chanvre);border-block-start-color:var(--pierre)}.intro-boite[data-locuteur=cafetiere] .intro-boite-regle{color:var(--parchemin)}.intro-suite{block-size:2.5rem;inline-size:2.5rem;font:inherit;color:var(--flamme);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-end:10px;inset-inline-end:10px}.intro-boite[data-locuteur=cafetiere] .intro-suite{color:var(--ambre)}.intro-suite:focus-visible{outline:3px solid var(--flamme);outline-offset:-3px}.intro-suite-triangle{opacity:.35;font-size:1rem;line-height:1}.intro-boite[data-complete=oui] .intro-suite-triangle{opacity:1;animation:.9s step-end infinite intro-clignote}@keyframes intro-clignote{0%,55%{opacity:1}56%,to{opacity:0}}.intro[data-intro-joue] .intro-ecran--fin .intro-fin{cursor:pointer;inline-size:min(100%,40rem);margin-inline:auto}.intro[data-intro-joue] .intro-entrer{animation:1.6s step-end infinite intro-appel}@keyframes intro-appel{0%,70%{opacity:1}71%,to{opacity:.55}}@media (width<=40rem){.intro-aide{display:none}.intro[data-intro-joue] .intro-ecrans{align-items:flex-end}.intro-boite{padding:var(--espace-3) 3rem var(--espace-3) var(--espace-3)}}@media (prefers-reduced-motion:reduce){.intro[data-intro-joue] .intro-ecran:not([hidden]) .intro-sprite,.intro-boite[data-complete=oui] .intro-suite-triangle,.intro[data-intro-joue] .intro-entrer{opacity:1;animation:none;transform:none}}