/* #117 + Zerg 21/09 (6º lote #1): cortina 100% opaca por baixo do mapa (#mlv, z-index 60). Sobe quando a tela de classe some (módulo `intro`,
   com estilo em linha) e fica até o cartaz do mundo começar a clarear: o combate não aparece antes de o jogador fechar o livro.
   Zerg 22/09 (8º lote #2): era preto liso ("Fundo Preto do Livro"); vira a arte do acampamento noturno, cobrindo a tela toda atrás do livro
   (o livro em si, `.mlv__livro`, continua sendo a própria imagem dele — isto é só o que aparece nas bordas/atrás). `#000` some como cor de fundo
   de reserva enquanto a imagem carrega (mesma cor de antes, sem "flash" de cor errada). */
.boas-vindas-mapa__cortina {
  position: fixed;
  inset: 0;
  z-index: 59;
  background: #000 center/cover no-repeat url('/potato/boas-vindas-mapa/img/fundo-livro.webp');
}

/* #117: em CIMA do livro, acima do avatar (posição vem do JS,
   `posicionar()`, medindo `.mlv__aqui` a cada 500ms). z-index entre o
   mapa (#mlv, 60) e o diálogo da NPC (.tut, 90) — fica ATRÁS do diálogo
   modal de propósito, senão o jogador clicaria "entrar" antes de
   terminar de ler a fala da NPC. */
.boas-vindas-mapa__entrar {
  position: fixed;
  transform: translateX(-50%);
  z-index: 70;
  padding: 5px 16px;
  border-radius: 999px;
  border: 2px solid #f0c44a;
  background: linear-gradient(180deg, #ffdd82, #d7a43a);
  color: #2a1a06;
  font-family: var(--font-display, Georgia, serif);
  font-size: clamp(11px, 1.4vw, 14px);
  font-weight: 800;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow: 0 4px 14px rgb(0 0 0 / 0.5);
}

.boas-vindas-mapa__entrar:hover {
  filter: brightness(1.08);
}

/* Zerg 20/09 (#5): o capítulo do herói é clicável e entra no mundo, como o botão. */
#mlv[data-bvm-entrar='1'] .mlv__aqui,
#mlv[data-bvm-entrar='1'] .mlv__cap:not([data-vencido]):not([data-futuro]) {
  cursor: pointer;
}
#mlv[data-bvm-entrar='1'] .mlv__cap:not([data-vencido]):not([data-futuro]):hover {
  filter: brightness(1.12);
}

/* Zerg 20/09 (#7): entre fechar o livro e ligar o combate a cena aparece parada, sem o véu PAUSE por cima. */
html[data-bvm-espera='1'] #pausa-veu {
  display: none !important;
}

/* Zerg 20/09 (4º lote #2): o cartaz com o nome do mundo cobre a tela enquanto o jogo carrega; depois clareia (o herói entra andando) e o
   nome some por último. Acima do jogo, abaixo das falas do tutorial (.tut = 90). */
.boas-vindas-mapa__carga {
  position: fixed;
  inset: 0;
  z-index: 85;
  display: grid;
  place-content: center;
  gap: 10px;
  text-align: center;
  background: #000;
  opacity: 0;
  transition: opacity 0.4s ease;
  color: #fff3cf;
  font-family: var(--font-display, Georgia, serif);
}
.boas-vindas-mapa__carga[data-on='1'] {
  opacity: 1;
}
.boas-vindas-mapa__carga-mundo {
  font-size: clamp(13px, 2.4vmin, 20px);
  font-weight: 700;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #d9b56a;
}
.boas-vindas-mapa__carga-nome {
  font-size: clamp(26px, 7vmin, 60px);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 10px rgb(0 0 0 / 0.85), 0 0 40px rgb(220 145 30 / 0.35);
  min-height: 1.2em;
}
.boas-vindas-mapa__carga[data-saindo='1'] {
  pointer-events: none;
  background: transparent;
  animation: boas-vindas-mapa-carga-sai 3.6s ease-in-out forwards;
}
/* 5º lote do Zerg #2: a tela preta CLAREIA devagar (≈1,8 s) enquanto o herói entra andando pela caminhada inteira (3 s); o nome do mundo sai por último. */
@keyframes boas-vindas-mapa-carga-sai {
  0% { background: #000; opacity: 1; }
  64% { background: rgb(0 0 0 / 0); opacity: 1; }
  80% { background: rgb(0 0 0 / 0); opacity: 1; }
  100% { background: rgb(0 0 0 / 0); opacity: 0; }
}
/* Sem override de `prefers-reduced-motion` de propósito (Zerg, vídeo do 5º lote: com ele o cartaz sumia num corte seco): o clarear é uma mudança de OPACIDADE, sem movimento. */