/* gameview.css — 게임을 사이트 안에서 여는 뷰. clubm·mcasino 공용(같은 파일을 양쪽에 배포).
   색은 각 사이트가 이미 쓰는 토큰을 순서대로 찾는다(clubm: --panel/--line/--acc,
   mcasino: --panel-bg/--border-color/--accent-green). 값 하드코딩은 마지막 폴백 한 겹만. */

.gv-host { position: fixed; inset: 0; z-index: 12000; display: flex; flex-direction: column;
  background: var(--bg2, var(--bg-dark, #06101a)); }
.gv-host[hidden] { display: none; }

.gv-bar { flex: none; display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 12px;
  background: var(--panel, var(--panel-bg, #101f2b));
  border-bottom: 1px solid var(--line, var(--border-color, #1f3644)); }

.gv-title { flex: 1; min-width: 0; font-size: 14px; font-weight: 700;
  color: var(--txt, var(--text-white, #fff));
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.gv-btn { flex: none; height: 34px; padding: 0 13px; border: 1px solid var(--line, var(--border-color, #1f3644));
  border-radius: 9px; background: transparent; cursor: pointer; font-size: 12.5px; font-weight: 600;
  color: var(--txt, var(--text-white, #fff)); font-family: inherit; display: inline-flex;
  align-items: center; gap: 6px; white-space: nowrap; }
.gv-btn:hover { border-color: var(--acc, var(--accent-green, #12c27a)); }
.gv-btn.main { background: var(--acc, var(--accent-green, #12c27a));
  color: var(--on-acc, #06210f); border-color: transparent; }

.gv-frame { flex: 1; width: 100%; border: 0; display: block; background: #000; }

/* 게임이 iframe 삽입을 막는 경우를 위한 안내 — 사이트는 그대로 남는다 */
.gv-note { flex: none; padding: 10px 14px; font-size: 12px; line-height: 1.6;
  color: var(--mut, var(--text-grey, #8fa3b4));
  border-top: 1px solid var(--line, var(--border-color, #1f3644)); }
.gv-note[hidden] { display: none; }

html.gv-open, body.gv-open { overflow: hidden !important; }

@media (max-width: 640px) {
  .gv-bar { height: 46px; padding: 0 8px; gap: 6px; }
  .gv-btn { height: 30px; padding: 0 10px; font-size: 12px; }
  .gv-title { font-size: 13px; }
}