/* ============================================================
     タイトル画面（#screen-title）・読込エラー画面（#screen-error）
     ============================================================ */
  #screen-title, #screen-error{ justify-content:center; align-items:center; text-align:center; gap:28px; }
  .glyph-guard{
    font-family:'Yuji Syuku',serif;
    font-size:100px;
    color:var(--blood-bright);
    text-shadow:0 0 22px rgba(201,42,61,0.55), 0 0 60px rgba(139,26,43,0.3);
    line-height:1;
  }
  .title-block h1{
    font-family:'Yuji Syuku',serif;
    font-size:clamp(30px,8vw,32px);
    margin:0 0 10px;
    letter-spacing:.04em;
    color:var(--bone);
    text-shadow:0 2px 18px rgba(0,0,0,0.8);
  }
  .title-block p.sub{
    margin:0;
    font-size:14px;
    color:var(--bone-dim);
    letter-spacing:.08em;
  }
  /* アプリの概要文（3行） */
  .title-block p.title-overview{
    max-width:25em; margin:0 auto;
    font-size:12.5px; line-height:1.9; letter-spacing:.04em;
  }
  /* タイトルの「解」が一瞬だけ入れ替わる時の「怪」（血のような赤） */
  /* スマホで明るくぼやけて見えないよう、光のにじみは付けない */
  .title-flicker.is-kai{
    color:var(--blood-bright);
  }

  /* タイトル下の線：タイトルとほぼ同じ幅まで伸ばし、真ん中を明るい赤＋弱い光のにじみで目立たせる。
     両端は透明に消えていく */
  .seal-divider{
    width:200px;height:1px;
    background:linear-gradient(90deg, transparent, var(--blood-bright), transparent);
    filter:drop-shadow(0 0 4px rgba(201,42,61,.6)); /* 色のある部分だけが光る（両端の透明な部分は光らない） */
    margin:4px auto;
  }

  #screen-title .btn-start{ margin-top:20px; }
  /* タイトル画面の配置：ボタンを1個分（56px）下げ、タイトルと概要文の周りの余白を広げる。
     全体は上下中央にそろう作りのため、広げた余白の合計（56+20+20＝96px）と同じだけ上側にも余白を足し、「魑」の位置を変えない */
  #screen-title{ padding-top:96px; }
  #screen-title .title-block{ margin-top:20px; }      /* 「魑」とタイトルの間 +20px */
  #screen-title .seal-divider{ margin:20px auto; }     /* タイトルと概要文の間 +10px×2 */
  #screen-title .btn-start{ margin-top:20px; }         /* ボタン1個分（56px）下げる */
  .title-hint{ font-size:12px; color:var(--bone-dim); opacity:.7; }

  /* 左上の「開発者手記」：白い和紙の小さな御札。左に朱色の丸い印「記」。
     怪異を祓い清めた時の結果シート（css/kaii.css）と同じ和紙・墨・朱の色を使う。
     他の画面の「タイトルへ戻る」と同じく左上に絶対配置し、中央の「魑」などの位置に影響させない */
  .notes-ofuda{
    position:absolute; top:10px; left:12px; z-index:5;
    display:flex; align-items:center; gap:7px;
    padding:6px 12px 6px 7px;
    background:linear-gradient(180deg, #f6efe0, #e6dbc3 70%, #d8caac);
    border:1px solid rgba(90,60,30,.35);
    border-radius:2px;
    box-shadow:0 2px 10px rgba(0,0,0,.45), 0 0 14px rgba(255,240,200,.08);
    color:var(--kaii-ink);
    font-family:'Yuji Syuku',serif; font-size:13px; letter-spacing:.1em; line-height:1;
    cursor:pointer;
    transition:transform .12s ease;
  }
  .notes-ofuda:active{ transform:scale(0.96); }
  .notes-ofuda-seal{
    display:flex; align-items:center; justify-content:center;
    width:20px; height:20px; flex-shrink:0;
    border:1.5px solid var(--kaii-shu); border-radius:50%;
    color:var(--kaii-shu);
    font-size:11px; letter-spacing:0;
  }