/* HUD (Frente C): fluxo de chat contínuo, dica e log (C6). Só consome var(--au-*) e as dimensões --au-hud-* abaixo.
   Seletores começam por .au-hud, .hud[data-hud ou [data-. A posição do fluxo é decidida pelo container (C11). */
:root {
  --au-hud-chat-w: 320px;
  --au-hud-anel: 2px;
  /* #log (win.css): bottom 44px + 3 linhas de 13px x 1,4 + 2 x 4px de padding = ~107px; o fluxo senta 5px acima */
  --au-hud-fluxo-esq: 14px;
  --au-hud-fluxo-base: 112px;
}

[data-hud="fluxo"] {
  position: absolute;
  left: var(--au-hud-fluxo-esq);
  bottom: var(--au-hud-fluxo-base);
  z-index: 2;
  pointer-events: none;
}

.au-hud-chat,
.au-hud-log {
  box-sizing: border-box;
  max-width: var(--au-hud-chat-w);
  padding: var(--au-esp-1) var(--au-esp-2);
  background: var(--au-vidro);
  border-radius: var(--au-raio-2);
  color: var(--au-texto);
  font: 400 var(--au-t-2) / 1.4 var(--au-fonte-texto);
  pointer-events: none;
}
.au-hud-chat p,
.au-hud-log p {
  margin: 0;
  overflow-wrap: anywhere;
}
.au-hud-chat__autor {
  color: var(--au-texto);
  font-weight: 600;
}
.au-hud-chat__canal {
  font-weight: 600;
}

/* a cor reforça o canal; o rótulo escrito continua no texto */
.au-hud-chat [data-canal="global"] .au-hud-chat__canal {
  color: var(--au-texto-suave);
}
.au-hud-chat [data-canal="help"] .au-hud-chat__canal {
  color: var(--au-aviso);
}
.au-hud-chat [data-canal="guild"] .au-hud-chat__canal {
  color: var(--au-ok);
}
.au-hud-chat [data-canal="trade"] .au-hud-chat__canal {
  color: var(--au-info);
}
.au-hud-chat [data-canal="private"] .au-hud-chat__canal {
  color: var(--au-acao-b);
}
.au-hud-chat [data-canal="pt"] .au-hud-chat__canal,
.au-hud-chat [data-canal="en"] .au-hud-chat__canal,
.au-hud-chat [data-canal="es"] .au-hud-chat__canal {
  color: var(--au-texto-suave);
}
.au-hud-chat [data-canal="sistema"] .au-hud-chat__canal {
  color: var(--au-texto-fraco);
}

/* idade: só opacidade (piso 0.55 para manter o contraste), sem transição */
.au-hud-chat [data-idade="0"] {
  opacity: 1;
}
.au-hud-chat [data-idade="1"] {
  opacity: 0.8;
}
.au-hud-chat [data-idade="2"] {
  opacity: 0.55;
}

.au-hud-dica {
  pointer-events: auto;
  cursor: pointer;
  margin: 0;
  color: var(--au-texto-suave);
  font: 400 var(--au-t-2) / 1.4 var(--au-fonte-texto);
}
.au-hud-dica:focus-visible,
[data-act-chat]:focus-visible {
  outline: var(--au-hud-anel) solid var(--au-sistema);
  outline-offset: var(--au-hud-anel);
}

@media (max-width: 640px) {
  .au-hud-chat {
    display: none;
  }
  .au-hud-log p:nth-child(n + 3) {
    display: none;
  }
}