/* First paint only: the sheet's ground and the two faces, so the page is never white and never
   reflows when the module CSS arrives. Everything else lives in src/styles/. */
@font-face {
  font-family: "Zodiak";
  src: url("/fonts/Zodiak-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sligoil";
  src: url("/fonts/Sligoil-Micro.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sligoil";
  src: url("/fonts/Sligoil-MicroBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
html {
  background: #060606;
  overflow-x: clip;
}
body {
  margin: 0;
  background: #060606;
  color: #efeae7;
  font-family: "Sligoil", ui-monospace, monospace;
  font-size: 18px;
  font-synthesis: none;
}
#sea {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
#grain {
  position: fixed;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}
#sheet {
  position: relative;
  /* no z-index here: a stacking context would trap the masthead under the press grain */
  display: block;
  min-height: 100vh;
}