/* The site's own pages (index.html and player/index.html): a dark page that the app
   fills. The app's own styles (styles.css, player/styles.css) apply inside its shadow
   root, and nowhere else. Greys only, as everywhere (test/grayscale.test.ts). */
:root {
  color-scheme: dark;
}

html,
body {
  height: 100%;
  margin: 0;
  background: #0a0a0a;
  color: #e2e2e2;
  font:
    12px / 1.4 ui-monospace,
    "SF Mono",
    Menlo,
    Consolas,
    "Liberation Mono",
    monospace;
}

.page {
  display: block;
  height: 100dvh;
}

.noscript {
  margin: 0;
  padding: 24px;
  color: #8a8a8a;
}