:root {
  --bg: #f7f7f7;
  --ink: #101010;
  --panel: rgba(255, 255, 255, 0.85);
  --line: rgba(16, 16, 16, 0.18);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--bg);
}

body {
  font-family: "Courier Prime", "IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  color: var(--ink);
}

#world {
  display: block;
  width: 100vw;
  height: 100vh;
  image-rendering: pixelated;
  cursor: grab;
  background: #fff;
  touch-action: none;
}

body.dragging #world {
  cursor: grabbing;
}