* {
  box-sizing: border-box;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: "Segoe UI", system-ui, sans-serif;
  background: #0f2f1f;
  color: #f8f9fa;
}

#game-stage {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

#lightfall-root {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

#lightfall-root.lightfall-interactive {
  pointer-events: auto;
}

#pixi-container {
  position: absolute;
  inset: 0;
  touch-action: none;
  overflow: hidden;
  z-index: 1;
}

#pixi-container canvas {
  display: block;
  touch-action: none;
}