:root {
  color-scheme: dark;
}


html,
body {
  min-width: 100%;
  min-height: 100%;
  margin: 0;
}


body {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}



#main {
  position: fixed;
  inset: 0;
  overflow: hidden;
  isolation: isolate;
  background: black;
}

#fallback{
  position: absolute;
  z-index: 0;
}

#webgl {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;

  visibility: hidden;
}

#main.webgl-ready #webgl,
#main.webgl-ready .vignette {
  visibility: visible;
}

#main.webgl-ready #fallback {
  visibility: hidden;
}

#webgl.is-clickable {
  cursor: pointer;
}

.vignette {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at center, transparent 0%,rgba(0,0,0,0.8) 100%);  

  visibility: hidden;
}