/* The DOS ASCII screen (dos.js).
   dos-pre:  while the script starts, the page is black (no flash of the old look).
   dos-on:   the screen canvas draws the page; the page's own HTML stays for screen readers, keyboard focus and its own
             scripts, but takes no space and shows nothing (fixed, clipped to nothing).
   dos-flat: no WebGL2 / WebCodecs, or the script could not start: the HTML itself in a plain DOS style. */
@font-face {
  font-family: "GWPixel Courier 13";
  src: url("/dos/GWPixelCourier-13-Regular.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "GWPixel Courier 26";
  src: url("/dos/GWPixelCourier-26-Regular.woff2") format("woff2");
  font-display: block;
}
html.dos-pre,
html.dos-on,
html.dos-flat {
  background: #000;
}
html.dos-pre body {
  visibility: hidden;
}
html.dos-on body {
  background: #000;
  margin: 0;
  padding: 0 !important;
}
html.dos-on body > :not(.dos-screen):not(.dos-spacer) {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  transform: none !important;
  pointer-events: none !important;
}
html.dos-on .dos-screen {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  z-index: 2147483000;
  touch-action: pan-y;
}
html.dos-on .dos-spacer {
  display: block;
  width: 1px;
}
html.dos-on {
  scroll-behavior: auto;
}

/* the plain fallback: the text in GWPixel Courier 26, the brand line ("GridWave DSP") in Courier 13, as the screen */
html.dos-flat body {
  background: #000 !important;
  color: #aaa !important;
}
html.dos-flat body,
html.dos-flat body * {
  font-family: "GWPixel Courier 26", ui-monospace, Menlo, monospace !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}
html.dos-flat body * {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-color: #aaa !important;
}
html.dos-flat .site-nav .brand,
html.dos-flat .site-nav .brand * {
  font-family: "GWPixel Courier 13", ui-monospace, Menlo, monospace !important;
}
html.dos-flat h1,
html.dos-flat h2,
html.dos-flat h3,
html.dos-flat h4,
html.dos-flat strong,
html.dos-flat summary {
  color: #fff !important;
}
html.dos-flat a {
  color: #02fb47 !important;
}
html.dos-flat .btn,
html.dos-flat button {
  color: #fff !important;
  border: 2px solid #aaa !important;
}
html.dos-flat main img {
  filter: grayscale(1) contrast(1.2);
}
/* the home's windows in the fallback: white text, the released status green (as the mock-up) */
html.dos-flat .dos-panel,
html.dos-flat .dos-panel span {
  color: #fff !important;
}
html.dos-flat .dos-panel .dos-live {
  color: #02fb47 !important;
}