html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #0f0f12;
  overflow: hidden;
  /* Arrastar o dedo na borda não rola a página nem dispara o "puxe para atualizar" do navegador do celular. */
  overscroll-behavior: none;
  font-family: Arial, sans-serif;
}

/* A janela inteira, de propósito (core MUD-08): o template padrão do Unity fixava o tamanho do canvas no desktop, e
   nenhum layout da tela do jogo conserta uma janela presa. É a mesma regra do CiatecCV, o template dos jogos com
   câmera. */
#unity-container {
  position: fixed;
  inset: 0;
}

#unity-canvas {
  width: 100%;
  height: 100%;
  display: block;
  background: #0f0f12;
  /* O toque é do jogo: sem rolar, sem zoom de dois dedos, sem a seleção de texto nem o menu do toque longo, que no
     tablet aparecem por cima de quem segura o dedo na tela. */
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

#status {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 5;
  margin: 0;
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.45);
  color: #ddd;
  font: 13px/1.4 Consolas, monospace;
}
