/* palco.css: o palco do capítulo "O que o agente tem na cabeça" (IA explicada, FAROL).
   Só o que mora DENTRO de um palco: o canvas (criado por /comum-agentes/faixa.js), os controles (botões aria-pressed,
   estilo-base injetado pelo motor; aqui só ajustes) e o modo noite. A posição e o tamanho de cada .palco na página
   (sticky, 60% da altura em 390, coluna à direita em 1440) são de pagina.css, do diagramador: aqui não se mexe em
   position, top, height, grid-column nem z-index de .palco-global. Canon CIn-UFPE: quatro cores, chapado, Hanken
   Grotesk. Prefixo de classe: palco-. */
.palco {
  background: #FFFFFF;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  font-family: 'Proxima Nova', 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.palco-capa { background: transparent; }
/* a noite da cena XI: o canon permite trocar o fundo (branco ↔ preto); a troca é no canvas, e o palco acompanha */
.palco--noite { background: #231F20; }
/* celular baixo (664 px): botões mais rasos para o desenho não virar miniatura */
@media (max-height: 700px) and (max-width: 959px) {
  .faixa-controle { gap: 4px; bottom: 6px; }
  .faixa-controle__btn { padding: 6px 9px; }
}
/* celular: a barra «O PEDIDO · VAGO · SÓ REGRAS · COM O PORQUÊ» (os rótulos do texto humanizado, 30/10) passava 4 px de uma
   linha com o respiro de 10 px do motor e quebrava em duas; com 8 px ela volta a caber numa linha (só no 7: o 8 e o 9 não mudam) */
@media (max-width: 599px) {
  html .palco .faixa-controle__btn { padding-left: 8px; padding-right: 8px; }
}