/* css/beeko.css 맨 아래에 추가 */
/* PWA 설치 안내 배너 (게임 전체화면 레이어보다 위) */
#pwa-banner{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:1060;
  width:calc(100% - 24px);max-width:460px;display:flex;align-items:center;gap:6px;padding:10px 36px 10px 14px;
  background:rgba(23,28,39,.96);color:var(--text);border:1px solid var(--surface2);border-radius:var(--r12);
  font-size:12px;line-height:1.45;box-shadow:0 4px 16px rgba(0,0,0,.5)}
#pwa-banner .x{position:absolute;right:4px;top:2px;width:30px;height:30px;border:0;background:transparent;color:var(--dim);font-size:20px}
/* 가로 모드: 화면 높이가 낮으므로 하단 중앙 대신 좌측 하단에 작게 */
@media (orientation:landscape) and (max-height:520px){
  #pwa-banner{left:calc(8px + env(safe-area-inset-left));transform:none;bottom:8px;max-width:360px;font-size:11px;padding:6px 32px 6px 10px}
}

/* [추가] iPhone 일반 브라우저: 페이지가 짧아도 문서가 항상 스크롤 가능해야 접힌 주소창이 유지됨 (세로 포함) */
body.ios-mobile .wrapper{min-height:calc(100vh + 120px)}

/* [추가] iPhone 스와이프 전체화면: 게임 화면에서도 문서가 스크롤 가능해야 함 */
body.game-open.ios-swipe{overflow:auto}
body.ios-swipe .wrapper{min-height:calc(100vh + 120px)}
/* [추가] 폰 가로 모드: 사이드 메뉴는 열기 전까지 완전히 숨김 (☰ 버튼으로만 열림) */
body.land-phone.sidebar-collapse:not(.sidebar-open) .main-sidebar{margin-left:-250px!important}
body.land-phone.sidebar-collapse:not(.sidebar-open) .content-wrapper,
body.land-phone.sidebar-collapse:not(.sidebar-open) .main-footer{margin-left:0!important}

/* [추가] 스와이프 여유 공간 확대 (기존 120px → 240px): 스크롤 범위가 작으면 주소창이 접히지 않는 경우가 있음. beeko.css 의 같은 규칙보다 아래에 둘 것 */
body.ios-land .wrapper,body.ios-swipe .wrapper,body.ios-mobile .wrapper{min-height:calc(100vh + 240px)}