/* STARSTRING — page styling
   There is almost nothing here on purpose.
   Everything you see in the game is drawn on the canvas by the code. */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #0a0410;
  /* Stop the browser doing phone/tablet things we don't want:
     no zooming, no text selection, no blue tap highlight, no pull-to-refresh */
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
}

#stage {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#game {
  display: block;
  /* The black bars above/below (or left/right) when the screen shape
     doesn't match the game's shape. This is called letterboxing. */
  background: #140820;
  image-rendering: auto;
  touch-action: none;
}