/* 原型画在 360×740 的手机框里，带标题、说明和 DEV 面板；真机上去掉这些，让画面铺满屏幕。
   每个游戏页在自己的样式之后引入本文件。 */
html, body { height: 100%; }
body { background: #07090a; overscroll-behavior: none; -webkit-tap-highlight-color: transparent; }
body > h1, body > .lead, .devp, .tabbar { display: none !important; }
.stage { width: auto !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: none !important; }
.frame {
  width: 100% !important; max-width: 480px; margin: 0 auto !important;
  height: 100vh !important; height: 100dvh !important; min-height: 0 !important;
  border-radius: 0 !important;
  padding-top: env(safe-area-inset-top, 0px);
}
/* 原型给底部导航栏留了空间，这里没有导航栏 */
.gbody { padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important; }

/* 试玩提示（js/game.js 插在标题栏下面） */
.pmg-note {
  flex: none; margin: -4px 12px 6px; padding: 5px 10px; border-radius: 999px; text-align: center;
  font: 500 11px/16px "Roboto", sans-serif; color: rgba(255, 255, 255, .6);
  background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
  position: relative; z-index: 2;
}

/* 不是从 App 打开 / 会话过期 */
.pmg-gate {
  position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 24px;
  background: rgba(0, 0, 0, .78);
}
.pmg-gate-card {
  max-width: 320px; padding: 22px 20px; border-radius: 18px; text-align: center;
  background: #121614; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); color: #fff;
}
.pmg-gate-card b { display: block; font: 700 17px/24px "Be Vietnam Pro", sans-serif; }
.pmg-gate-card p { margin: 8px 0 0; font: 400 13px/20px "Roboto", sans-serif; color: rgba(255, 255, 255, .7); }

/* Rules 改成链接后去掉下划线（原型用 border-bottom 画线） */
a.rulesb { text-decoration: none; }