/* 演出屏·手机竖屏版（docs/MOBILE_UI_PLAN.md 第 4 节、第 6 节第 3 期）：标题、章节卡与月结、召对、翻牌子、插画字幕、终局本纪。
   ≤860px 生效；电脑上只认 .menu-minor 不占位、.menu-item i 不显示。 */

.menu-minor { display: contents; }
.menu-item i { display: none; }

@media (max-width: 860px) {
  /* ——标题：上半是主视觉和标题，下面一颗「继续」，「开局」次一级，其余五样收成屏底一排—— */
  .scr-title { overflow: hidden; }
  .title-wrap { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: calc(var(--safe-t) + 3vh) 18px 0; overflow: visible; }
  .logo { flex: 1; justify-content: center; gap: 4px; }
  .logo-title { font-size: clamp(34px, 11vw, 56px); }
  /* 两行字底下垫一层四边晕开的暗底：主视觉换成哪张都压得住（水面倒影最亮那段就在这里） */
  .logo-sub, .logo-tag { align-self: stretch; margin-inline: -18px; padding-inline: 18px; background: radial-gradient(ellipse 75% 55% at 50% 50%, rgba(8, 5, 3, 0.74), rgba(8, 5, 3, 0.5) 45%, transparent); }
  .logo-sub { padding-block: 14px; letter-spacing: 0.4em; font-size: 13.5px; text-shadow: 0 1px 3px #000, 0 0 10px rgba(0, 0, 0, 0.95); }
  .logo-tag { margin-top: -16px; padding-block: 18px; color: #dccfb4; font-size: 12.5px; line-height: 1.85; text-shadow: 0 1px 4px #000, 0 0 14px rgba(0, 0, 0, 0.9); }
  .menu-col { flex: none; padding: 14px 0 6px; }
  .menu { gap: 10px; }
  .menu > .menu-item { align-items: center; min-height: 54px; padding: 10px 18px; }
  .menu > .menu-item.primary { min-height: 64px; justify-content: center; flex-direction: column; gap: 2px; border-left-width: 1px; border-color: rgba(242, 207, 122, 0.45); text-align: center; }
  .menu > .menu-item.primary b { font-size: 28px; letter-spacing: 0.4em; }
  .menu > .menu-item:not(.primary) b { font-size: 20px; }
  .menu-minor { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin-top: 6px; }
  .menu-minor .menu-item {
    flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 60px; padding: 6px 0 5px;
    border-left-width: 1px; border-radius: 6px; background: rgba(16, 10, 7, 0.82); transform: none;
  }
  .menu-minor .menu-item:hover { padding-left: 0; }
  .menu-minor .menu-item i { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--gold-dim); border-radius: 50%; color: var(--gold-bright); font: 16px/1 var(--f-brush); font-style: normal; }
  .menu-minor .menu-item b { font: 12px/1.2 var(--f-serif); letter-spacing: 0; color: var(--text); }
  .menu-minor .menu-item small { display: none; }
  .title-foot { padding: 4px 18px calc(10px + var(--safe-b)); gap: 2px 12px; font-size: 11px; line-height: 1.5; }

  /* ——章节卡 / 月结：从上往下长，屏跟着往下走（month.js followGrowth）；屏底一条固定：先是「点击加速」，播完换成「展阅奏匣」—— */
  .ch-wrap { justify-content: flex-start; gap: 16px; padding: calc(var(--safe-t) + 4vh) 14px calc(100px + var(--safe-b)); }
  .ch-skip, .scr-chapter .ch-go { position: fixed; z-index: 3; left: 12px; right: 12px; bottom: calc(12px + var(--safe-b)); }
  .ch-skip { padding: 12px 0; border-radius: 999px; background: rgba(8, 5, 3, 0.7); text-align: center; pointer-events: none; }
  .scr-chapter .ch-go { min-height: 58px; margin: 0; font-size: 20px; box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.6); }
  .ch-wrap:has(.ch-go:not([hidden])) .ch-skip { display: none; }

  /* ——插画：字幕让开屏底的手势条，「点击继续」摆在拇指下的正中—— */
  .cg-cap { left: 18px; right: 18px; bottom: calc(60px + var(--safe-b)); }
  .cg-hint { left: 0; right: 0; bottom: calc(20px + var(--safe-b)); text-align: center; }
  .cg-new { top: calc(var(--safe-t) + 7vh); right: 18px; width: 72px; height: 72px; font-size: 28px; }

  /* ——召对：立绘顶着上沿站，脸露在对话框上方；上下黑边让给刘海与手势条；话头横滑一排；底下一排按钮够得着—— */
  .aud .bars.top { height: var(--safe-t); }
  .aud .bars.bot { height: 0; }
  .aud-stage { align-items: flex-start; padding-top: calc(var(--safe-t) + 2vh); }
  .tachie { height: 74dvh; max-width: 104vw; }
  .tachie[data-pose="kowtow"]:not(.pose-art), .tachie[data-pose="prison"]:not(.pose-art) { transform: translateY(22%) scale(0.92); }
  .aud-box { left: 8px; right: 8px; width: auto; transform: none; padding: 24px 14px 6px; }
  .aud-text { max-height: 24dvh; }
  .aud-openers { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 8px -14px 0; padding: 2px 14px; }
  .aud-openers::-webkit-scrollbar { display: none; }
  .aud-openers em { flex: none; white-space: nowrap; }
  .aud-openers .ao-q { flex: none; max-width: 76vw; min-height: 36px; padding: 6px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .aud-form { margin-top: 8px; padding-top: 8px; }
  .aud-form input { padding: 10px 12px; }
  .aud-form .gbtn { min-width: 52px; min-height: 44px; }
  .aud-tools { margin-top: 4px; gap: 4px; }
  .aud-tools .tbtn { min-height: 40px; padding: 0 12px; font-size: 14px; }
  .aud-tools .tbtn[data-t="end"] { color: var(--text); border: 1px solid rgba(201, 161, 74, 0.3); }
  .aud-log { top: calc(var(--safe-t) + 10px); left: 8px; right: 8px; width: auto; bottom: auto; max-height: 52dvh; }
  .aud-lev { bottom: calc(var(--safe-b) + 230px); }

  /* ——翻牌子：「罢了」落到屏底—— */
  .nt-stage { padding-bottom: calc(84px + var(--safe-b)); }
  .night .nt-btns { position: fixed; left: 12px; right: 12px; bottom: calc(12px + var(--safe-b)); z-index: 4; }
  .night .nt-btns .gbtn { flex: 1; min-height: 52px; }

  /* ——终局本纪：正文改横排、竖着滚（竖排留给电脑与截图卡片）；天眼各节单列；暗事两张一行；底下几颗按钮够得着—— */
  .chron { padding: calc(var(--safe-t) + 5vh) 14px calc(24px + var(--safe-b)); }
  .ch-hero { margin-bottom: 28px; }
  .end-seal { width: 104px; height: 104px; font-size: 32px; }
  .end-title { margin-top: 12px; font-size: clamp(28px, 8.4vw, 40px); letter-spacing: 0.06em; }
  .end-stats { gap: 6px 16px; }
  .benji-scroll { direction: ltr; overflow: visible; margin-bottom: 32px; padding: 20px 16px 22px; }
  .benji-v { display: block; height: auto; writing-mode: horizontal-tb; }
  .benji-v h2 { margin: 0 0 12px; padding: 0 0 10px; border-left: 0; border-bottom: 1px solid rgba(179, 38, 30, 0.3); text-align: center; font-size: 28px; }
  .benji-text { font-size: 16px; line-height: 2.1; letter-spacing: 0.04em; background: repeating-linear-gradient(180deg, transparent 0 calc(2.1em - 1px), rgba(179, 38, 30, 0.1) calc(2.1em - 1px) 2.1em); }
  .rv { margin-bottom: 34px; }
  .rv h2 { font-size: 22px; letter-spacing: 0.1em; }
  .rv h2 small { display: block; margin: 2px 0 0; }
  .verdict-box .verdict { padding: 14px 14px; font-size: 15.5px; }
  .swc { grid-template-columns: 4.6em 1fr 5em; gap: 8px; }
  .swc b { font-size: 16px; letter-spacing: 0.05em; }
  .tcards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .tcard { height: 172px; }
  .tc-front, .tc-back { padding: 12px 12px; }
  .tcard p { font-size: 12.5px; }
  .rv summary { padding: 11px 0; }
  .final-grid { grid-template-columns: 1fr; }
  .end-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .end-actions .gbtn { min-height: 48px; padding-left: 4px; padding-right: 4px; }
  .end-actions .gbtn.big { grid-column: 1 / -1; min-height: 56px; }
  .finale-wrap { padding: calc(var(--safe-t) + 6vh) 22px calc(70px + var(--safe-b)); }
  .finale-text { font-size: 16.5px; line-height: 2.1; }

  /* ——天下运转：底图亮处压着字，给史官的话垫一层暗—— */
  .busy-tip { padding: 0 6px; text-shadow: 0 1px 4px #000, 0 0 12px rgba(0, 0, 0, 0.95); }
}