/* ── 자동 생성 · 고치지 마세요 ──────────────────────────────────────────
   원본: ui-src/bch/holdem-mount.css
   이 자리는 「node 도구/화면-빌드.js」 가 채웁니다.
   여기를 직접 고치면 다음 빌드에서 사라집니다. */
/* 리액트 홀덤이 얹히는 칸. 이 파일이 하는 일은 «칸 크기» 하나뿐이다 —
   화면 안쪽은 전부 리액트가 그린다.

   · 100dvh 를 쓴다. 폰에서 주소창이 들락거려도 칸이 흔들리지 않는다.
     (100vh 는 주소창이 있을 때도 «없을 때 높이» 라 아래가 잘린다)
   · 남는 칸에 맞춰 리액트가 스스로 가로판/세로판을 고르고 배율을 잡는다. */
#view-bch .bch-main { padding: 0; }
#view-bch .bch-react-mount {
  width: 100%;
  /* ■ 왜 «머리(65px)»만 빼는가 — 예전에는 132px 을 뺐다
       그러면 1728×1117 짜리 사장님 노트북에서 칸이 985px 이 되고, 남는 67px 에는
       바닥글(#siteFooter)의 «윗동강»만 보였다. 그런데 홀덤 화면은 body 가
       overflow:hidden 이라 **스크롤이 아예 안 된다**(실측: scrollHeight 1117 =
       창 1117). 즉 그 67px 로는 바닥글을 다 볼 수도 없고, 게임만 6.8% 작아졌다.
       머리는 sticky · 높이 65 로 고정이고 #view-bch 는 패딩 0 이라 딱 떨어진다.
       실측: 배율 0.911 → 0.973 (칸 985 → 1052) */
  height: calc(100dvh - 65px);
  min-height: 420px;
  border-radius: 14px;
  overflow: hidden;
  background: #05080a;
}

/* ══════════════════════════════════════════════════════════════════════
   홀덤을 보는 동안에는 «판 위에 뜨는 것»을 치운다 (사장님 §30)

   블랙클럽 본체에는 화면 위에 떠 있는 것이 셋 있다. 홀덤 화면에서 재 보니
   두 개가 실제로 게임을 덮고 있었다(1728×1117 실측):
     #dlBanner  「BC 앱 · 홈 화면에 추가」 안내   14,364  150×388 → 왼쪽 좌석 위
     #srFabWrap 「LIVE」 떠 있는 단추           1471,1033 233×60 → 레이스 칸 위
     #siteFooter 바닥글                          0,1050  1728×167 → 스크롤이 안 돼
                                                  윗동강만 보이는 죽은 띠
   셋 다 홀덤 화면에서만 감춘다. 블랙클럽 홈으로 돌아가면 body 이름표가
   바뀌면서 곧바로 되돌아온다 — 폰에서 머리·탭바를 감추는 것과 같은 방식이다.
   ══════════════════════════════════════════════════════════════════════ */
body.bc-view-bch #dlBanner,
body.bc-view-bch #srFabWrap,
/* ■ 후원사 칸도 감춘다 (2026-09-08 저녁 · 교차검증에서 잡음)
     이 줄이 빠져 있어서 홀덤 화면 «아래»에 보증업체 칸이 그대로 붙어 있었다.
     그러면 페이지가 스크롤된다 — 손가락으로 위로 쓸면 게임판이 밀려 올라가고
     보증업체 칸이 올라온다. 폰을 가로로 눕히면(844×390) 넘치는 높이가 422px 라
     게임판보다 커서, 한 번만 쓸어도 게임이 통째로 사라진다.
     「연결이 끊겼습니다」 안내도 무대 안에 있어 같이 밀려 화면 밖으로 나간다.
     전체모드·간략모드·심플모드는 이미 이것을 감추고 있었다 — 기본모드만 빠져 있었다. */
body.bc-view-bch #sponsorsSection,
body.bc-view-bch #siteFooter { display: none !important; }

/* ══════════════════════════════════════════════════════════════════════
   폰에서는 홀덤이 화면을 통째로 쓴다.

   ■ 왜 이렇게까지 하나 — 안 하면 폰에서 홀덤을 못 한다
     예전 BC홀덤은 따로 열리는 페이지라 화면 세로를 전부 썼다.
     지금은 블랙클럽 «안»에 들어와서 위 머리 58px + 아래 탭바 60px 을
     빼앗긴다. 360×640 짜리 흔한 안드로이드에서 남는 높이가 508px 이 되고,
     세로판 배율이 0.397 까지 떨어져 리액트가 「화면이 너무 작습니다」로
     막아 버렸다(실측). 주소창까지 뜨면 더 나쁘다.

     머리와 탭바를 감추면 640px 을 다 쓴다 → 배율 0.5.
     주소창이 뜬 최악(560px)에도 0.4375 로, 세로판이 원래 기준 삼은 값이다.
     그 값에서 단추 45.5px · 글자 11.4px 로 손끝 기준을 넘는 것을 이미 쟀다.

   ■ 돌아갈 길은 막지 않는다
     홀덤 화면 왼쪽 위의 「←」 단추가 블랙클럽 홈으로 되돌린다.
     홈으로 가면 body 의 이름표가 바뀌어 머리와 탭바가 곧바로 돌아온다.
   ══════════════════════════════════════════════════════════════════════ */
/* 폰 세로(폭 760 이하) 뿐 아니라 «폰 가로»(844×390 처럼 납작한 화면)도 포함한다.
   가로로 누운 폰에서는 어차피 「세로로 돌려 주세요」 안내가 뜨는데, 머리가 65px 을
   먹으면 그 안내마저 납작하게 눌린다. 폭 900 이하 + 높이 620 이하로 한정해서
   보통 데스크톱 창은 건드리지 않는다.

   ■ 900 → 1000 으로 넓혔다 (2026-09-08 저녁 · 교차검증에서 잡음)
     픽셀7·8(915×412) 이나 아이폰 프로맥스(932×430 · 956×440) 처럼 «큰 폰»을
     눕히면 폭이 900 을 넘어 이 묶음이 통째로 안 걸렸다. 그러면 머리띠 65px 이
     그대로 남고, 위쪽 min-height:420 이 이겨 화면이 세로로 45~73px 굴러간다.
     실측: 900×414 는 굴림 0 · 901×414 부터 71 · 915×412 는 73 · 956×440 은 45.
     폰 가로는 956px 이 최대라 1000 이면 다 덮이고, 데스크톱 창은 높이 620 조건에
     걸려 그대로다(가장 흔한 노트북 높이가 800~1117 이다). */
@media (max-width: 760px), (max-width: 1000px) and (max-height: 620px) {
  /* 머리는 body 바로 밑이 아니라 #app 안에 있다 — 처음에 «> header» 로 적었다가
     안 먹어서 폰 화면 위 65px 을 그대로 빼앗겼다(실측). */
  body.bc-view-bch #app > header,
  body.bc-view-bch #tabbar { display: none !important; }

  /* ■ 탭바를 감췄으면 «탭바 자리»도 없애야 한다 (사장님 §21)
       블랙클럽은 폰에서 아래 탭바에 가리지 않도록 #app 에 padding-bottom:96px 을
       준다. 홀덤에서는 탭바를 display:none 으로 감추는데 이 여백은 그대로 남아서,
       화면 아래에 96px 짜리 «검은 띠»가 생기고 페이지가 그만큼 아래로 스크롤됐다.
       실측(무대 높이는 100dvh 로 맞는데도):
         390×844 · 375×667 · 360×800 · 430×932 — 네 크기 전부 body 가 창보다
         정확히 96px 높았다(#app css height 940 / 763 / 896 / 1028).
       여백만 지우면 된다. 홈으로 돌아가면 body 이름표가 바뀌어 곧바로 되돌아온다. */
  body.bc-view-bch #app { padding-bottom: 0 !important; }

  /* 화면을 감쌌던 여백을 없앤다 — 테이블이 가장자리까지 간다 */
  body.bc-view-bch #view-bch,
  body.bc-view-bch #view-bch .wrap { padding: 0 !important; margin: 0 !important; max-width: none !important; }

  #view-bch .bch-react-mount {
    height: 100dvh;
    min-height: 0;
    border-radius: 0;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   전체모드(html.bch-fs) — 머리 65px 을 도로 돌려받는다 (2026-09-04)

   평소에는 위 머리(65px)를 빼고 칸을 잡는다. 전체모드에서는 그 머리를
   감추므로 그만큼이 남는다 — 안 돌려받으면 화면 아래에 65px 짜리 빈
   검은 띠만 생기고 판은 그대로다(실측: 1117 창에 칸 1052).
   아이디가 붙은 위 규칙(#view-bch .bch-react-mount)을 이겨야 하므로
   html.bch-fs 를 앞에 끼운다.

   폰은 이미 위 미디어쿼리에서 100dvh 를 쓰고 머리·탭바를 감추므로
   사실상 늘 전체화면이다. 이 규칙은 주로 PC·노트북에서 효과가 있다.
   ══════════════════════════════════════════════════════════════════════ */
html.bch-fs #view-bch .bch-react-mount {
  height: 100dvh;
  border-radius: 0;
}

/* ══════════════════════════════════════════════════════════════════════
   아이폰 «흉내 전체화면»에서 주소창을 접을 수 있게 굴릴 자리를 둔다 (2026-09-15)

   사장님: 「전체화면 눌러도 소용이 없네요」
   아이폰 사파리는 페이지 전체화면 API 가 없다. 그때 껍데기는 html.bch-fs-css 로
   흉내만 내는데, 폰에서는 사이트 머리·탭바가 이미 감춰져 있어 눈에 띄는 변화가
   없었다. 남는 것은 사파리 «주소창»(눕히면 50pt 쯤)이고, 사파리는 페이지가
   굴러갈 때만 그것을 접는다. 그런데 게임 화면은 창에 꼭 맞아 굴러갈 데가 없었다.
   그래서 흉내 모드에서만 문서를 창보다 조금 길게 둔다 — #view-bch 는 fixed 라
   게임판은 제자리이고, 회원이 한 번 쓸어올리면 주소창이 접히며 100dvh 칸이 커진다.
   접히는 높이보다 넉넉히(180px) 둬야 사파리가 «끝까지» 접는다.
   ══════════════════════════════════════════════════════════════════════ */
html.bch-fs-css body.bc-view-bch { overflow-y: auto; }
html.bch-fs-css body.bc-view-bch::after { content: ''; display: block; height: 180px; }