/* gerado por web/scripts/cena.mjs a partir de site/index.html: nao editar aqui */

  /* a pagina rola (a hero em cima, as noticias embaixo); so' o eixo x fica preso */
  html,body{margin:0;padding:0;width:100%;min-height:100%;background:transparent;overflow-x:hidden}
  body{display:grid;place-items:center;font-family:ui-monospace,Consolas,"Cascadia Mono",monospace}
  #stage{position:relative;width:100%;height:100vh;height:100svh;background:transparent;overflow:hidden}
  #stage canvas{display:block;width:100%!important;height:100%!important}
  #vig{position:absolute;inset:0;pointer-events:none;
       background:radial-gradient(120% 92% at 50% 42%, transparent 52%, rgba(3,1,2,.62) 100%)}
  /* cores so' dos tokens (tema.js); o rosa do molde do ZynxPlay saiu */
  #hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;pointer-events:none;
        color:color-mix(in srgb, var(--ht-verde) 40%, transparent);font-size:11px;letter-spacing:.22em;text-transform:uppercase;
        animation:hintfade 9s ease forwards}
  @keyframes hintfade{0%{opacity:0}18%{opacity:1}75%{opacity:1}100%{opacity:0}}
  #boot{position:absolute;left:0;right:0;top:50%;text-align:center;pointer-events:none;
        color:color-mix(in srgb, var(--ht-verde) 42%, transparent);font-size:12px;letter-spacing:.3em;text-transform:uppercase}
  #err{position:absolute;inset:auto 10% 45%;text-align:center;color:var(--ht-vermelho);font-size:13px;
       line-height:1.7;display:none;background:color-mix(in srgb, var(--ht-fundo) 88%, transparent);border:1px solid color-mix(in srgb, var(--ht-vermelho) 35%, transparent);
       padding:18px 22px;border-radius:8px}

#fundo-labirinto{background:#050806}canvas:not(#fundo-labirinto){position:relative;z-index:1}