/* survival-tablet.css — Supervivencia DGT en tablet (29-sep-2026).
 *
 * Nico: «cada pantalla perfecta en móvil Y tablet». En un iPad el juego se
 * quedaba en una columna de 440 px en medio de la pantalla, con negro a los
 * lados: letra de móvil, foto pequeña y medio iPad vacío.
 *
 * En tablet (ancho ≥ 700) la carretera llena la pantalla entera y la columna
 * del juego crece con --sk = min(ancho/390, alto/844), que calcula
 * games/survival/escena.js (en el móvil vale 1: lo aprobado no cambia).
 * Crece con `zoom` y no con transform: así las cajas ocupan de verdad su sitio
 * y el reparto de alto del juego (la foto que encoge al fallar, el scroll de
 * la corrección) sigue midiendo bien. La fila de control (Volver, sonido,
 * «!», Abandonar) no crece: es la misma en los cinco juegos
 * (css/controles-juego.css) y se queda en su sitio.
 */
@media (min-width: 700px) {
  /* ── la escena a pantalla completa ── */
  #game { width: 100%; }

  /* ── la partida: la columna crece, la fila de control no ── */
  #game .screen { width: min(100%, calc(440px * var(--sk, 1))); margin: 0 auto; }
  #game .screen > :not(.hdr) { zoom: var(--sk, 1); }
  /* la foto: el tope de móvil (250 px) crece con la columna, y en una tablet
     alta la foto se lleva más pantalla (hay sitio de sobra para las respuestas) */
  #game .qwrap:not(:has(.fb.corr-on)) > .qimg { max-height: min(24dvh, 250px); }
  /* con la corrección abierta cede la foto, no el texto de Santi */
  #game .qwrap:has(.fb.corr-on) > .qimg { max-height: var(--sv-foto-max, min(24dvh, 250px)); }

  /* ── subida de nivel y «partida legendaria» ── */
  .cine .ct { zoom: var(--sk, 1); }

  /* ── fin de partida: cifras y botones crecen; la escena ya llenaba ── */
  .ov-body { width: min(100%, calc(440px * var(--sk, 1))); }
  .over .ov-body > * { zoom: var(--sk, 1); }
}

/* La letra mínima (29-sep: etiquetas ≥ 12 px, respuestas 15,5 px) ya está en
   las reglas de origen de supervivencia-dgt.html: aquí la pisaba desde fuera. */