/* #61 Task 3: the stylesheet is canvas rules only. Every panel, bar, window and overlay rule
   retired with the DOM markup it styled -- the canvas screens paint all of that from the theme and
   carry their own numbers (the tools' provenance comments name the old declarations). What is left
   is the page reset, the two surfaces' placement, and the cursor. */

html, body { height: 100%; }

/* The page reset. The canvas is centred and scaled to the window at the virtual aspect by
   `screen.js`'s own box math, so the body is only the letterbox behind it: no margin, no
   scrollbars, the game's own dark ink. */
body {
  margin: 0;
  overflow: hidden;
  background: #0b0805;
}

/* The OS pointer is hidden: the toolkit paints the pointer itself (#60 ruling 12). The canvas
   surfaces `screen.js` places are fixed-positioned and sized inline, so this rule is the pixel
   grid and the cursor, nothing else. */
canvas {
  display: block;
  position: fixed;
  image-rendering: pixelated;
  cursor: none;
}

#view { z-index: 0; }

/* The toolkit surface is the pointer path: it is the topmost canvas, its router hits the widget
   tree first, and a point no widget claims falls through to the world canvas's handlers
   (`ui/input.js` `trackWorld`). */
#ui { z-index: 2; }