html,
body {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

canvas,
.backbuffer {
  touch-action: none !important;
  overscroll-behavior: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

#ios-kbd {
  pointer-events: none;
}

#ios-chat-button {
  position: fixed;
  /* 18/10: o chat (com as abas) agora fica no topo; o botao desce para o lado do direcional */
  /* 18/10 noite: longe da borda de baixo (o gesto do iPhone mora ali) */
  bottom: calc(env(safe-area-inset-bottom, 0px) + 24px);
  left: calc(env(safe-area-inset-left, 0px) + 184px);
  z-index: 20;
  width: 52px;
  height: 40px;
  border: 1px solid #7e8790;
  border-radius: 7px;
  background: linear-gradient(#505860, #292f35);
  box-shadow: inset 0 1px 0 #ffffff35, 0 2px 5px #0009;
  color: #f3f3f3;
  font: 700 12px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.03em;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

#ios-chat-button:active,
#ios-chat-button.is-open {
  background: linear-gradient(#d7b34d, #8d681d);
  border-color: #f4d576;
  color: #16120a;
}

@media (orientation: portrait) and (max-width: 900px) {
  #ios-chat-button {
    display: none;
  }
}