:root {
  color-scheme: dark;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  background: #060807;
  color: #edf4e5;
}

* {
  box-sizing: border-box;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

body {
  background:
    radial-gradient(circle at 20% 10%, rgba(61, 94, 54, 0.34), transparent 28rem),
    radial-gradient(circle at 78% 82%, rgba(104, 32, 55, 0.2), transparent 30rem),
    #050705;
}

#app {
  position: relative;
}

#game-canvas {
  display: block;
  width: 100vw;
  height: 100vh;
  image-rendering: auto;
  background: #050805;
}

#loading-note {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: rgba(236, 247, 221, 0.75);
  font-size: 14px;
  letter-spacing: 0;
  pointer-events: none;
}

.is-ready #loading-note {
  display: none;
}