/* ── 부트스트랩 레이아웃(상단 네비 + 푸터) 안에 끼워 넣기 위한 임베드 전용 보정 ──
   공유 style.css(standalone index.html 과 공용)는 손대지 않고 여기서만 덮어씀.
   이 파일은 MVC 임베드(러미 뷰)에서만 링크되며 standalone 게임에는 로드되지 않음. */

/* 네비 → 게임(#app) → 푸터 가 세로로 쌓이고, 게임이 남는 높이를 채우도록 */
body { display: flex; flex-direction: column; min-height: 100vh; }
#app { flex: 1 1 auto; width: 100%; }
#screen-start, #screen-game { min-height: 100%; }

/* 모바일에서는 공용 푸터가 게임 배경과 이질감이 있어 숨김(네비는 이동 위해 유지) */
@media (max-width: 768px) {
	.site-footer { display: none; }
}

/* ── Bootstrap 컴포넌트 클래스 충돌 차단 ──
   게임 모달은 .modal 대신 .rk-modal 사용(부트스트랩 .modal{display:none} 충돌 회피). */
#app .card, #modal-root .card { background-color: transparent; border: 0; border-radius: 0; }
#toast.toast { width: auto; }