/* Deep Current — page frame */
:root { color-scheme: dark; }

* { box-sizing: border-box; }

html, body {
  margin: 0;
  height: 100%;
  background: #04101c;
  color: #dcebf1;
  /* Include VT323 so the browser eagerly loads the pixel font the canvas uses. */
  font-family: "VT323", system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow: hidden;
}

#stage {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#game {
  /* scale up to fit the window while keeping the 16:9 aspect ratio */
  width: min(100vw, 177.78vh);   /* 16/9 = 1.7778 */
  height: min(56.25vw, 100vh);   /* 9/16 = 0.5625 */
  image-rendering: auto;         /* smooth downscale of the hi-res backing store */
  background: #0a2942;
  box-shadow: 0 0 60px rgba(0,0,0,0.6);
  border: 1px solid #16405c;
}