/*
 * 27-app-gate — 网页版关门那一屏与「转过来」那一层（WEB-GATE-001 ①，C-411 ⑪；C-171）。两屏的 DOM 由 src/scripts/app-gate.js 搭，
 * 字从 ElyremGate 来。原是 26-app-frame.css 的三、四两段，一字不改搬来（WEB-GATE-001 ②）：关门那一屏根本不下发主包，「转过来」
 * 在首开三屏上也要盖，所以跟着公开的那一小包走；26 的铺满（一、二两段）随主包。排在 config/entry.json 的 styles 最后。
 */

/* 三、「转过来」（C-171：手机横屏与 iPad 竖屏不支持，出一屏提示，不做别的）。盖在一切之上（首开那一层 200、答案之书 240）；
   配色与首开那一层同一套深色（C-322：app 外面的几屏统一深色）。设备的轮廓画成要转到的那个方向。 */
.eturn {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: calc(24px + env(safe-area-inset-top, 0px)) calc(24px + env(safe-area-inset-right, 0px))
    calc(24px + env(safe-area-inset-bottom, 0px)) calc(24px + env(safe-area-inset-left, 0px));
  color-scheme: dark;
  background: #141a1c;
  color: #f0eee8;
  text-align: center;
}
.eturn[hidden] {
  display: none;
}
.eturn-device {
  width: 34px;
  height: 56px;
  border: 1.5px solid #c0bdb5;
  border-radius: 8px;
}
.eturn[data-turn="sideways"] .eturn-device {
  width: 64px;
  height: 46px;
}
.eturn-message {
  margin: 0;
  font: 500 20px/1.45 "Noto Sans SC", sans-serif;
  letter-spacing: 0.035em;
}

/* 四、关门那一屏（WEB-GATE-001 ①）：浏览器里打开只有这一屏——字标与一句话，不给下载入口（C-501）。
   形制照首开密钥屏（10 css 的 .efg-brand／.efg-form__label 的字号与字距），不借它的类：那几份是 GPT 原样文件。 */
html[data-app-gate="closed"] {
  color-scheme: dark;
  background: #141a1c;
}
.egate {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: calc(24px + env(safe-area-inset-top, 0px)) calc(24px + env(safe-area-inset-right, 0px))
    calc(24px + env(safe-area-inset-bottom, 0px)) calc(24px + env(safe-area-inset-left, 0px));
  box-sizing: border-box;
  background: #141a1c;
  color: #f0eee8;
  text-align: center;
}
/* 标识（BRAND-001 BR-3，C-633 ①）：R02＋确认字标的横向组合，纸色（01 css 的 --em-bg 浅色端）。图是 loading 屏那一份
   （assets/images/wordmark-light.svg，与壳的启动画面同一张），这里只拿它的形当遮罩、颜色由 background 给——路径一笔不动、不另存一份纸色的。
   大小与 loading 屏同一个（168 × 52.49，check.mjs 核）。 */
.egate-brand {
  width: 168px;
  height: 52.49px;
  margin: 0 0 14px;
  background: #f4f3ef;
  -webkit-mask: url("/assets/images/wordmark-light.svg") center / contain no-repeat;
  mask: url("/assets/images/wordmark-light.svg") center / contain no-repeat;
}
/* 那一句改 15 px 常规字重（G-1，C-633 ①）：原是 500 23px，比标识还抢眼。 */
.egate-message {
  margin: 0;
  font: 400 15px/1.6 "Noto Sans SC", sans-serif;
  letter-spacing: 0.035em;
}