/* ==========================================================================
   嵌入模式样式（html.embed，由 /embed.js 依 ?embed=1 添加）
   --------------------------------------------------------------------------
   App 内打开游戏时：网页自己的顶栏、游戏切换器、标题块全部让位，
   由 Flutter 的原生 AppBar 负责导航与余额。只留游戏本体与下注区。
   ========================================================================== */

/* 顶部网页导航：返回大厅 / 余额 / 3D 游戏厅 */
html.embed .slot-top,
html.embed .mj-top,
html.embed .hall-top {
  display: none !important;
}

/* 游戏切换器：大厅里已经能选，嵌入时不重复 */
html.embed .slot-nav {
  display: none !important;
}

/* 页面标题块：AppBar 已有游戏名 */
html.embed .slot-head,
html.embed .fish-head,
html.embed .bb-head {
  display: none !important;
}

/* 去掉为固定顶栏预留的间距，改为安全区高度 */
html.embed body {
  padding-top: max(8px, env(safe-area-inset-top, 0px)) !important;
  padding-bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
  background: var(--app-bg, #0a0a0d) !important;
}

/* 游戏舞台尽量往上顶，给画布更多高度 */
html.embed .slot-stage,
html.embed .fish-ocean,
html.embed .bb-wheel-wrap,
html.embed .mj-table {
  margin-top: 4px !important;
}

/* 嵌入时不显示「选择注额后点击旋转」这类网页提示 */
html.embed .slot-result:empty {
  display: none !important;
}

/* 移动端：让主容器贴合屏幕 */
html.embed main,
html.embed #slot-page,
html.embed #fish-page,
html.embed #mahjong-page,
html.embed #bb-page,
html.embed .hall {
  padding-top: 0 !important;
}

/* 底部导航：网页自带的 dock / 游戏切换条在 App 内一律隐藏，导航交给原生 */
html.embed .dock,
html.embed nav.dock,
html.embed #gameNav,
html.embed .hall-dock,
html.embed .slot-dock,
html.embed .lobby-tabbar,
html.embed .bottom-nav {
  display: none !important;
}

/* 嵌入时不显示网页自己的一级标题与返回按钮 */
html.embed .lobby-heading,
html.embed .page-heading,
html.embed .back-button {
  display: none !important;
}

/* 安全区兜底：让画布真的铺满 */
html.embed,
html.embed body {
  min-height: 100% !important;
  overflow-x: hidden;
}