html, body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  background: radial-gradient(circle at 50% 30%, #2a1f45 0%, #14101f 70%);
  font-family: "Segoe UI", Arial, sans-serif;
}

#scene {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;
}

.hint {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  margin: 0;
  color: #ffe9ac;
  font-size: 13px;
  opacity: 0.85;
  pointer-events: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}