:root {
  --bg-top: #11100c;
  --bg-bottom: #2d1f14;
  --hud: rgba(24, 22, 17, 0.82);
  --ink: #f4e5c8;
  --accent: #ffad47;
  --danger: #ff4e38;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: radial-gradient(circle at 40% 20%, #3e2c20 0%, var(--bg-bottom) 45%, #150f0b 100%);
  color: var(--ink);
  font-family: "Trebuchet MS", "Verdana", sans-serif;
}

body {
  touch-action: none;
}

#game {
  width: 100vw;
  height: 100vh;
  display: block;
  image-rendering: pixelated;
  outline: none;
}