/* Chrome compartido por las páginas de minijuego en /minijuegos/*:
   la barra superior con el enlace de volver (dogma, quiz, crucigrama), y el
   contenedor genérico donde se montan las plantillas (quiz/crucigrama). */

.minijuego-host-topbar {
  padding-top: clamp(1.25rem, 3vw, 2rem);
  padding-bottom: 0.5rem;
}
.minijuego-host-back {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.minijuego-host-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0.5rem clamp(1rem, 4vw, 2rem) 4rem;
}
.minijuego-host-title {
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  font-size: clamp(1.4rem, 4vw, 2.1rem);
  color: var(--bs-text-0);
  text-align: center;
  margin: 0.5rem 0 1.75rem;
}
.minijuego-host-mount {
  min-height: 60vh;
}
/* El h1 de la página ya muestra el título del juego: la plantilla no lo repite.
   (En player.html / embebidos sí se ve, porque allí no hay h1 alrededor.) */
.minijuego-host-mount .vf-title,
.minijuego-host-mount .game-header h2 {
  display: none;
}
.minijuego-host-loading,
.minijuego-host-error {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--bs-text-1);
  font-family: 'Lexend', sans-serif;
}
.minijuego-host-error {
  color: var(--bs-life-0);
}

@media (max-width: 600px) {
  .minijuego-host-wrap { padding-bottom: 3rem; }
}