/* coquille.css — le cadre commun à tous les écrans (v0.2.0), d'après la planche 14 (variante A, décision DA 12).
 * Source : _Cowork/planches/2026_AEC_Planche14_Coquille_v1.html. Jetons : css/app-core.css.
 * En-tête : bandeau noir à bord coupé. Menu : bande de papier coupé scotchée, 4 onglets. */

/* ---------- En-tête : bandeau noir, bord coupé ---------- */
.ent{position:fixed;top:0;left:0;right:0;z-index:5;background:var(--noir);color:var(--papier);
  padding:calc(env(safe-area-inset-top) + 14px) 16px 18px;
  clip-path:polygon(0 0,100% 0,100% 92%,93% 96%,84% 91%,71% 97%,58% 92%,44% 98%,31% 93%,18% 97%,7% 92%,0 96%)}
.ent .fil{min-height:1.2em;font-size:.75rem;line-height:1.2;letter-spacing:.02em;color:#D9D2C6;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:96px}
.ent .fil b{color:var(--papier)}
.ent h1{margin:3px 0 0;font:800 1.6875rem/1.05 var(--f-titre);font-stretch:75%;
  text-shadow:2px 1.5px 0 var(--partie);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:96px}
.ent h1:focus{outline:none}
body[data-zoom="aucun"] .ent h1,body[data-zoom="aucun"] .ent .fil{padding-right:0}

/* Indicateur de zoom (planche 10) : informe, ne se touche pas. Point tournesol sur le niveau actif. */
.zoom{position:absolute;right:14px;top:calc(env(safe-area-inset-top) + 16px);margin:0;padding:0;list-style:none;
  display:flex;flex-direction:column;gap:3px;pointer-events:none}
.zoom li{display:flex;align-items:center;gap:6px;font-size:.6875rem;line-height:1.15;color:#BDB5A8;white-space:nowrap}
.zoom li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;border:1.5px solid #BDB5A8}
.zoom li[aria-current]{color:var(--papier);font-weight:700}
.zoom .pt{position:absolute;left:0;top:0;width:7px;height:7px;padding:0;border-radius:50%;background:var(--tournesol);gap:0}
.zoom .pt::before{display:none}

/* ---------- Écrans (entre l'en-tête et le menu) ---------- */
#ecrans{position:fixed;left:0;right:0;top:var(--h-entete, 78px);bottom:calc(var(--h-menu, 78px) + var(--h-actions, 64px));z-index:1;
  overflow-y:auto;-webkit-overflow-scrolling:touch}
/* La carte (13/11/2026) : sur les trois vues de l'archipel, #scene reçoit les doigts ; l'écran ne garde que ses liens. */
body[data-vue="loin"] #ecrans,body[data-vue="quartier"] #ecrans,body[data-vue="hameau"] #ecrans{pointer-events:none}
body[data-vue="loin"] .attente,body[data-vue="quartier"] .attente,body[data-vue="hameau"] .attente{display:none}
body[data-vue="loin"] .ecran-liens a,body[data-vue="quartier"] .ecran-liens a,body[data-vue="hameau"] .ecran-liens a{pointer-events:auto}
/* Archipel (13/11/2026, exception à la règle de mise en page) : pas de barre d'actions, la carte prend la place.
 * Retour : petit « ‹ » rond en haut à gauche. Action du lieu : bouton rond (icône), déplié au premier toucher (ui-nav.js). */
body[data-vue="loin"] #ecrans,body[data-vue="quartier"] #ecrans,body[data-vue="hameau"] #ecrans{bottom:var(--h-menu, 78px)}
body[data-vue="loin"] .actions,body[data-vue="quartier"] .actions,body[data-vue="hameau"] .actions{height:0;padding:0;background:transparent;pointer-events:none}
body[data-vue="loin"] .act-retour,body[data-vue="quartier"] .act-retour,body[data-vue="hameau"] .act-retour{position:fixed;left:12px;top:calc(var(--h-entete, 78px) + 10px);pointer-events:auto;
  width:48px;height:48px;min-height:0;padding:0;justify-content:center;font-size:0;text-decoration:none;
  background:var(--papier);border:1.5px solid var(--noir);border-radius:50%}
body[data-vue="loin"] .act-retour::before,body[data-vue="quartier"] .act-retour::before,body[data-vue="hameau"] .act-retour::before{content:'‹';font-size:1.875rem;line-height:1;margin-top:-4px}
body[data-vue="loin"] .ecran-liens,body[data-vue="quartier"] .ecran-liens,body[data-vue="hameau"] .ecran-liens{margin-left:56px}   /* à droite du « ‹ » (48 px + 8) */
body[data-vue="loin"] .act-principale,body[data-vue="quartier"] .act-principale,body[data-vue="hameau"] .act-principale{position:fixed;right:12px;bottom:calc(var(--h-menu, 78px) + 12px);pointer-events:auto;
  display:flex;align-items:center;justify-content:center;gap:10px;min-width:56px;height:56px;max-width:calc(100vw - 24px);margin:0;padding:0 15px}
body[data-vue="loin"] .act-principale:not(.deplie) .act-texte,body[data-vue="quartier"] .act-principale:not(.deplie) .act-texte,body[data-vue="hameau"] .act-principale:not(.deplie) .act-texte{display:none}
.act-icone{flex:none;width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body:not([data-vue="loin"]):not([data-vue="quartier"]):not([data-vue="hameau"]) .act-icone{display:none}
.ecran{min-height:100%;padding:var(--e4);display:flex;flex-direction:column;gap:var(--e4)}
.attente{flex:1;min-height:220px;border:1.5px dashed var(--ligne);border-radius:4px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;font-size:.8125rem;color:var(--texte-3);padding:20px;
  background:repeating-linear-gradient(45deg,transparent 0 9px,rgba(216,211,206,.35) 9px 10px);overflow-wrap:anywhere}
.attente b{display:block;margin-bottom:var(--e1);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}

/* Liens entre vues de l'archipel : noir souligné (décision 9), cible ≥ 48 px. */
.ecran-liens{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;column-gap:var(--e5)}
.ecran-liens a{display:flex;align-items:center;min-height:48px;color:var(--noir);
  text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere}
.ecran-liens a:hover,.ecran-liens a:focus-visible{text-decoration-thickness:2.5px}
a:focus-visible{outline:3px solid var(--tournesol);outline-offset:2px;border-radius:2px}

/* ---------- Barre d'actions : même place sur tous les écrans, juste au-dessus du menu ---------- */
/* Gauche : retour (lien noir souligné). Droite : action principale (bouton fanzine, planche 9 ter). */
.actions{position:fixed;left:0;right:0;bottom:var(--h-menu, 78px);z-index:3;height:64px;
  display:flex;align-items:center;justify-content:space-between;gap:var(--e3);padding:0 var(--e4) 6px;background:var(--papier)}
.act-retour{flex:none;display:flex;align-items:center;min-height:48px;padding-right:var(--e2);color:var(--noir);font-weight:700;
  text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;white-space:nowrap}
.act-retour:hover,.act-retour:focus-visible{text-decoration-thickness:2.5px}
.act-principale{margin-left:auto;min-width:0;max-width:72%;min-height:48px;padding:12px 16px 10px;border:0;cursor:pointer;
  background:var(--noir);color:var(--papier);font:800 1.125rem/1 var(--f-titre);font-stretch:75%;text-transform:uppercase;letter-spacing:.01em;
  text-shadow:2px 1.5px 0 var(--partie);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  clip-path:polygon(0.5% 0.2%,99.1% 0.3%,99.9% 99.1%,2% 98.2%);
  transition:transform var(--t-eclat) var(--c-encre),text-shadow var(--t-eclat) var(--c-encre),background-color var(--t-eclat) var(--c-encre)}
/* Toucher (geste 1, calage qui se referme) : à l'appui, tout de suite ; au relâché, 180 ms. */
.act-principale:active{transition:none;transform:translateY(2px);text-shadow:0 0 0 var(--partie)}
.act-principale:focus-visible{outline:3px solid var(--tournesol);outline-offset:-5px}

/* ---------- Menu du bas : bande de papier coupé, scotchée ---------- */
.menu-w{position:fixed;left:0;right:0;bottom:0;z-index:4;filter:drop-shadow(0 -2px 0 var(--noir))}
.menu{margin:0;list-style:none;background:var(--feuille);display:grid;grid-template-columns:repeat(4,1fr);
  padding:10px 6px calc(env(safe-area-inset-bottom) + 8px);
  clip-path:polygon(0 6%,9% 3%,21% 7%,33% 2%,47% 6%,60% 1%,72% 5%,86% 2%,100% 6%,100% 100%,0 100%)}
.scotch{position:fixed;width:54px;height:18px;z-index:6;pointer-events:none;background:rgba(230,219,194,.85);
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 2px,transparent 2px 6px)}
.scotch.g{left:-10px;bottom:calc(env(safe-area-inset-bottom) + 62px);transform:rotate(-24deg)}
.scotch.d{right:-12px;bottom:calc(env(safe-area-inset-bottom) + 60px);transform:rotate(20deg)}
.onglet{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;
  font-size:.75rem;font-weight:700;color:var(--texte-2);text-decoration:none;position:relative;z-index:0;
  white-space:nowrap;-webkit-tap-highlight-color:transparent}
.onglet svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.onglet[aria-current]{color:var(--papier)}
.onglet[aria-current]::before{content:"";position:absolute;inset:2px 6px;background:var(--noir);border-radius:10px;
  transform:rotate(-3deg);z-index:-1;box-shadow:2px 2px 0 var(--partie)}
.onglet[aria-current] span{font:800 .8125rem var(--f-titre);font-stretch:75%;text-transform:uppercase;letter-spacing:.03em}
.onglet:focus-visible{outline-offset:-2px;border-radius:12px}
/* Toucher (geste 2, coup de tampon) : la trame de .encre-fraiche apparaît d'un coup sous la commande, opacité seule ; au relâché, 180 ms. */
.onglet::after,.choix span::after{content:"";position:absolute;z-index:-1;pointer-events:none;opacity:0;
  background:radial-gradient(circle,var(--partie) 1.15px,transparent 1.35px) 0 0/4.5px 4.5px;
  transition:opacity var(--t-eclat) var(--c-encre)}
.onglet::after{inset:2px 6px;border-radius:10px}
.onglet[aria-current]::after{transform:rotate(-3deg)}
.onglet:active::after,.choix input:active+span::after{opacity:1;transition:none}

/* ---------- Plus : réglages sobres + À propos en page arrachée ---------- */
.reglages h2{margin:0 0 var(--e1);font:700 .75rem var(--f-texte);text-transform:uppercase;letter-spacing:.08em;color:var(--texte-3)}
.reglages .a-venir{margin:0;padding:var(--e3) 0;border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);
  font-size:.875rem;color:var(--texte-2)}
.apropos-w{margin:var(--e2) 4px 0 0;filter:drop-shadow(4px 4px 0 var(--noir));transform:rotate(.8deg)}
.apropos{background:var(--feuille);padding:20px 18px 16px;
  clip-path:polygon(0 2.7%,4.1% .4%,11.1% 2.2%,18.9% 1.4%,25.6% 1.1%,31.3% 3.5%,40.5% 1.4%,48.7% 1.3%,58% 2.6%,66% .8%,74% 2.9%,83% 1%,91% 2.4%,100% .9%,100% 100%,0 100%)}
.apropos h2{margin:0 0 10px;font:800 1.875rem/1 var(--f-titre);font-stretch:75%;text-transform:uppercase;text-shadow:2px 1.5px 0 var(--tournesol)}
.apropos p{margin:0 0 8px;font-size:.875rem;line-height:1.45}
.apropos .tampon{display:inline-block;border:2px solid var(--noir);border-radius:5px;padding:3px 9px 2px;margin:2px 0 10px;
  font:800 .9375rem var(--f-titre);font-stretch:75%;text-transform:uppercase;transform:rotate(-3deg);
  opacity:1;background:none;color:inherit;letter-spacing:normal;align-self:auto}   /* neutralise .tampon de jeux.css (fin de partie) */
.apropos .version{font-size:.75rem;color:var(--texte-3)}

/* ---------- Panneau du bas : la carte scotchée (planche 14 · 9 ter 9I) ---------- */
/* Le support monte (courbe « houle », 10A) ; le contenu apparaît sur place une fois posé (.pose). */
.voile{position:fixed;inset:0;z-index:6;background:rgba(26,23,21,.18);opacity:0;transition:opacity var(--t-court,300ms) var(--c-sortie,ease)}
.voile.ouvert{opacity:1}
.panneau{position:fixed;left:12px;right:12px;z-index:7;bottom:calc(env(safe-area-inset-bottom) + 14px);
  max-height:calc(100% - var(--h-entete, 78px) - 28px);display:flex;flex-direction:column;
  filter:drop-shadow(5px 5px 0 color-mix(in srgb, var(--partie) 60%, transparent));
  transform:translateY(calc(100% + 40px));transition:transform var(--t-moyen,480ms) var(--c-houle,cubic-bezier(.33,0,.15,1))}
.panneau.ouvert{transform:none}
.scotch-panneau{position:absolute;left:38%;top:-7px;bottom:auto;transform:rotate(-5deg)}
.panneau-feuille{background:var(--feuille);transform:rotate(-1deg);min-height:0;overflow-y:auto;overscroll-behavior:contain;
  clip-path:polygon(0% 1.8%,12% .7%,26.3% 1.9%,41.6% 1%,53.4% 1.2%,64.8% 1.9%,78% 1.3%,92.6% .1%,100% 0,98.6% 14.4%,99.3% 26.5%,98.3% 41.5%,99.9% 59.1%,98.4% 74.2%,99.1% 94.7%,100% 100%,88% 99%,71.8% 99.9%,52.4% 99.5%,33.8% 99.5%,13.7% 97.8%,0 100%,1.8% 92.1%,.5% 76.7%,2.2% 58.8%,1.1% 39.3%,.7% 19.5%,1.8% 6%)}
.carte-tete{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:var(--e2);
  background:var(--noir);color:var(--papier);padding:4px 4px 0 18px;font:700 .6875rem var(--f-texte);text-transform:uppercase;letter-spacing:.08em}
.panneau-fermer{flex:none;width:48px;height:48px;border:0;background:none;color:var(--papier);font-size:1.25rem;cursor:pointer}
.panneau-fermer:focus-visible{outline:3px solid var(--tournesol);outline-offset:-6px;border-radius:8px}
/* Toucher (geste 2) : carré papier sous la croix, croix noire ; opacité et couleur seulement. */
.panneau-fermer{position:relative;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:color var(--t-eclat) var(--c-encre)}
.panneau-fermer::after{content:"";position:absolute;inset:8px;z-index:-1;background:var(--papier);opacity:0;transition:opacity var(--t-eclat) var(--c-encre)}
.panneau-fermer:active{color:var(--noir);transition:none}
.panneau-fermer:active::after{opacity:1;transition:none}
.carte-corps{padding:12px 18px 16px}
/* Contenu : invisible pendant que le support monte, puis apparaît sur place (aucun déplacement du texte). */
.panneau .carte-corps,.panneau .carte-situ{opacity:0;transition:opacity var(--t-court,300ms) var(--c-encre,ease)}
.panneau.pose .carte-corps,.panneau.pose .carte-situ{opacity:1}
.carte-titre{margin:0 0 12px;font:800 1.5rem/1.02 var(--f-titre);font-stretch:75%;text-transform:uppercase;
  text-shadow:2px 1.5px 0 var(--partie);overflow-wrap:anywhere}
/* Le texte du livre : Literata italique, net, jamais décoré (décision 7). */
.carte-cit{margin:0 0 12px}
.carte-cit p{margin:0;font:italic 400 1.125rem/1.42 var(--f-livre);color:var(--noir)}
.carte-src{margin:0;font-size:.75rem;line-height:1.45;color:var(--texte-2);border-top:1px solid var(--ligne);padding-top:8px}
.carte-src a,.apropos a{color:var(--noir);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.carte-src a:hover,.carte-src a:focus-visible,.apropos a:hover,.apropos a:focus-visible{text-decoration-thickness:2.5px}
/* Toucher (geste 3, trait qui s'encre) : le soulignement passe de 1,5 à 3 px, couleur de la partie, à l'appui (0 ms) ; au relâché, 180 ms. Rien ne bouge. */
.act-retour,.ecran-liens a,.carte-src a,.apropos a{transition:text-decoration-thickness var(--t-eclat) var(--c-encre),text-decoration-color var(--t-eclat) var(--c-encre)}
.act-retour:active,.ecran-liens a:active,.carte-src a:active,.apropos a:active{transition:none;text-decoration-thickness:3px;text-decoration-color:var(--partie)}
/* Retour à la ligne (13/11/2026, retour d'Émilie) : un lien ne se coupe pas en deux, il passe entier à la ligne
 * (s'il est plus long que la ligne, il se replie en lui-même, sans déborder). Paragraphes : pas de mot seul en fin. */
.carte-src a,.apropos a{display:inline-block;max-width:100%}
p,li,blockquote{text-wrap:pretty}
h2,h3,h4{text-wrap:balance}
.carte-mention{display:block;margin-top:4px;color:var(--texte-3)}
/* ---------- Version réduite (10G) : aucun déplacement, des fondus de 200 à 300 ms ---------- */
/* .reduit est posé sur <html> par js/core/mouvement.js (téléphone, ou réglage de l'app qui l'emporte). */
.reduit .panneau{transform:none;opacity:0;transition:opacity var(--t-court) var(--c-sortie)}
.reduit .panneau.ouvert{opacity:1}
.reduit .panneau .carte-corps,.reduit .panneau .carte-situ{transition:none}
/* Toucher en version réduite : le fond s'éclaircit, aucun déplacement, l'ombre reste. */
.reduit .act-principale:active{transform:none;text-shadow:2px 1.5px 0 var(--partie);background:var(--texte-2)}
/* Tremblement en version réduite : le bord clignote une fois. */
.clignote{animation:clignote var(--t-court) steps(2,jump-none) 1}
@keyframes clignote{50%{outline:2px solid var(--noir);outline-offset:2px}}

/* ---------- Réglage « Moins d'animations » : sobre (utilitaire) ---------- */
.choix{margin:0;padding:var(--e3) 0;border:0;border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne)}
.choix legend{float:left;width:100%;padding:0;margin-bottom:var(--e1);font-size:.9375rem}
.choix .aide{clear:both;margin:0 0 var(--e2);font-size:.75rem;color:var(--texte-2)}
.choix .options{display:flex;border:1.5px solid var(--noir);border-radius:var(--r-s);overflow:hidden}
.choix label{flex:1;position:relative;display:flex}
.choix input{position:absolute;opacity:0;inset:0;margin:0}
.choix span{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--e2);
  font-size:.875rem;font-weight:700;text-align:center;color:var(--noir);background:var(--papier)}
.choix label+label span{border-left:1.5px solid var(--noir)}
.choix input:checked+span{background:var(--noir);color:var(--papier)}
.choix input:focus-visible+span{outline:3px solid var(--tournesol);outline-offset:-3px}
/* Toucher (geste 2) : la trame sous le texte ; un choix coché passe au noir sans fondu (la trame s'éteint d'un coup). */
.choix label{-webkit-tap-highlight-color:transparent}
.choix span{position:relative;isolation:isolate}
.choix span::after{inset:0}
.choix input:checked+span::after{opacity:0;transition:none}
/* Carte ouverte : le menu et la barre d'actions s'effacent sous elle. */
.menu-w,.actions,.scotch.g,.scotch.d{transition:opacity var(--t-court,300ms) var(--c-sortie,ease)}
body.panneau-ouvert .menu-w,body.panneau-ouvert .actions,body.panneau-ouvert .scotch.g,body.panneau-ouvert .scotch.d{opacity:0}

/* ---------- Brique « porter » : écran d'essai (#essai, provisoire) ---------- */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.essai-porter{display:flex;flex-direction:column;gap:var(--e4);-webkit-user-select:none;user-select:none}
.essai-consigne{margin:0;font-size:.875rem;color:var(--texte-2)}
.essai-dests{display:grid;grid-template-columns:1fr 1fr;gap:var(--e3)}
.destination{min-height:120px;padding:var(--e3);border:1.5px solid var(--noir);border-radius:var(--r-s) var(--r-s) 0 0;
  background:var(--feuille);color:var(--noir);font:700 .8125rem/1.25 var(--f-texte);text-align:center;
  display:flex;align-items:flex-start;justify-content:center;overflow-wrap:anywhere;cursor:pointer;box-shadow:3px 3px 0 var(--partie)}
.en-choix .destination{border-style:dashed}
.destination.survol{border-style:solid;border-width:2.5px;background:var(--papier)}
.destination:focus-visible,.habitant:focus-visible{outline:3px solid var(--tournesol);outline-offset:2px}
.essai-refus{margin:0;font-weight:700;text-align:center}
.essai-file{display:flex;justify-content:center;gap:var(--e3);min-height:64px}
.habitant{position:relative;z-index:1;width:56px;height:56px;border-radius:50% 50% 46% 46%;border:1.5px solid var(--noir);
  background:var(--partie);color:var(--papier);font:800 1.125rem var(--f-titre);font-stretch:75%;cursor:grab;
  touch-action:none;-webkit-user-select:none;user-select:none}
.habitant.choisi{box-shadow:0 0 0 3px var(--papier),0 0 0 5.5px var(--noir)}
.habitant.porte{z-index:9;cursor:grabbing}
.habitant[data-pose]{cursor:default;pointer-events:none}   /* assis·e : le toucher passe à la destination */
/* Toucher (geste 4, autocollant qu'on décolle) : ombre noire 3 px et échelle 1,06 tout de suite (tant que le doigt le porte) ; au relâché, 180 ms.
   `scale` est une propriété à part : elle ne gêne ni `translate` (portage, trembler), ni rien d'autre. */
.habitant{transition:scale var(--t-eclat) var(--c-encre),box-shadow var(--t-eclat) var(--c-encre);-webkit-tap-highlight-color:transparent}
.habitant:active{transition:none;scale:1.06;box-shadow:3px 3px 0 var(--noir)}
.habitant.choisi:active{box-shadow:0 0 0 3px var(--papier),0 0 0 5.5px var(--noir),3px 3px 0 5.5px var(--noir)}
/* Version réduite : le contour s'épaissit (1,5 → 3 px, vers l'intérieur), rien ne bouge. */
.reduit .habitant:active{scale:none;box-shadow:inset 0 0 0 1.5px var(--noir)}
.reduit .habitant.choisi:active{box-shadow:0 0 0 3px var(--papier),0 0 0 5.5px var(--noir),inset 0 0 0 1.5px var(--noir)}
.essai-fin{margin:0;text-align:center;font-weight:700}
.essai-mesure{min-height:6em;border-top:1px solid var(--ligne);padding-top:var(--e3)}
.essai-mesure p{margin:0;font:italic 400 1.0625rem/1.42 var(--f-livre)}

/* ---------- Passages : « la feuille imprimée » (v0.3.0 · planche 15 v2 · décision DA 13) ---------- */
/* Brique : js/core/mouvement.js (Passage). L'état change tout de suite ; ces éléments ne sont que l'image (aria-hidden, inert). */
.fantome{position:absolute !important;margin:0 !important;pointer-events:none !important}
.ecran-copie{min-height:100%;padding:var(--e4);display:flex;flex-direction:column;gap:var(--e4)}
.feuille-w{position:absolute;left:0;right:0;top:0;height:100%;pointer-events:none}
.feuille-p{position:absolute;inset:0;background:var(--papier);overflow:hidden}
.feuille-h{filter:drop-shadow(0 3px 0 var(--noir))}
/* La feuille descend jusque sous le menu : son bord se pose sur le trait du menu ; la barre d'actions est transparente le temps du passage. */
#ecrans.passage{overflow:visible}
#ecrans.passage-feuille > .ecran{opacity:0}
body.passage .actions{background:transparent}
.rallonge{position:absolute;left:0;right:0;top:calc(100% - 2px);background:var(--papier);
  clip-path:polygon(0 0,100% 0,100% 96%,92% 100%,81% 95.5%,69% 99.5%,56% 95%,43% 100%,31% 95.5%,18% 99.5%,7% 95%,0 98%)}
.encre-fraiche{position:absolute;left:0;right:0;bottom:8px;height:16px;z-index:3;pointer-events:none;mix-blend-mode:multiply;
  background:radial-gradient(circle,var(--partie) 1.15px,transparent 1.35px) 0 0/4.5px 4.5px}
.tambour{position:absolute;left:0;right:0;top:0;height:16px;z-index:8;pointer-events:none;mix-blend-mode:multiply;
  background:radial-gradient(circle,var(--partie) 1.15px,transparent 1.35px) 0 0/4.5px 4.5px;border-bottom:2px solid var(--noir);opacity:0}

/* Le scotch de la carte se colle À LA FIN, une fois la carte posée (.pose) : invisible pendant que le support monte, puis il se recolle (240 ms, léger). Version réduite : il apparaît d'un coup. */
.panneau:not(.pose) .scotch-panneau{opacity:0}
.panneau.pose .scotch-panneau{animation:recoller calc(var(--t-eclat) * 4 / 3) var(--c-encre) both}
.reduit .panneau.pose .scotch-panneau{animation:none}
@keyframes recoller{from{opacity:0;scale:1.25;rotate:-6deg}to{opacity:1;scale:1;rotate:0deg}}