/* 「チーズは誰が食べた？」の夜の読み上げだけの見た目。
   値の出典: UIUX大臣 09_uiux/deliverables/screens/2026-09-28_チーズの読み上げの見直し_画面の意見.md と見本 mock.html（社長の決定 追記134）。
   夜の間は、今の .nightscreen（extra.css。規則 5章14の固定の1文）の代わりに、読み上げている文と、目を開けている間の数を出す。 */
/* 高さ: .play の上下の余白（スマホ 上8px・下16px＋ホームバー、パソコン 上下24px）を引いて、ちょうど1画面に（UIUX大臣 2026-09-28） */
.nightscreen2 { min-height: calc(100vh - 48px - env(safe-area-inset-bottom)); min-height: calc(100svh - 48px - env(safe-area-inset-bottom)); display: grid; place-content: center; justify-items: center;
  gap: var(--sp-6); padding: var(--sp-8) var(--gutter, 16px); }
.nightscreen2__text { color: #A0ACA5; font-size: var(--fs-head); font-weight: 500; line-height: 1.7; letter-spacing: .02em;
  text-align: center; max-width: 14em; word-break: auto-phrase; text-wrap: balance; }
/* 数が出ない区切りでも高さを取っておき、文が上下に動かないようにする */
.nightscreen2__count { color: #A0ACA5; font-family: var(--f-num); font-size: var(--fs-display); line-height: 1; min-height: 1em;
  font-variant-numeric: tabular-nums; }
.nightscreen2__count[data-off] { visibility: hidden; }
/* 夜の間と、朝から終わりまで: 上の帯と下の1行を隠す（追記134。「非公式」と注意書きは始める前の画面で出している） */
body.night .bar, body.night .footline,
body.playing .bar, body.playing .footline { display: none; }
/* 見出しの折れ目: 375幅で「「チーズは誰が食べた？」の／夜の読み上げ」で折る（h1 に <wbr>。インサイダーと同じ作り） */
#heading b { word-break: keep-all; letter-spacing: 0; }