/* =====================================================================
   キャラクター設定 —— サイト内のキャラ画像は、このファイルだけで参照する
   ---------------------------------------------------------------------
   1) 登録: キャラ × 状態ごとの画像（public/chara/<id>/<状態>_512.png）
   2) 配置: 場所ごとに「誰の・どの状態」を出すか
   3) 表示: ドットをぼかさない決まり（ここは触らなくてよい）

   ファミリーを足すとき（例: ハバ子ちゃん = habako）
   - DotCreator の characters/habako/ から 8状態の *_512.png を public/chara/habako/ にコピーする
   - 「1) 登録」のチリ男くんのブロックを複製し、chirio を habako に置き換える
   - 「2) 配置」で出したい場所の var(--chirio-…) を var(--habako-…) に書き換える
   ※ 表示の大きさは style.css で 32px の整数倍に決めてある。ここでは変えない
   ※ ファビコン（index.html と admin.html の <link rel="icon">）と
     OGP画像（scripts/pixel-assets.mjs が作る share.png）だけは、ファイルの性質上ここの外にある
   ===================================================================== */

/* 1) 登録 ------------------------------------------------------------ */
:root{
  /* チリ男くん（赤唐辛子） */
  --chirio-normal:url("/chara/chirio/normal_512.png");
  --chirio-cheerful:url("/chara/chirio/cheerful_512.png");
  --chirio-sleepy:url("/chara/chirio/sleepy_512.png");
  --chirio-morning:url("/chara/chirio/morning_512.png");
  --chirio-goodnight:url("/chara/chirio/goodnight_512.png");
  --chirio-spicy:url("/chara/chirio/spicy_512.png");
  --chirio-full:url("/chara/chirio/full_512.png");
  --chirio-sitting:url("/chara/chirio/sitting_512.png");
}

/* 2) 配置 ------------------------------------------------------------ */
.chara--brand{--chara:var(--chirio-normal)}        /* ヘッダーのロゴ（全ページ） */
.chara--hero{--chara:var(--chirio-cheerful)}       /* トップ最上部 */
.chara--welcome{--chara:var(--chirio-normal)}      /* トップの「その好き、ここに置いていこう」 */
.chara--compose{--chara:var(--chirio-cheerful)}    /* 投稿・編集フォーム */
.chara--posted{--chara:var(--chirio-full)}         /* 投稿の完了 */
.chara--loading{--chara:var(--chirio-morning)}     /* 読み込み中 */
.chara--empty{--chara:var(--chirio-sitting)}       /* 投稿・記事がまだ無い */
.chara--error{--chara:var(--chirio-sitting)}       /* 読み込みに失敗した */
.chara--rules{--chara:var(--chirio-spicy)}         /* この食卓のお約束 */
.chara--report{--chara:var(--chirio-spicy)}        /* 通報 */
.chara--posts{--chara:var(--chirio-cheerful)}      /* 投稿一覧 /posts */
.chara--articles{--chara:var(--chirio-full)}       /* 読み物一覧 /articles */
.chara--article{--chara:var(--chirio-full)}        /* 読み物の記事ページ */
.chara--notfound{--chara:var(--chirio-goodnight)}  /* 見つからないページ */
.chara--footer{--chara:var(--chirio-sleepy)}       /* フッター（全ページ） */

/* 3) 表示 ------------------------------------------------------------ */
.chara{
  display:inline-block;flex:none;width:96px;height:96px;
  background:var(--chara) center/100% 100% no-repeat;
  image-rendering:crisp-edges;image-rendering:pixelated;
}