/* Kelid - coming soon */
:root { color-scheme: dark; }
html, body { height: 100%; margin: 0; }
body {
  background: #07090E;
  background-image: radial-gradient(115% 85% at 50% 47%, #111723 0%, #0B0F17 46%, #06080C 100%);
  overflow: hidden;
}
.stage {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#scene {
  display: block;
  flex: none;
  width: min(96vw, 1320px, calc(94vh * 1.772));
  height: auto;
  overflow: visible;
}
.js #scene { visibility: hidden; }
.grain {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: url(grain.png);
  background-size: 256px 256px;
  opacity: 0.055;
  mix-blend-mode: screen;
}
@media (max-aspect-ratio: 3/4) {
  /* portrait phones: the word carries the page, keep it large */
  #scene { width: 118vw; }
}