/* app-core.css — jetons de la charte (planche 9, bloc :root copié tel quel) + base sobre.
 * Source : _Cowork/planches/2026_AEC_Planche9_Charte_Composants_v1.html
 * Polices : woff2 locaux dans assets/fonts/ (OFL, sous-ensemble latin), aucun CDN. */
@font-face{font-family:"Bricolage Grotesque";src:url(../assets/fonts/bricolage-grotesque-latin.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url(../assets/fonts/atkinson-hyperlegible-next-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Literata";src:url(../assets/fonts/literata-italique-latin.woff2) format("woff2");font-style:italic;font-weight:200 900;font-display:swap}
:root{
  --papier:#FBF6EC; --feuille:#FFFDF8; --fond-planche:#E9E4DA;
  --noir:#1A1715; --texte-2:#55504B; --texte-3:#736E69; --ligne:#D8D3CE;
  --p1:#2F7A57; --p2:#C9812A; --p3:#C23B48; --p4:#2F5FA6; --p5:#765BA7; --p6:#1F7F86;
  --p2-texte:#9A6320; --p6-texte:#1E7B81;
  --tournesol:#F2A81D; --brique:#C2410C;
  --partie:var(--p1); --partie-texte:var(--p1);
  --f-titre:"Bricolage Grotesque","Avenir Next","Helvetica Neue",sans-serif;
  --f-texte:"Atkinson Hyperlegible Next",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --f-livre:"Literata",Georgia,serif;
  --r-s:10px; --r-m:14px; --r-l:22px;
  --ombre:3px 3px 0 var(--partie);       /* pas d'ombre floue : un décalage d'encre */
  --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e5:24px; --e6:32px;
  /* Mouvement (planche 10A, copié tel quel) : six durées, quatre courbes, un rythme de crans. */
  --t-eclat:180ms; --t-court:300ms; --t-moyen:480ms; --t-trajet:1600ms; --t-descente:2400ms; --t-pose:3000ms;
  --c-houle:cubic-bezier(.33,0,.15,1); --c-camera:cubic-bezier(.65,0,.35,1); --c-encre:cubic-bezier(.2,.9,.3,1); --c-sortie:cubic-bezier(.4,0,1,1);
  --crans:12;
}

/* Règle globale (leçon _REMONTEE) : [hidden] l'emporte toujours sur un display imposé. */
[hidden]{display:none !important}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--papier);color:var(--noir);font-family:var(--f-texte);
  font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%;overflow:hidden}

#scene{position:fixed;inset:0;z-index:0}
#scene canvas{display:block}
/* En-tête, écrans, panneau : css/coquille.css */

/* Utilitaire : sobre (pas de fanzine ici). */
#update-banner{position:fixed;z-index:3;left:var(--e4);right:var(--e4);top:calc(var(--h-entete, 78px) + var(--e2));
  min-height:48px;padding:var(--e3) var(--e4);border:1.5px solid var(--noir);border-radius:var(--r-m);
  background:var(--feuille);color:var(--noir);font:inherit;font-weight:600;cursor:pointer}
#update-banner:focus-visible{outline:3px solid var(--tournesol);outline-offset:2px}