/* 起動画面（アプリを開いた直後の読み込み）。index.html に直接置き、JS が動く前から出す。
   キャラクターの動画は約1.5cm角（56px）。読み込みが一瞬で終わるときにちらつかないよう、少し遅れて出す。 */
.lt-splash { position:fixed; inset:0; z-index:1000; transition:opacity .3s ease; display:grid; place-items:center; background:#f8f6ef; }
.lt-splash-inner { display:flex; flex-direction:column; align-items:center; gap:12px; opacity:0; animation:lt-splash-in .35s ease .25s forwards; }
.lt-splash-mascot, .lt-splash-still { width:56px; height:56px; border-radius:50%; object-fit:cover; background:#f9fafd; box-shadow:0 0 0 3px #fffdf7, 0 6px 18px rgba(37,67,56,.16); }
.lt-splash-still { display:none; }
.lt-splash-name { margin:0; color:#2f6958; font:700 20px/1 Inter, system-ui, sans-serif; letter-spacing:.04em; }
/* 自分の写真・なし（設定 → 起動画面） */
.lt-splash.is-photo .lt-splash-mascot, .lt-splash.is-none .lt-splash-mascot, .lt-splash.is-none .lt-splash-still { display:none; }
.lt-splash.is-photo .lt-splash-still { display:block; }
/* 準備ができたら、そっと消す（BootSplash が付ける） */
.lt-splash.is-leaving { opacity:0; pointer-events:none; }
@keyframes lt-splash-in { to { opacity:1; } }
@media (prefers-reduced-motion: reduce) {
  .lt-splash-mascot { display:none; }
  .lt-splash-still { display:block; }
  .lt-splash-inner { animation-duration:.01s; }
}