/* 1. 방장 컨트롤 패널 버튼 컨테이너 (기존 style="margin-bottom: 20px;") */
#admin-btn {
  margin-bottom: 20px;
}

/* 2. 방 만들기 영역 (기존 style="text-align: center; padding: 20px 0;") */
.room-setup-section {
  text-align: center;
  padding: 20px 0;
}

/* 3. 방 만들기 안내 텍스트 (기존 style="font-size: 0.9rem; color: #636e72; margin-bottom: 15px;") */
.setup-guide-text {
  font-size: 0.9rem;
  color: #636e72;
  margin-bottom: 15px;
}

/* 4. 방 만들기 버튼 (기존 style="width: 200px;") */
.btn-create-room {
  width: 200px;
}

/* 5. ID 공유 안내 텍스트 (기존 style="margin-bottom: 20px;") */
.host-guide-text {
  font-size: 0.8rem;
  color: #94a3b8;
  text-align: center;
  margin-bottom: 20px;
}

/* 6. 모달 위치 및 배경 제어 (none 클래스 포함) */
.none {
  display: none !important;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  backdrop-filter: blur(3px);
}