/* The page itself: the canvas the world is drawn in, full view. */
html, body { height: 100%; overflow: hidden; }
#view { display: block; width: 100vw; height: 100vh; outline: none; cursor: crosshair; }
/* The page's cursor while the mouse points with the mouse captured (src/panels/cursor.rs): over
   everything, clicks go through it. */
#cursor {
  position: fixed; left: 0; top: 0; z-index: 40; width: 22px; height: 22px; margin: -1px 0 0 -2px;
  pointer-events: none; filter: drop-shadow(0 1px 2px var(--shadow));
  &[hidden] { display: none; }
  svg { display: block; width: 100%; height: 100%; }
  path { fill: var(--paper-bright); stroke: var(--ink); stroke-width: 1.4; stroke-linejoin: round; }
}