/* LE FILM D'OUVERTURE D'UN PARCOURS — la page de `sas/_prelude_video`.

   ⓘ PAS DE MAQUETTE : la page a été demandée par Boris le 16 octobre 2026 (titre,
     film, bouton vers le premier écran). Elle reprend donc le traitement commun des
     cinq jeux en version 2 (`mini-game-ui.css`) : lecture à 16 px au moins, bouton
     en pastille violette `#8b236f`, 48 px de haut. Ses classes sont préfixées
     `pz-prelude-` : chaque jeu a sa propre feuille, aucune ne doit l'habiller par
     homonymie (`.screen`, `.eyebrow`, `.primary-button`… n'y sont pas employés).

   ⓘ Les polices sont celles du jeu qui la charge : « Roboto Slab » ou « Slab » selon
     la feuille, d'où la chaîne de repli. */
/* Le film PRÉCÈDE le parcours : le rail (« 1 / 6 ») et la bande du guide se taisent
   tant que la page est ouverte. `body.pz-prelude-ouvert` est posé par le script. */
.pz-prelude-ouvert .rail,.pz-prelude-ouvert .guide-strip{display:none}
.pz-prelude{min-height:calc(100vh - var(--sas-bandeau-hauteur, 0px) - 106px);padding:clamp(28px,5vw,64px) 16px 72px;background:#f6f1e9;color:#261e25}
.pz-prelude-inner{max-width:960px;margin:0 auto}
.pz-prelude-eyebrow{margin:0 0 10px;color:#8b236f;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.pz-prelude-titre{margin:0 0 26px;max-width:860px;font-family:"Roboto Slab",Slab,Georgia,serif;font-size:clamp(30px,4.5vw,52px);font-weight:600;line-height:1.12}
.pz-prelude-titre:focus{outline:none}
.pz-prelude-film{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#211725;box-shadow:0 18px 50px rgba(38,30,37,.18)}
.pz-prelude-lancer{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;color:#fff}
.pz-prelude-lancer img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
.pz-prelude-lecture{position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%);border-radius:50%;background:#8b236f;box-shadow:0 0 0 10px rgba(255,255,255,.18);transition:transform .2s}
.pz-prelude-lecture:after{content:"";position:absolute;left:34px;top:26px;border-style:solid;border-width:17px 0 17px 27px;border-color:transparent transparent transparent #fff}
.pz-prelude-lancer:hover .pz-prelude-lecture,.pz-prelude-lancer:focus-visible .pz-prelude-lecture{transform:translate(-50%,-50%) scale(1.07)}
.pz-prelude-lancer:focus-visible{outline:3px solid #e2b55a;outline-offset:-3px}
.pz-prelude-consigne{position:absolute;left:0;right:0;bottom:20px;font-size:16px;font-weight:600;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.pz-prelude-cadre{position:absolute;inset:0;width:100%;height:100%;border:0}
.pz-prelude-suite{display:inline-flex;align-items:center;gap:12px;min-height:48px;margin-top:28px;padding:12px 26px;border:0;border-radius:99px;background:#8b236f;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.pz-prelude-suite:hover{background:#72205d}
.pz-prelude-suite:focus-visible{outline:3px solid #e2b55a;outline-offset:3px}
@media(max-width:600px){
  .pz-prelude-film{border-radius:14px}
  .pz-prelude-lecture{width:68px;height:68px}
  .pz-prelude-lecture:after{left:27px;top:20px;border-width:14px 0 14px 22px}
  .pz-prelude-consigne{bottom:12px}
  .pz-prelude-suite{display:flex;justify-content:center;width:100%}
}