/* palco.css: o palco do capítulo 5, "Novas formas de pensar e de perceber" (IA explicada, FAROL).
   Só o que mora DENTRO de um palco: a tela (canvas, criado por /pensar/palco.js) e o aviso quando os dados não
   chegam. 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, border 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; }
.palco-tela { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }

/* sem dados, sem invenção: o aviso no lugar do desenho */
.palco-aviso {
  position: absolute; inset: 0; display: grid; place-items: center; padding: 24px; text-align: center;
  font: 400 15px/1.5 'Hanken Grotesk', system-ui, sans-serif; color: #231F20;
}