/* typography --------------------------------------------------------
   Three fonts, one job each: Bitcount Grid Single (a variable grid/
   pixel display face) for headings, labels and every button — the
   "major" text that should read as UI chrome; Coda (rounded) for body
   copy and everything else, set once on <body> and left to inherit
   everywhere; Space Mono kept for a small, deliberately minimal set of
   accent spots — counters, badges, emphasized inline words. No italics
   anywhere on this site. */
:root {
  --ink: #f6efe4;
  --font-major: 'Bitcount Grid Single', ui-monospace, monospace;
  --font-body: 'Coda', ui-sans-serif, system-ui, sans-serif;
  --font-highlight: 'Space Mono', ui-monospace, monospace;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; overflow: hidden; background: #10131a; }
body {
  font: 400 14px/1.5 var(--font-body);
  color: var(--ink);
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
}
#view { display: block; width: 100%; height: 100%; cursor: crosshair; touch-action: none; }

#dot {
  position: fixed; left: 50%; top: 50%; width: 4px; height: 4px; margin: -2px 0 0 -2px;
  border-radius: 50%; background: rgba(246,239,228,.35); pointer-events: none;
}
