/* ============================================================
   页内游戏覆盖层
   · 全屏盖在平面版/3D 之上，背景音乐不断
   · 每个游戏在 #gv-<name> 里，样式由 game-views.css 作用域隔离
   ============================================================ */

#gameHost{
  position: fixed;
  inset: 0;
  z-index: 900;
  display: flex;
  flex-direction: column;
  background: var(--ink-base);
  overflow: hidden;
}
#gameHost[hidden]{ display: none !important; }

/* 顶部返回条 */
#gameHost .gh-bar{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px clamp(16px, 4vw, 30px);
  background: linear-gradient(180deg, var(--nav-bg), var(--nav-bg2));
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  border-bottom: 1px solid var(--line);
  z-index: 2;
}
#gameHost .gh-back{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--line-a);
  background: var(--surf);
  color: var(--muted);
  font-family: var(--zh);
  font-size: .78rem;
  letter-spacing: .06em;
  cursor: pointer;
  transition: .3s var(--ease);
}
#gameHost .gh-back:hover{
  color: var(--c2-lt);
  border-color: var(--line-a2);
  background: var(--surf-2);
  transform: translateX(-2px);
}
#gameHost .gh-title{
  font-family: var(--serif);
  font-style: italic;
  font-size: .92rem;
  letter-spacing: .08em;
  color: var(--c2-lt);
}

/* 内容区可滚动 */
#gameHost .gh-stage{
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* 每个游戏容器 */
#gameHost .game-view{
  min-height: 100%;
  padding-bottom: 40px;
}

/* 游戏页里统一复用 .stage 的宽度 */
#gameHost .game-view .stage{
  max-width: 880px;
  margin: 0 auto;
  padding: 32px clamp(16px, 4vw, 30px) 60px;
}

/* 打开游戏时锁住背后的滚动 */
body.in-game{ overflow: hidden; }

/* 游戏卡片被点过之后不再当作链接 */
.game-card[data-bound]{ cursor: pointer; }