/* ══ BANC D'ESSAI DES MODULES (2026-09-26) ════════════════════════════════
   Chargee UNIQUEMENT par `scriptorium-essai-modules.html`, apres `carte.css`.
   LOCAL, NE JAMAIS POUSSER. A fusionner dans `carte.css` ou a supprimer avant
   le 2026-10-26. Contexte et contraintes : BRAINSTORM-CARTE-AVENTURIER.md,
   section 25.

   Ce que l'export impose (`dessinerBloc`, mesure sur ce banc) :
   - il peint dans l'ORDRE DU BALISAGE et ignore `z-index` ;
   - il ne dessine ni `outline`, ni `border-image`, ni pseudo-element, ni
     ombre : un filet se fait en vraie `border`, un ornement en vraie <img> ;
   - il n'ecrit qu'UNE ligne par element, calee au bord gauche de l'element ;
   - il ne lit que le rayon du coin haut-gauche, applique aux quatre coins. */

[hidden]{ display:none !important }

/* ── 1. Butin et acolyte : ni fond ni filet (valide le 2026-09-27) ───────── */
.ch-butin,
.ch-lien{
  background:none;
  border:0;
  border-radius:0;
}

/* ── 2. Repaire : plus de cadre autour (valide le 2026-09-27) ───────────── */
.ch-lieu.ch-lieu--repaire{
  background:none;
  border:0;
  border-radius:0;
}
.ch-lieu--repaire .ch-lieu-vue{
  box-shadow:none;
}

/* ══ LE SELECTEUR DE VARIANTE (outil du banc d'essai, hors carte) ══════════
   En bas a gauche, avec son intitule : en haut a droite, sous l'etiquette,
   il passait inapercu. */
/* En colonne dans le bas du rail de gauche, vide a cet endroit : en ligne, il
   recouvrait Recto, Verso et Annuler dans la barre d'outils. */
#essai-variantes{
  position:fixed; left:6px; bottom:12px; z-index:200; width:106px; box-sizing:border-box;
  display:flex; flex-direction:column; align-items:stretch; gap:5px; padding:9px 7px;
  border-radius:8px; background:rgba(22,4,1,.94);
  border:1px solid #c9a84c; box-shadow:0 6px 20px rgba(0,0,0,.5);
}
#essai-variantes span{
  font:600 11px/1 Fredoka, sans-serif; letter-spacing:.08em; text-transform:uppercase;
  color:#c9a84c; text-align:center; line-height:1.3; margin-bottom:2px;
}
#essai-variantes button{
  font:500 13px/1 Fredoka, sans-serif; padding:7px 11px; border-radius:5px; cursor:pointer;
  color:#f5ead0; background:rgba(63,4,24,.95); border:1px solid rgba(201,168,76,.45);
}
#essai-variantes button[aria-pressed="true"]{ background:#c9a84c; color:#160401; font-weight:600 }

/* ══ 3. LES LIEUX : QUATRE VARIANTES (repaire et dernier lieu de passage) ═══
   « Actuelle »  : le rendu valide ci-dessus, les ajouts sont masques.
   « Peinte »    : repaire en tableau sur le carreau a la bordure (pack 1),
                   fanion or et gueules (pack 2) plante sur la carte du lieu.
   « Medaillon » : repaire en rond dans le cadre dore du butin, celui qui
                   plait deja : tous les modules parlent la meme langue.
   « Pixel »     : repaire dans le cadre aux spirales de cadre-divers-rpg.png.
   Dans les trois dernieres, le nom quitte l'image pour une legende dessous,
   en MedievalSharp. */
.ch-lieu-scene{ position:relative }
.ch-lieu-orne, .ch-lieu-legende, .ch-lieu-fanion{ display:none }

body:is([data-variante="peinte"], [data-variante="medaillon"], [data-variante="pixel"]) .ch-lieu{
  background:none; border:0; border-radius:0; overflow:visible;
}
body:is([data-variante="peinte"], [data-variante="medaillon"], [data-variante="pixel"])
  :is(.ch-lieu-plaque, .ch-lieu-nom, .ch-lieu-tag){ display:none }

/* La legende, collee a ce qu'elle nomme. `width:max-content` sur chaque ligne :
   l'export pose le texte au bord gauche de son element. Le nom reste sur une
   ligne et retrecit s'il le faut (`ajusterLegendes`, dans la page). */
body:is([data-variante="peinte"], [data-variante="medaillon"], [data-variante="pixel"]) .ch-lieu-legende{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  margin-top:.25em; line-height:1.15;
}
.ch-lieu-legende-tag{
  width:max-content; font-size:.55em; letter-spacing:.14em; text-transform:uppercase; opacity:.75;
}
/* Replie sur deux lignes au besoin (voir `ajusterLegendes`), centre. */
.ch-lieu-legende-nom{
  width:max-content; max-width:100%; text-align:center;
  font-family:'MedievalSharp', serif; font-weight:400; font-size:.95em;
}

/* ── Repaire : la scene est carree, l'image se pose dedans ── */
body:is([data-variante="peinte"], [data-variante="medaillon"], [data-variante="pixel"]) .ch-lieu--repaire{ padding:0 }
body:is([data-variante="peinte"], [data-variante="medaillon"], [data-variante="pixel"]) .ch-lieu--repaire .ch-lieu-scene{
  aspect-ratio:1 / 1;
}
body:is([data-variante="peinte"], [data-variante="medaillon"], [data-variante="pixel"]) .ch-lieu--repaire .ch-lieu-vue{
  position:absolute; height:auto; aspect-ratio:auto; box-shadow:none;
}
.ch-lieu--repaire .ch-lieu-orne{
  position:absolute; inset:0; width:100%; height:100%; object-fit:contain;
}

/* Peinte : le carreau allege (il ecrasait tout), le tableau aux coins adoucis
   et filete d'or, et la legende remontee contre le bas des entrelacs. */
body[data-variante="peinte"] .ch-lieu--repaire .ch-lieu-orne--peint{ display:block; opacity:.55 }
body[data-variante="peinte"] .ch-lieu--repaire .ch-lieu-vue{
  inset:21%; border-radius:12%; border:2px solid rgba(201,168,76,.9);
}
body[data-variante="peinte"] .ch-lieu--repaire .ch-lieu-legende{ margin-top:-.15em }

/* Medaillon : la fenetre du cadre fait 75,7 % de sa largeur (mesure sur
   l'alpha, voir `.ch-butin-cadre`) ; l'image ronde s'y loge a 70 %. */
body[data-variante="medaillon"] .ch-lieu--repaire .ch-lieu-orne--medaillon{ display:block }
body[data-variante="medaillon"] .ch-lieu--repaire .ch-lieu-vue{
  inset:15%; border-radius:50%;
}

/* Pixel : bordure de 7 px sur 64, soit 10,9 %. Net a l'ecran, legerement
   flou a l'export, qui lisse les images. */
body[data-variante="pixel"] .ch-lieu--repaire .ch-lieu-orne--pixel{ display:block; image-rendering:pixelated }
body[data-variante="pixel"] .ch-lieu--repaire .ch-lieu-vue{ inset:10.9%; border-radius:0 }

/* ── Dernier lieu de passage : une bande soignee, et le fanion plante dessus ──
   Coins adoucis et filet d'or pour la bande, dans les trois variantes. Le
   fanion (peinte et medaillon) est plante dans le coin haut-gauche de la
   carte du lieu, hampe vers le bas : il ne prend plus de place au nom. */
body:is([data-variante="peinte"], [data-variante="medaillon"], [data-variante="pixel"])
  .ch-lieu:not(.ch-lieu--repaire) .ch-lieu-vue{
  border-radius:.45em; border:2px solid rgba(201,168,76,.9);
}
/* Retour du 2026-09-27 : « un chouya » plus grand, et plus pose SUR l'image
   (il flottait dans l'angle). La hampe entre dans la carte du lieu sur les deux
   tiers de sa hauteur, le drapeau deborde au-dessus. */
body:is([data-variante="peinte"], [data-variante="medaillon"]) .ch-lieu:not(.ch-lieu--repaire) .ch-lieu-fanion{
  display:block; position:absolute; left:.2em; top:-1.05em;
  height:3.2em; width:auto; object-fit:contain;
}
body:is([data-variante="peinte"], [data-variante="medaillon"], [data-variante="pixel"])
  .ch-lieu:not(.ch-lieu--repaire){ margin-top:1.05em }