html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: 'Arial', sans-serif;
}

a-scene {
  height: 100vh;
  width: 100vw;
}

/* Custom cursor styling */
a-cursor {
  animation-duration: 0.15s;
  animation-timing-function: ease;
}

/* Add some visual feedback for clickable elements */
.clickable {
  cursor: pointer;
}

/* Loading indicator */
body::before {
  content: 'Loading VR Scene...';
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 18px;
  z-index: 1000;
  pointer-events: none;
  animation: fadeOut 3s ease-in-out forwards;
}

@keyframes fadeOut {
  0% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; }
}