/* style.css — VanIce
   Mobile first. Everything here exists to stop a phone browser eating the
   controls. design.txt section 16(k). */

:root { color-scheme: dark; }

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #0d1014;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Without these a phone will pinch-zoom, double-tap-zoom, pull-to-refresh
     and rubber-band scroll during normal play. */
  overscroll-behavior: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;      /* no long-press menu on iOS */
  -webkit-tap-highlight-color: transparent;
}

#game {
  position: fixed;
  inset: 0;
  touch-action: none;               /* the single most important line here */
}

#game canvas {
  display: block;
  touch-action: none;
}

/* Shown only if the page fails to boot, so a blank screen is never ambiguous. */
#fatal {
  position: fixed;
  inset: 0;
  display: none;
  padding: 24px;
  color: #ff9b9b;
  background: #14171c;
  font-size: 13px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow: auto;
  z-index: 10;
}