/* 모바일 채팅 전체 화면(js/mobile_chat.js, 2026-10-09) — 700px 이하에서만 동작. 클래스는 전체 화면이 열려 있는 동안만 붙는다.
   .mcf-on = 로그+입력창을 품은 기존 패널(그대로 fixed 전체 화면) · .mcf-mid = 패널과 로그 사이 중간 조상 · .mcf-log = 말풍선 스크롤 영역
   입력창은 패널 안 원래 자리(로그 아래)에 있으므로 자연히 화면 맨 아래에 붙는다. 높이·top 은 js 가 visualViewport 로 인라인 지정(키보드 대응).
   패널 내용이 화면보다 길면(투표 패널 등) 패널 자체가 세로 스크롤되고 로그는 120px 까지만 줄어든다 */
@media (max-width:700px){
  html.mcf-lock,html.mcf-lock body{overflow:hidden!important;height:100%;overscroll-behavior:none}
  .mcf-on{position:fixed!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:100vh;height:100dvh;min-height:0!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:100000!important;display:flex!important;flex-direction:column!important;overflow:hidden auto!important;box-sizing:border-box!important;transform:none!important;animation:none!important}
  .mcf-on>*{flex-shrink:0}
  .mcf-mid{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden!important}
  .mcf-mid>*{flex-shrink:0}
  .mcf-on .mcf-log{flex:1 1 auto!important;min-height:120px!important;height:auto!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .mcf-on::after{content:"";display:block;flex-shrink:0;height:env(safe-area-inset-bottom,0px)}
  /* 축소 모드(키보드가 떠 있을 때, js 가 .mcf-compact 토글): 상단 바를 숨기고 입력 줄 패딩을 줄인다. 로그 위 블록 접기는 js 가 인라인으로 */
  .mcf-on.mcf-compact .mcf-bar{display:none}
  .mcf-on.mcf-compact .mcf-foot{padding-top:4px!important;padding-bottom:4px!important}
  .mcf-bar{display:flex;align-items:center;gap:8px;min-height:38px;padding:env(safe-area-inset-top,0px) 10px 0 2px;background:rgba(17,24,39,.96);color:#fff;font-size:.8rem;font-weight:800;flex-shrink:0;box-sizing:border-box;line-height:1.2}
  .mcf-back{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#c7d2fe;font:inherit;font-weight:900;font-size:.88rem;padding:9px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap}
  .mcf-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e5e7eb}
}