/* app.css — everything except the canvas itself.
   The dashboard is drawn, not laid out, so this file only has to make the
   canvas fill the viewport and stop the page from ever scrolling. */

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;                 /* the canvas scrolls, the page never does */
  background: #081310;
  color: #e8fff6;
  font-family: "Nimbus Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior: none;
}

#stage {
  display: block;
  width: 100vw;
  height: 100vh;
  touch-action: none;               /* pointer events drive scroll and drag */
  outline: none;
}

.noscript {
  position: fixed;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 8px;
  padding: 40px;
  text-align: center;
  background: #081310;
  color: #e8fff6;
  font-size: 15px;
  line-height: 1.6;
}
.noscript strong { color: #2fd6a3; display: block; }