/* Funciones independientes y fichas sobre el pueblo. Cargar después de beta-r35.css. */
dialog.beta-juego.bd-destino {
  inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none;
  margin: 0; outline: 0; border: 0; border-radius: 0; background: #211a13;
  color: #f4e3bd; box-shadow: none; --bd-linea: #775633;
  --k-tinta: #f3dfba; --k-tinta2: #cbb68f; --k-verde: #91d6a0; --k-rojo: #ffb29a;
  --bd-acento: #edc17f;
}
/* Los destinos tienen fondo oscuro; el kit conserva papel claro en sus piezas.
   Cada superficie declara su tinta para que los textos heredados sigan legibles. */
.bd-destino :is(.k-tira, .k-pliego, .k-globo, .bd-mejora, .bt-acceso, .bt-al-fijado) {
  --k-tinta: #4b2f18; --k-tinta2: #7a5a34; --k-verde: #2f7d3a; --k-rojo: #b5341f;
  --bd-acento: #8a4a1a;
}
.bd-destino .bt-al-nombre i, .bd-destino .bt-sigla, .bd-destino .bt-titulo { color: var(--bd-acento); }
.bd-destino :is(.bt-tu, .bt-al-visto.ahora, .bt-metrica b),
.bd-destino .bt-tarjeta .bt-efecto .sig,
.bd-destino .bt-hab .bt-antes .sig,
.bd-destino .bt-efecto .bt-sig { color: var(--k-verde); }
.bd-destino .bt-al-error { color: var(--k-rojo); }
.bd-destino .bt-tarjeta .bt-efecto i { border-left-color: var(--bd-acento); }
.bd-destino .bt-arbol line.ok { stroke: var(--k-verde); }
dialog.bd-destino::backdrop { background: #080604b3; }
.bd-destino .bd-cabecera {
  display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr) minmax(88px, 1fr);
  align-items: center; gap: 12px; min-height: 66px; flex: 0 0 auto;
  padding: max(8px, env(safe-area-inset-top)) clamp(12px, 3vw, 48px) 8px;
  border-bottom: 3px solid #936539; background: #49301e;
  box-shadow: inset 0 -2px #29180e, inset 0 2px #aa7950;
}
.bd-cabecera h1 { min-width: 0; margin: 0; color: #ffe3a0; text-align: center; font: 400 clamp(20px, 2vw, 30px)/1.1 var(--k-fuente); overflow-wrap: anywhere; }
.bd-cabecera > div { display: flex; justify-content: flex-end; gap: 8px; }
.bd-cabecera button { min-width: 44px; min-height: 44px; border: 2px solid #a87a46; background: #5d3b22; color: #ffebc2; box-shadow: inset 0 2px #bc8d50, 0 3px #1d120c; cursor: pointer; font: 400 24px/1 var(--k-fuente); }
.bd-cabecera .bd-volver { justify-self: start; display: flex; align-items: center; gap: 10px; padding: 6px 14px; max-width: 100%; }
.bd-volver span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; }
.bd-destino :is(button, summary):focus-visible { outline: 3px solid #e8c572; outline-offset: 3px; }
.bd-destino .bt-saldo { justify-content: flex-end; padding: 10px clamp(16px, 3vw, 48px); background: #302317; border-bottom: 1px solid #664728; }
.bd-destino .bt-aviso { min-height: 0; padding: 10px 18px; background: #40241b; color: #ffd797; }
.bd-destino .bt-cuerpo { padding: clamp(16px, 2.5vw, 40px); gap: 22px; min-height: 0; width: 100%; box-sizing: border-box; }
.bd-destino .bt-nada, .bd-destino .bt-vacio, .bd-destino .k-contador { color: var(--k-tinta2); }
.bd-destino .k-contador b { color: var(--k-tinta); }
.bd-destino .bt-cuerpo > .k-contador { font-size: 21px; margin: 0; }
.bd-destino .bt-lista { gap: 12px; }
.bd-destino .k-tira { border-color: #9f7548; }
.bd-destino[data-destino="fragua"] .bt-cuerpo { grid-template-columns: minmax(250px, .7fr) minmax(0, 2fr); align-items: start; }
.bd-forja-taller { padding: 22px; border: 2px solid var(--bd-linea); background: #302519; display: grid; gap: 18px; }
.bd-forja-taller :is(h2, h3) { margin: 0; font: 400 24px/1.1 var(--k-fuente); color: #efd19a; }
.bd-forja-taller h3 { font-size: 18px; margin-top: 20px; }
.bd-forja-taller .bt-almacen { gap: 10px; justify-content: flex-start; }
.bd-forja-taller .bt-puestos { flex-wrap: wrap; gap: 12px; }
.bd-forja-recetas { display: grid; gap: 18px; }
.bd-forja-recetas .bt-tecnicas { justify-content: flex-start; }
.bd-forja-recetas .bt-tiers { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.bd-forja-recetas .k-tira { min-height: 108px; padding: 12px; }
.bd-destino[data-destino="mochila"] .bt-rejilla { grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); justify-content: start; gap: 14px; }
.bd-destino[data-destino="mochila"] .bt-rejilla .k-casilla { width: 72px; height: 76px; justify-self: center; }
.bd-destino[data-destino="mochila"] .bt-rejilla .k-casilla > :is(svg, img, .ico) { width: 48px; height: 48px; }
.bd-destino[data-destino="mochila"] .bt-detalle { min-height: 94px; }
.bd-destino[data-destino="mochila"] .bt-aptos { justify-content: flex-start; }
.bd-destino[data-destino="mazmorras"] .bt-mazmorras { grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
.bd-destino[data-destino="mazmorras"] .bt-mazmorras .k-tira { min-height: 124px; padding: 18px; }
.bd-destino[data-destino="tareas"] .bt-tareas { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.bd-destino[data-destino="alianza"] .bt-cuerpo { max-width: 1440px; align-self: center; }
.bd-destino[data-destino="alianza"] .bt-al-accesos { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.bd-destino[data-destino="alianza"] .bt-al-miembros { grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); }
.bd-destino .bt-velo { position: fixed; padding: 18px; background: #0a0706a8; overflow: auto; }
.bd-destino .bt-velo > .bt-pliego { max-height: calc(100dvh - 36px); overflow: auto; width: min(100%, 600px); box-sizing: border-box; }

/* El edificio es una ficha contextual; el mundo continúa visible detrás. */
dialog.beta-juego.bd-contextual {
  inset: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) auto auto;
  width: min(780px, 62vw); height: auto; max-height: calc(100dvh - 40px); margin: 0;
  border: 3px solid #97703d; box-shadow: 0 9px 0 #160f09, 0 18px 50px #0008;
}
dialog.bd-contextual::backdrop { background: #08060435; }
.bd-contextual .bd-cabecera { padding-inline: 12px; gap: 8px; grid-template-columns: 60px minmax(0, 1fr) 94px; }
.bd-contextual .bd-volver { padding: 4px 12px; }
.bd-contextual .bd-volver span { display: none; }
.bd-contextual .bd-cabecera h1 { font-size: 25px; }
.bd-contextual .bt-cuerpo { padding: 18px; gap: 14px; }
.bd-edificio { min-width: 0; }
.bd-identidad-ed { display: flex; justify-content: space-between; gap: 12px; font: 400 17px/1.2 var(--k-fuente); color: #cdb890; }
.bd-identidad-ed b { color: #f2d291; font-weight: 400; }
.bd-ed-vistas { display: flex; border-bottom: 2px solid #8a6537; gap: 10px; margin: 14px 0 20px; }
.bd-ed-vistas button, .bd-acciones-tropa button { min-height: 44px; padding: 8px 24px; background: #36281b; border: 2px solid #664929; border-bottom: 0; color: #b9a581; font: 400 19px/1 var(--k-fuente); cursor: pointer; }
.bd-ed-vistas button[aria-pressed="true"], .bd-acciones-tropa button[aria-selected="true"] { color: #ffe7ad; background: #72502b; border-color: #c49756; }
.bd-capacidad { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 16px; color: #dccbaa; font: 400 16px/1.2 var(--k-fuente); }
.bd-capacidad b { color: #f2d291; font-weight: 400; }
.bd-tiers { display: flex; gap: 8px; overflow-x: auto; overscroll-behavior: contain; padding: 4px 3px 12px; margin-inline: -3px; }
.bd-tier { position: relative; flex: 0 0 88px; min-height: 108px; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 6px; background: #3b2b1d; border: 2px solid #795a35; color: #dfc49b; cursor: pointer; font: 400 15px/1.15 var(--k-fuente); }
.bd-tier > :is(img, svg, .ico, .eaw-a-mini) { width: 52px; height: 52px; object-fit: contain; image-rendering: pixelated; }
.bd-tier b { font-weight: 400; }
.bd-tier small { color: #bfa87e; }
.bd-tier.activo { border-color: #f1cb7d; background: #66502d; box-shadow: inset 0 0 0 2px #a68046; color: #fff0c7; }
.bd-tier.cerrado { opacity: .6; }
.bd-tier > span { position: absolute; top: 5px; right: 5px; }
.bd-tropa-seleccion { display: grid; grid-template-columns: 192px minmax(0, 1fr); gap: 12px 22px; align-items: center; margin-top: 14px; }
.bd-tropa-figura { grid-row: 1 / 3; align-self: stretch; min-height: 220px; display: flex; align-items: flex-end; justify-content: center; padding: 12px 0; background: radial-gradient(ellipse at 50% 78%, #76623b55, transparent 70%); }
.bd-tropa-figura > :is(img, svg, .eaw-a-figura) { width: 100%; height: 230px; max-width: 170px; object-fit: contain; object-position: center bottom; image-rendering: pixelated; }
.bd-tropa-datos h3 { margin: 0; color: #ffe4b2; font: 400 26px/1.1 var(--k-fuente); }
.bd-tier-nombre { display: block; color: #bda581; font: 400 15px/1.2 var(--k-fuente); margin: 4px 0 10px; }
.bd-edificio dl { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 0; font: 400 16px/1.1 var(--k-fuente); }
.bd-edificio dl > div { display: grid; gap: 5px; }
.bd-edificio dt { color: #bba683; }
.bd-edificio dd { margin: 0; color: #f5e4be; }
.bd-estadisticas { margin-top: 12px; }
.bd-estadisticas summary { cursor: pointer; color: #c6ab7e; font: 400 15px/1.2 var(--k-fuente); padding: 5px 0; }
.bd-estadisticas dl { padding-top: 10px; }
.bd-orden-tropa { grid-column: 2; display: grid; gap: 14px; align-content: start; padding-top: 5px; }
.bd-orden-tropa > p { margin: 0; font: 400 16px/1.2 var(--k-fuente); }
.bd-acciones-tropa { display: flex; gap: 8px; border-bottom: 1px solid #745333; }
.bd-acciones-tropa button { font-size: 16px; padding: 8px 16px; }
.bd-cantidades { display: flex; gap: 6px; flex-wrap: wrap; }
.bd-cantidades button { min-width: 44px; min-height: 44px; padding: 6px; background: #392a1c; border: 2px solid #785737; color: #e6cfaa; cursor: pointer; font: 400 18px/1 var(--k-fuente); }
.bd-cantidades button[aria-pressed="true"] { background: #78552c; border-color: #f0c679; color: #ffedc0; }
.bd-presupuesto { display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.bd-presupuesto .bt-costes { color: #f3d9a8; }
.bd-duracion { display: flex; align-items: center; gap: 6px; white-space: nowrap; color: #c4af8b; font: 400 16px/1 var(--k-fuente); }
.bd-duracion > .ico { width: 16px; height: 16px; }
.bd-motivo { color: #e9bb78; }
.bd-orden-tropa > .k-btn { width: 100%; min-height: 54px; font-size: 22px; }
.bd-colas { display: grid; gap: 10px; margin-top: 22px; }
.bd-cola { display: grid; gap: 10px; padding: 14px; border-top: 1px solid #775435; background: #38291b; }
.bd-cola > div { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 2px 12px; align-items: center; }
.bd-cola > div > :is(img, svg, .eaw-a-mini) { grid-row: span 2; width: 52px; height: 52px; image-rendering: pixelated; }
.bd-cola strong { font: 400 19px/1.1 var(--k-fuente); color: #eed8aa; }
.bd-cola small { color: #bda783; }
.bd-cola .k-btn { justify-self: end; }
.bd-bloqueo { display: grid; gap: 15px; color: #ddbf8a; font: 400 18px/1.2 var(--k-fuente); }
.bd-vacio { padding: 24px 8px; color: #cdb68d; text-align: center; font: 400 19px/1.3 var(--k-fuente); }
.bd-mejora.bt-ficha { background: #d8bb83; color: #3c2a1c; border: 2px solid #84613a; padding: 20px; display: grid; gap: 18px; justify-items: stretch; }
.bd-mejora .k-rotulo-pliego { display: none; }
.bd-mejora .bt-efecto { justify-content: center; flex-wrap: wrap; }
.bd-mejora .bt-costes { justify-content: center; }
.bd-mejora .bt-aportes { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.bd-mejora .bt-niveles { width: 100%; }
.bd-mejora .bt-precio-nuevo { margin: 0; }
.bd-uso-edificio { display: grid; justify-items: center; gap: 20px; padding: 22px 4px; text-align: center; }
.bd-uso-edificio > .ico { width: 96px; height: 96px; }
.bd-uso-edificio p { max-width: 34em; margin: 0; color: #ead4ad; font: 400 20px/1.4 var(--k-fuente); }
.bd-uso-edificio .k-btn { min-width: 220px; }
.bd-produccion { display: grid; gap: 16px; justify-items: center; text-align: center; padding: 20px; }
.bd-produccion > div { display: grid; justify-items: center; gap: 10px; }
.bd-produccion > div > .ico { width: 48px; height: 48px; }
.bd-produccion strong { color: #f7dca6; font: 400 38px/1 var(--k-fuente); }
.bd-produccion :is(p, span, small) { color: #c5ad87; }
.bd-almacen { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 18px; }
.bd-almacen > div { padding: 18px; display: grid; gap: 10px; background: #382a1c; }
.bd-almacen .k-coste { color: #efd6ac; }
.bd-almacen small { color: #baa381; }
.bd-ejercito-clases { display: grid; gap: 20px; margin-top: 24px; }
.bd-ejercito-clases > section { display: grid; gap: 10px; }
.bd-ejercito-clases h3 { display: flex; gap: 8px; align-items: center; margin: 0; color: #e9cca0; }
.bd-ejercito-clases h3 > .ico { width: 24px; height: 24px; }
.bd-ejercito-clases section > div { display: flex; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid #63492f; }
.bd-ejercito-clases section > div > :is(img, svg, .eaw-a-mini) { width: 52px; height: 52px; image-rendering: pixelated; }
.bd-ejercito-clases section > div > b { margin-left: auto; color: #efdab1; }
.bd-ejercito-clases .k-btn { justify-self: end; }

@media (min-width: 1280px) {
  .bd-destino:not(.bd-contextual) .bt-cuerpo { padding-inline: clamp(36px, 5vw, 96px); }
  .bd-destino[data-destino="mochila"] .bt-cuerpo { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
  .bd-destino[data-destino="mochila"] .bt-cuerpo > .bt-rejilla { grid-column: 2; grid-row: 1 / span 8; }
  .bd-destino[data-destino="mochila"] .bt-cuerpo > :not(.bt-rejilla) { grid-column: 1; }
}
@media (max-width: 899px) {
  dialog.beta-juego.bd-contextual { inset: auto 0 0; width: 100vw; max-width: none; max-height: min(90dvh, 820px); height: auto; border-width: 3px 0 0; }
  .bd-contextual .bd-cabecera { min-height: 56px; }
  .bd-contextual .bt-cuerpo { padding-bottom: max(18px, env(safe-area-inset-bottom)); }
  .bd-destino[data-destino="fragua"] .bt-cuerpo { grid-template-columns: 1fr; }
  .bd-forja-taller { padding: 14px; }
  .bd-forja-taller h3 { margin-top: 0; }
  .bd-forja-taller .bt-almacen { justify-content: center; }
  .bd-forja-taller h2 { display: none; }
}
@media (max-width: 520px) {
  .bd-destino .bd-cabecera { min-height: 56px; grid-template-columns: 48px minmax(0, 1fr) 94px; padding-inline: 8px; gap: 8px; }
  .bd-cabecera .bd-volver { padding: 4px 12px; }
  .bd-cabecera .bd-volver span { display: none; }
  .bd-cabecera h1, .bd-contextual .bd-cabecera h1 { font-size: 21px; }
  .bd-destino .bt-cuerpo { padding: 12px; gap: 14px; }
  .bd-contextual .bt-cuerpo { padding: 14px 12px max(18px, env(safe-area-inset-bottom)); }
  .bd-tropa-seleccion { grid-template-columns: 88px minmax(0, 1fr); gap: 10px 14px; }
  .bd-tropa-figura { grid-row: 1; min-height: 150px; }
  .bd-tropa-figura > :is(img, svg, .eaw-a-figura) { height: 160px; max-width: 95px; }
  .bd-tropa-datos h3 { font-size: 23px; }
  .bd-orden-tropa { grid-column: 1 / -1; }
  .bd-ed-vistas { margin-bottom: 14px; }
  .bd-ed-vistas button { flex: 1; padding-inline: 12px; }
  .bd-mejora.bt-ficha { padding: 12px; }
  .bd-forja-recetas .bt-tiers, .bd-destino[data-destino="mazmorras"] .bt-mazmorras, .bd-destino[data-destino="tareas"] .bt-tareas { grid-template-columns: 1fr; }
}
@media (max-height: 460px) and (orientation: landscape) {
  dialog.beta-juego.bd-contextual { inset: 8px 12px 8px auto; width: min(650px, calc(100vw - 24px)); max-height: calc(100dvh - 16px); }
  .bd-contextual .bd-cabecera { min-height: 46px; padding-block: 2px; }
  .bd-contextual .bt-cuerpo { padding: 12px; }
  .bd-tropa-figura { min-height: 140px; }
  .bd-tropa-figura > :is(img, svg, .eaw-a-figura) { height: 150px; }
  .bd-colas { margin-top: 14px; }
}

/* Figuras aprobadas de 96×128: escala entera, sin deformar la silueta. */
.bd-tropa-figura > .eaw-a-figura { width: 192px; height: 256px; max-width: none; background-size: 192px 256px; }
@media (max-width: 520px) { .bd-tropa-seleccion { grid-template-columns: 96px minmax(0, 1fr); } .bd-tropa-figura > .eaw-a-figura { width: 96px; height: 128px; max-width: none; background-size: 96px 128px; } }

/* Apaisado corto: selector y operación conviven, con figura a escala nativa.
   No obliga a perder de vista el tipo elegido para llegar al precio y la acción. */
@media (max-height: 460px) and (orientation: landscape) {
  dialog.beta-juego.bd-contextual { inset: 8px 12px auto auto; }
  .bd-contextual .bt-cuerpo { padding: 8px; }
  .bd-contextual .bd-edificio { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 6px 10px; }
  .bd-contextual .bd-identidad-ed { align-self: center; flex-direction: column; gap: 4px; font-size: 15px; }
  .bd-contextual .bd-ed-vistas { margin: 0; gap: 6px; }
  .bd-contextual .bd-ed-vistas button { padding: 8px 16px; font-size: 17px; }
  .bd-contextual .bd-ed-contenido { grid-column: 1 / -1; min-width: 0; }
  .bd-contextual .bd-entrenamiento { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 4px 10px; align-items: start; }
  .bd-contextual .bd-capacidad { grid-column: 1; margin: 0; font-size: 13px; flex-wrap: wrap; gap: 4px; }
  .bd-contextual .bd-tiers { grid-column: 1; margin: 0; padding: 0 0 4px; gap: 4px; flex-wrap: wrap; max-height: 140px; overflow-y: auto; }
  .bd-contextual .bd-tier { flex-basis: 62px; min-height: 74px; padding: 4px 1px; gap: 2px; font-size: 12px; }
  .bd-contextual .bd-tier > :is(img, svg, .ico, .eaw-a-mini) { width: 36px; height: 36px; }
  .bd-contextual .bd-tropa-seleccion { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: 96px minmax(0, 1fr); gap: 5px 8px; margin: 0; }
  .bd-contextual .bd-tropa-datos { grid-column: 1 / -1; grid-row: 1; display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 2px 8px; }
  .bd-contextual .bd-tropa-datos h3 { font-size: 18px; align-self: center; }
  .bd-contextual .bd-tier-nombre { display: none; }
  .bd-contextual .bd-tropa-datos > dl { font-size: 13px; gap: 4px 12px; }
  .bd-contextual .bd-tropa-datos > dl > div { gap: 2px; }
  .bd-contextual .bd-estadisticas { grid-column: 1 / -1; margin: 0; }
  .bd-contextual .bd-estadisticas summary { padding: 1px 0; font-size: 13px; }
  .bd-contextual .bd-tropa-figura { grid-column: 1; grid-row: 2; min-height: 128px; padding: 0; align-self: start; }
  .bd-contextual .bd-tropa-figura > :is(img, svg, .eaw-a-figura) { width: 96px; height: 128px; max-width: 96px; background-size: 96px 128px; }
  .bd-contextual .bd-orden-tropa { grid-column: 2; grid-row: 2; gap: 5px; padding: 0; }
  .bd-contextual .bd-cantidades { gap: 3px; }
  .bd-contextual .bd-cantidades button { min-width: 40px; min-height: 40px; padding: 4px; font-size: 16px; }
  .bd-contextual .bd-duracion { font-size: 14px; }
  .bd-contextual .bd-presupuesto { gap: 4px; }
  .bd-contextual .bd-orden-tropa > .k-btn { min-height: 44px; font-size: 19px; }
  .bd-contextual .bd-colas, .bd-contextual .bd-bloqueo { grid-column: 1 / -1; margin-top: 6px; }
  .bd-contextual .bd-mejora.bt-ficha { padding: 8px 12px; gap: 6px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .bd-contextual .bd-mejora > .bt-efecto { grid-column: 1; justify-content: flex-start; }
  .bd-contextual .bd-mejora > .bt-costes { grid-column: 2; grid-row: 1; }
  .bd-contextual .bd-mejora > .bt-ficha-botones { grid-column: 2; grid-row: 2 / span 2; }
  .bd-contextual .bd-mejora > .bt-calidad { grid-column: 1; margin: 0; }
  .bd-contextual .bd-mejora > :is(.bt-aportes, .k-barra, .bt-niveles) { grid-column: 1 / -1; }
  .bd-destino[data-destino="fragua"] .bt-cuerpo { grid-template-columns: minmax(190px, .65fr) minmax(0, 1fr); padding: 10px; gap: 12px; }
  .bd-forja-taller { padding: 10px; gap: 8px; }
  .bd-forja-taller .bt-almacen, .bd-forja-taller .bt-puestos { gap: 4px; }
  .bd-forja-recetas { gap: 10px; }
  .bd-forja-recetas .bt-tiers { grid-template-columns: 1fr; }
  .bd-forja-recetas .k-tira { min-height: 80px; padding: 8px; }
}

/* Teléfono corto: primero la decisión completa, conservando el frontal HD.
   Nivel/función comparten fila; la cantidad no ocupa dos renglones. */
@media (max-width: 340px) and (max-height: 700px) and (orientation: portrait) {
  dialog.beta-juego.bd-contextual { max-height: calc(100dvh - 48px); }
  .bd-contextual .bt-cuerpo { padding: 10px 12px 12px; }
  .bd-contextual .bd-edificio { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 8px; }
  .bd-contextual .bd-identidad-ed { align-self: center; flex-direction: column; gap: 4px; font-size: 14px; }
  .bd-contextual .bd-ed-vistas { margin: 0; gap: 4px; }
  .bd-contextual .bd-ed-vistas button { padding: 8px 6px; font-size: 16px; }
  .bd-contextual .bd-ed-contenido { grid-column: 1 / -1; min-width: 0; }
  .bd-contextual .bd-capacidad { margin-bottom: 6px; font-size: 14px; }
  .bd-contextual .bd-tiers { padding: 0 0 2px; }
  .bd-contextual .bd-tier { flex-basis: 80px; min-height: 88px; padding: 5px; gap: 1px; font-size: 14px; }
  .bd-contextual .bd-tier > :is(img, svg, .ico, .eaw-a-mini) { width: 40px; height: 40px; }
  .bd-contextual .bd-tropa-seleccion { margin-top: 4px; gap: 6px 12px; }
  .bd-contextual .bd-tropa-figura { min-height: 160px; padding: 0; }
  .bd-contextual .bd-orden-tropa { padding-top: 0; gap: 6px; }
  .bd-contextual .bd-cantidades { flex-wrap: nowrap; gap: 2px; }
  .bd-contextual .bd-cantidades button { min-width: 40px; min-height: 44px; padding: 4px; font-size: 16px; }
}