@font-face {
  font-family: "Space Grotesk";
  font-weight: 600;
  font-display: block;
  src: url("/fonts/space-grotesk-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-weight: 700;
  font-display: block;
  src: url("/fonts/jetbrains-mono-latin-700-normal.woff2") format("woff2");
}

:root { --bg: #131416; --bone: #EDEBE6; }
html, body { margin: 0; height: 100%; background: var(--bg); overflow: hidden; }
#stage { position: fixed; inset: 0; }
#stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
#stage canvas.stage { filter: drop-shadow(0 0 6px rgba(237, 235, 230, 0.26)); }

/* shown only when the script doesn't run */
.fallback {
  margin: 0; height: 100%; display: grid; place-items: center;
  color: var(--bone); font: 600 clamp(48px, 9vw, 120px)/1 "Space Grotesk", system-ui, sans-serif;
  letter-spacing: -0.01em;
}
.fallback { visibility: hidden; } /* noscript.css shows it */

.sr-only {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}