/* Everything you see is drawn into the canvas, words included (client/ui.lisp). */

html, body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  background: #0d2742;
}

#view {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: grab;
}

/* The chat box is real, so the browser handles typing, pasting and phone
   keyboards, but invisible: the game draws what's in it, in its own font,
   and moves this box over that line so clicking or tapping there types. */
#chat-input {
  position: fixed;
  left: 0;
  top: 0;
  width: 200px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  opacity: 0;
  background: transparent;
  color: transparent;
  caret-color: transparent;
  font-size: 16px; /* keeps phones from zooming in when it's tapped */
}