/* =========================================================
 * apps/games.css — 小游戏容器（贪吃蛇 / 消消乐）
 * ---------------------------------------------------------
 * 两个游戏都是「自包含单文件 HTML」（无外部资源、无后端依赖），
 * 由 iframe 同源承载，界面与逻辑完全由游戏自己接管。
 *
 * 这里只负责三件事：
 *   1. 铺满屏幕（游戏视口 = 模拟器屏幕 440×956）
 *   2. 隐藏系统状态栏与灵动岛，避免和游戏顶部 HUD 叠字
 *      （返回主屏用系统自带的悬浮球 .float-home）
 *   3. 加载瞬间用游戏主色打底，避免黑闪
 * ========================================================= */

.gm-app {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #ffeef5;             /* 两款游戏都是粉调，统一打底 */
}

.gm-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  /* 游戏内自带滚动容器，iframe 自身不滚动，避免双滚动条 */
  overflow: hidden;
}

/* 贪吃蛇：深粉紫底（#ff6b9d / #8b5a8b） */
.gm-app.gm-snake { background: #ffd6e8; }
/* 消消乐：粉底 */
.gm-app.gm-match3 { background: #fff0f5; }

/* 进入游戏后隐藏系统状态栏与灵动岛（游戏自带 HUD 顶到最上） */
#screen:has(.gm-app) .statusbar,
#screen:has(.gm-app) .island {
  display: none;
}