/* Sceau de cire PORTÉ du site Entrecarte (assets/css/carte.css slot 4 + scriptorium-v3.css), via la copie verbatim
   de 02-En-chantier/enluminures-animees/maquette/css/sceau.css (lignes du site seulement, sans les ajouts du short). */
.ch-sceau{
  position:absolute; z-index:8; bottom:24px; right:22px;
  width:76px; height:76px;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.55));
}
.ch-sceau-galette{
  position:absolute; inset:0;
  /* bord irrégulier : ce n'est plus un rond parfait */
  clip-path:polygon(50% 0%,64% 3%,74% 9%,86% 12%,92% 22%,97% 33%,100% 48%,
    96% 62%,97% 74%,87% 82%,79% 91%,66% 96%,52% 100%,38% 97%,25% 93%,
    15% 85%,7% 75%,2% 62%,0% 48%,3% 34%,9% 22%,18% 12%,30% 6%,38% 2%);
  background:
    /* Grain NON directionnel. L'ancien repeating-conic-gradient produisait des
       rayons qui faisaient lire un objet strie au lieu d'une cire. */
    radial-gradient(circle at 22% 68%, rgba(0,0,0,.10) 0 3px, transparent 3px),
    radial-gradient(circle at 63% 21%, rgba(255,255,255,.09) 0 2px, transparent 2px),
    radial-gradient(circle at 81% 55%, rgba(0,0,0,.08) 0 2px, transparent 2px),
    radial-gradient(circle at 41% 84%, rgba(255,255,255,.07) 0 3px, transparent 3px),
    radial-gradient(circle at 33% 26%, rgba(255,255,255,.38), transparent 42%),
    radial-gradient(circle at 72% 80%, rgba(0,0,0,.50), transparent 55%),
    radial-gradient(circle at 50% 50%, var(--cire-clair,#a83a12) 0%, var(--cire-c,#8b2500) 62%, var(--cire-sombre,#4d1300) 100%);
  box-shadow:
    inset 0 -4px 9px rgba(0,0,0,.45),
    inset 0 4px 7px rgba(255,255,255,.20),
    inset 3px 0 6px rgba(0,0,0,.18);
}
/* bourrelet écrasé : la cire déborde là où le sceau a appuyé */
.ch-sceau-galette::after{
  content:''; position:absolute; inset:5px; border-radius:46% 54% 51% 49% / 52% 47% 53% 48%;
  box-shadow:inset 0 0 7px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.07);
}
/* coulure */
.ch-sceau-coulure{
  position:absolute; bottom:-7px; left:52%; width:15px; height:19px;
  background:radial-gradient(ellipse at 50% 20%, var(--cire-c,#8b2500), var(--cire-sombre,#4d1300));
  clip-path:polygon(28% 0,72% 0,88% 55%,62% 100%,38% 96%,12% 52%);
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.45));
}
/* l'empreinte, en creux : une ombre décalée + une lumière décalée = relief */
/* Sans masque pose, ces trois calques sont des rectangles pleins : on voyait un
   carre net au milieu de la cire tant qu'aucune empreinte n'etait choisie. Ils
   n'existent que si le sceau porte une empreinte. */
.ch-sceau:not([data-empreinte]) .ch-empreinte{ display:none }
.ch-empreinte{
  position:absolute; inset:16px;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}
.ch-empreinte--creux{ background:var(--cire-sombre,#4d1300); opacity:.85; transform:translate(-.5px,-.5px) }
.ch-empreinte--lumiere{ background:var(--cire-clair,#a83a12); opacity:.65; transform:translate(1px,1.5px) }
.ch-empreinte--corps{ background:var(--cire-c,#8b2500); opacity:.95 }
.ch-sceau.v3-presse{ animation:v3-presse .42s cubic-bezier(.3,.7,.4,1) }
@keyframes v3-presse{
  0%  { transform-origin:50% 50%; scale:1.07 }
  35% { scale:.95 }
  70% { scale:1.015 }
  100%{ scale:1 }
}