/* m159d · ESTANCIA TOCABLE (js/beta-estancia.js): terreno y edificios de Codex en un único plano transformado. UNA superficie: el
   plano ocupa el cuerpo del Gremio; debajo (o al lado en apaisado y escritorio) sólo −, + y «Lista», piezas del kit. */
.beta-juego .bt-cuerpo:has(> .be-escena) { display: flex; flex-direction: column; gap: 6px; overflow: hidden; padding: 4px 6px 8px; }
.beta-juego .bt-cuerpo:has(> .be-escena) > .bt-lista { flex: none; }
.beta-juego .be-escena { flex: 1 1 auto; min-height: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.beta-juego .be-vista { position: relative; min-height: 0; min-width: 0; overflow: hidden; background: var(--be-fondo, #516346); touch-action: none; cursor: grab; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.beta-juego .be-vista.arrastrando { cursor: grabbing; }
.beta-juego .be-plano { position: absolute; left: 0; top: 0; width: 780px; height: 600px; transform-origin: 0 0; }
.beta-juego .be-plano > * { position: absolute; box-sizing: border-box; }
.beta-juego .be-terreno, .beta-juego .be-muro { left: 0; top: 0; width: 780px; height: 600px; image-rendering: pixelated; pointer-events: none; }
.beta-juego .be-ed { width: 64px; height: 64px; image-rendering: pixelated; pointer-events: none; }
/* zona tocable: transparente; el foco se ve como un marco sobre el edificio */
.beta-juego .be-zona { margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.beta-juego .be-zona:focus-visible { outline: calc(3px * var(--be-inv, 1)) solid #ffd36b; outline-offset: 0; }
.beta-juego .be-tramo { cursor: pointer; }
/* nivel y temporizador: a tamaño fijo en pantalla (escala inversa al zoom), anclados en su punto del plano */
.beta-juego .be-nv, .beta-juego .be-reloj { transform-origin: 0 0; transform: scale(var(--be-inv, 1)) translate(-50%, -100%); pointer-events: none; }
.beta-juego .be-nv { display: flex; align-items: center; justify-content: center; min-width: 22px; height: 20px; padding: 1px 4px 0; border: 2px solid #2a1606; background: #6b3d14; font: 400 15px/1 var(--k-fuente); color: var(--k-crema); text-shadow: var(--k-contorno-fino, var(--k-contorno)); }
.beta-juego .be-nv.max { background: #8a5a12; }
.beta-juego .be-reloj { width: 56px; min-width: 56px; height: 18px; }
.beta-juego .be-reloj > em { font-size: 12px; }
.beta-juego .be-mando { display: flex; justify-content: center; align-items: center; gap: 6px; }
/* apaisado bajo y escritorio: los mandos al lado del plano (dos arriba, «Lista» debajo) */
@media (max-height: 420px), (min-width: 900px) {
  .beta-juego .be-escena { grid-template-rows: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) auto; }
  .beta-juego .be-mando { display: grid; grid-template-columns: auto auto; align-content: center; }
  .beta-juego .be-mando [data-be-lista], .beta-juego .be-mando .be-fondo { grid-column: 1 / -1; justify-self: center; }
}
/* escritorio: el diálogo se ensancha mientras enseña la escena, para que quepa el plano de 780 × 600 a escala nativa */
@media (min-width: 900px) { dialog.beta-juego:has(.be-escena) { max-width: 1000px; } }
@media (prefers-reduced-motion: reduce) { .beta-juego .be-plano { transition: none; } }
/* m166 · estancia de la ALIANZA: progreso del nivel como barra fina del plano bajo la base (escala con el dibujo) y Fondo del Banco en los mandos */
.beta-juego .be-avance { width: 40px; height: 4px; box-sizing: border-box; background: #2a1606; box-shadow: 0 0 0 1px #2a1606; pointer-events: none; }
.beta-juego .be-avance > u { display: block; height: 100%; background: #5fd0c0; } .beta-juego .be-avance.max > u { background: #e8c25a; } .beta-juego .be-avance.frenado > u { background: #e0703a; }
.beta-juego .be-fondo { min-height: 44px; }
.beta-juego .be-adorno { image-rendering: pixelated; pointer-events: none; }   /* m166 · banderín de la muralla (BANDERIN.json) */