/* Fredoka, served from this site rather than the device: iPadOS has no
   Arial Black, so the game's biggest text used to fall back to whatever
   Safari chose. SIL Open Font License 1.1, see fonts/Fredoka-OFL.txt. */
@font-face {
  font-family: "Fredoka";
  src: url("/fonts/fredoka-latin-var.woff2") format("woff2");
  /* One variable file covers every weight the game draws with. */
  font-weight: 400 600;
  font-style: normal;
  font-display: block;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  /* The scenes' own background. Screens wider than 4:3 get bars either
     side of the game, and matching the colour makes them part of it. */
  background-color: #fdf3e0;
  /* A child taps fast and often. Stop that turning into double-tap zoom,
     text selection, the long-press menu or the grey tap flash. */
  touch-action: none;
  overscroll-behavior: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

#app,
#game-container {
  width: 100%;
  /* dvh tracks Safari's toolbar as it shows and hides; vh does not, and
     would push the bottom of the game off screen. */
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}