/* 게임 레이어 우선순위 관리를 위한 추가 스타일 */

/* 게임 캔버스를 최상위에 배치하지만 배경은 투명하게 */
#gameCanvas {
  position: fixed !important;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 8 !important;
  background-color: transparent !important;
}

/* 컨트롤 요소들은 게임보다 위에 */
#topControls {
  z-index: 150 !important;
}

#volumeBtn.volume-btn {
  z-index: 150 !important;
}

/* 드롭다운은 이미 최상위 */
#sentenceDropdown {
  z-index: 1999;
}

/* 미디어 요소들의 z-index 설정 */
#sentenceImageContainer {
  z-index: 10 !important;
  pointer-events: none; /* 이벤트가 게임 캔버스로 전달되게 함 */
}

#bottomImageContainer {
  z-index: 12 !important;
  pointer-events: none; /* 이벤트가 게임 캔버스로 전달되게 함 */
}