/* A marca de tradução também vence o limite de espera de imagens/dados em pronto.js. */
html[data-i18n-loading] body { opacity: 0; pointer-events: none; }

/* Reservado para a família asiática que será escolhida com o dono do projeto. */
:root { --font-asiatica: sans-serif; }
html:is(:lang(ja), :lang(ko), :lang(zh)) body {
  font-family: var(--font-asiatica);
}
html:is(:lang(ja), :lang(ko), :lang(zh)) body * {
  letter-spacing: normal;
  text-transform: none;
}
html:lang(ko) body { word-break: keep-all; overflow-wrap: anywhere; }

.idioma-falha {
  display: grid; place-content: center; justify-items: center;
  min-height: 100vh; padding: 24px; text-align: center;
  font-family: sans-serif; font-size: 18px;
}
.idioma-falha button {
  padding: 12px 20px; border: 1px solid var(--line-hi); border-radius: 6px;
  background: var(--bg-1); color: var(--ink-0); cursor: pointer;
}

/* O nome da IA em inglês cabe no painel lateral estreito do LTIA. */
html:lang(en) #opponent-name { letter-spacing: .04em; }