/* cazador-montaje.css — v5 (17-sep-2026): CÓMO SE APOYA LA SEÑAL EN LA GALERÍA.
   Las señales venían como ficheros con una caja blanca pegada alrededor: sobre la
   madera de la galería parecían pegatinas flotando. Ahora el fichero va recortado
   (assets/senales-v3: el blanco de FUERA quitado por relleno desde los bordes; el
   blanco de DENTRO de la señal —un 100, una flecha— se conserva) y aquí van las
   tres formas de montarla para que Nico elija. Se activan con ?montaje=1|2|3.
   Solo capa visual: ni la lógica ni los golpes cambian.

   OJO al tocar esto: la señal NO se puede encoger con padding. El padding en
   porcentaje se mide contra el ancho del escenario, no contra la señal, así que
   revienta la caja del botón y deja la imagen a cero. Todo el montaje va en
   pseudo-elementos colocados FUERA de la caja, sin tocar ni el botón ni el <img>. */

/* ─────────── 1 · DIANA DE FERIA ───────────
   chapa de acero remachada detrás de la señal: es lo más "caseta de tiro". */
body.cz-m1 .cz-sign::before {
  content: ""; position: absolute; inset: -26%; border-radius: 50%; z-index: -2; pointer-events: none;
  background:
    radial-gradient(circle at 33% 26%, #eef2f7 0%, #c3cad4 24%, #858c98 56%, #4c515b 82%, #262a31 100%);
  box-shadow:
    inset 0 3px 0 rgba(255,255,255,.55), inset 0 -8px 16px rgba(0,0,0,.55),
    inset 0 0 0 2px rgba(255,255,255,.12), 0 10px 16px rgba(0,0,0,.6);
}
body.cz-m1 .cz-sign::after { bottom: -30%; left: 4%; right: 4%; height: 13%; }

/* ─────────── 2 · CARTEL COLGADO ───────────
   la señal cuelga de dos cadenas del raíl y se balancea al avanzar. */
body.cz-m2 .cz-sign::before {
  content: ""; position: absolute; left: 20%; right: 20%; bottom: 100%; height: 40%; z-index: -2; pointer-events: none;
  background:
    repeating-linear-gradient(180deg, #e2dccd 0 3px, #8d8779 3px 5px, #56534b 5px 7px) left  top / 3px 100% no-repeat,
    repeating-linear-gradient(180deg, #e2dccd 0 3px, #8d8779 3px 5px, #56534b 5px 7px) right top / 3px 100% no-repeat;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.85));
}
body.cz-m2 .cz-sign img { animation: czColgado 2.8s ease-in-out infinite; transform-origin: 50% -34%; }
@keyframes czColgado { 0%, 100% { transform: rotate(-2.4deg); } 50% { transform: rotate(2.4deg); } }
/* mientras cae o la golpean manda la animación del disparo, no el balanceo */
body.cz-m2 .cz-sign.cz-cae img, body.cz-m2 .cz-sign.jx-pop img, body.cz-m2 .cz-sign.cz-sign-die img { animation-name: czNada; }
@keyframes czNada { from { } to { } }
body.cz-m2 .cz-sign::after { bottom: -8%; }

/* ─────────── 3 · SEÑAL DE VERDAD ───────────
   la señal en su poste gris, clavada en la balda. La más sobria: se lee como en la calle. */
body.cz-m3 .cz-sign::before {
  content: ""; position: absolute; left: 50%; width: 9%; min-width: 3px; top: 100%; height: 30%;
  transform: translateX(-50%); z-index: -2; pointer-events: none; border-radius: 1px;
  background: linear-gradient(90deg, #3f444c 0%, #a9b0ba 36%, #e8ecf2 52%, #949ba5 70%, #34383f 100%);
  box-shadow: 0 2px 3px rgba(0,0,0,.75);
}
body.cz-m3 .cz-sign::after { bottom: -34%; left: 18%; right: 18%; height: 11%; }

/* ─────────── dos arreglos de la partida que salieron al medir ───────────
   Van aquí, en la hoja que se carga la última, para no tocar las reglas
   compartidas de cazador-v2/v3 (las usan otras pantallas del juego). */

/* 1 · el aviso de la señal fallada se cortaba con puntos suspensivos justo en lo
   que tiene que enseñar ("Entrada prohibida a vehículos de motor, exce…").
   Ahora cabe en dos líneas y se lee el nombre entero. */
body.cz-partida .cz-toast {
  /* iba anclado al centro con solo `left`, así que el ancho disponible era la
     MITAD del escenario y el nombre se cortaba igual. Con `width:max-content` la
     caja se mide por el texto y luego la limita `max-width`. */
  white-space: normal; text-overflow: clip;
  left: 50%; right: auto; width: max-content; max-width: min(92vw, 460px);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
  line-height: 1.24; text-wrap: balance;
}

/* 2 · el botón de silencio se montaba encima de la escopeta (abajo a la derecha,
   que es justo donde se apoya el cañón). En la partida se va a la izquierda. */
html[data-vp-game="cazador"] body.cz-partida .vp-sound { right: auto; left: 12px; }
