/* === Global Style Reset & Layout === */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: radial-gradient(circle at center, #1f1f1f 0%, #000000 100%);
}

/* Ensures the canvas occupies the full viewport */
#three-canvas {
  width: 100%;
  height: 100%;
  display: block; /* Removes unwanted scrollbars in some browsers */
  cursor: grab;
}

#three-canvas:active {
  cursor: grabbing;
}