/* games/drobne - the game fills the window. Everything the player sees, the interface included, is
   pixel art on two stacked canvases (#c the world, #ui the interface) at one whole-number scale. */
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; background: #23242a; overflow: hidden; }
body {
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
}
canvas {
  position: fixed;
  left: 0;
  display: block;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  outline: none;
}
#c { cursor: pointer; }
#ui { pointer-events: none; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* the collection page */
body.list {
  display: grid;
  place-items: center;
  background: #f4f1ea;
  color: #1f1e1b;
  overflow: auto;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
body.list a { color: inherit; }