/* ============================================================
 * EPL Mascot — box-shadow ピクセルアート
 * 出典: 資料/画像作成/mascot_parts.html
 * 系譜: 6代目クワトロ子 × 當山くん → ブラン子 → 當山くん → 10代目クワトロ子
 * ------------------------------------------------------------
 * 當山式: snake_case 統一、class ベース、画像ファイル不要
 * ============================================================ */

:root {
  --manua_green: #6b8e5a;
  --manua_glow:  #a8d841;
  --ado_blue:    #60a8e8;
  --ado_glow:    #5ce2ec;
}

/* ---------- base ---------- */

.pix {
  position: relative;
  display: inline-block;
  width: 4px;
  height: 4px;
}

.pix_frame {
  position: relative;
  display: inline-block;
  width: 72px;
  height: 96px;
  vertical-align: top;
}

.pix_frame .pix {
  position: absolute;
  top: 0;
  left: 0;
}

/* ---------- マニュアちゃん（通常） ---------- */

.pix_manua_normal {
  box-shadow:
    24px 8px 0 0 #4A3829, 28px 8px 0 0 #4A3829, 32px 8px 0 0 #4A3829, 36px 8px 0 0 #4A3829, 40px 8px 0 0 #4A3829, 44px 8px 0 0 #4A3829,
    20px 12px 0 0 #4A3829, 24px 12px 0 0 #7A6B5A, 28px 12px 0 0 #A89684, 32px 12px 0 0 #A89684, 36px 12px 0 0 #A89684, 40px 12px 0 0 #A89684, 44px 12px 0 0 #7A6B5A, 48px 12px 0 0 #4A3829,
    16px 16px 0 0 #4A3829, 20px 16px 0 0 #7A6B5A, 24px 16px 0 0 #A89684, 28px 16px 0 0 #A89684, 32px 16px 0 0 #A89684, 36px 16px 0 0 #A89684, 40px 16px 0 0 #A89684, 44px 16px 0 0 #7A6B5A, 48px 16px 0 0 #4A3829,
    12px 20px 0 0 #4A3829, 16px 20px 0 0 #7A6B5A, 20px 20px 0 0 #A89684, 24px 20px 0 0 #F5F0E1, 28px 20px 0 0 #A89684, 32px 20px 0 0 #A89684, 36px 20px 0 0 #A89684, 40px 20px 0 0 #A89684, 44px 20px 0 0 #A89684, 48px 20px 0 0 #7A6B5A, 52px 20px 0 0 #4A3829,
    12px 24px 0 0 #4A3829, 16px 24px 0 0 #A89684, 20px 24px 0 0 #F5F0E1, 24px 24px 0 0 #A89684, 28px 24px 0 0 #A89684, 32px 24px 0 0 #A89684, 36px 24px 0 0 #7A6B5A, 40px 24px 0 0 #A89684, 44px 24px 0 0 #A89684, 48px 24px 0 0 #7A6B5A, 52px 24px 0 0 #4A3829,
    8px 28px 0 0 #4A3829, 12px 28px 0 0 #7A6B5A, 16px 28px 0 0 #A89684, 20px 28px 0 0 #A89684, 24px 28px 0 0 #A89684, 28px 28px 0 0 #A89684, 32px 28px 0 0 #7A6B5A, 36px 28px 0 0 #D8BC9A, 40px 28px 0 0 #A89684, 44px 28px 0 0 #A89684, 48px 28px 0 0 #A89684, 52px 28px 0 0 #7A6B5A, 56px 28px 0 0 #4A3829,
    8px 32px 0 0 #4A3829, 12px 32px 0 0 #7A6B5A, 16px 32px 0 0 #A89684, 20px 32px 0 0 #A89684, 24px 32px 0 0 #A89684, 28px 32px 0 0 #7A6B5A, 32px 32px 0 0 #D8BC9A, 36px 32px 0 0 #D8BC9A, 40px 32px 0 0 #A89684, 44px 32px 0 0 #A89684, 48px 32px 0 0 #A89684, 52px 32px 0 0 #7A6B5A, 56px 32px 0 0 #4A3829,
    8px 36px 0 0 #4A3829, 12px 36px 0 0 #A89684, 16px 36px 0 0 #A89684, 20px 36px 0 0 #4A3829, 24px 36px 0 0 #4A3829, 28px 36px 0 0 #F4D8BA, 32px 36px 0 0 #4A3829, 36px 36px 0 0 #4A3829, 40px 36px 0 0 #D8BC9A, 44px 36px 0 0 #A89684, 48px 36px 0 0 #A89684, 52px 36px 0 0 #A89684, 56px 36px 0 0 #4A3829,
    8px 40px 0 0 #4A3829, 12px 40px 0 0 #A89684, 16px 40px 0 0 #A89684, 20px 40px 0 0 #E8E0D0, 24px 40px 0 0 #4A6840, 28px 40px 0 0 #F4D8BA, 32px 40px 0 0 #F4D8BA, 36px 40px 0 0 #4A6840, 40px 40px 0 0 #4A3829, 44px 40px 0 0 #A89684, 48px 40px 0 0 #A89684, 52px 40px 0 0 #A89684, 56px 40px 0 0 #4A3829,
    4px 44px 0 0 #A89684, 8px 44px 0 0 #4A3829, 12px 44px 0 0 #A89684, 16px 44px 0 0 #A89684, 20px 44px 0 0 #FFF8E7, 24px 44px 0 0 #6B8E5A, 28px 44px 0 0 #F4D8BA, 32px 44px 0 0 #F4D8BA, 36px 44px 0 0 #6B8E5A, 40px 44px 0 0 #FFF8E7, 44px 44px 0 0 #A89684, 48px 44px 0 0 #F4D8BA, 52px 44px 0 0 #A89684, 56px 44px 0 0 #4A3829,
    8px 48px 0 0 #4A3829, 12px 48px 0 0 #A89684, 16px 48px 0 0 #A89684, 20px 48px 0 0 #F4C2A0, 24px 48px 0 0 #F4D8BA, 28px 48px 0 0 #F4D8BA, 32px 48px 0 0 #F4D8BA, 36px 48px 0 0 #F4C2A0, 40px 48px 0 0 #F4C2A0, 44px 48px 0 0 #F4D8BA, 48px 48px 0 0 #A89684, 52px 48px 0 0 #7A6B5A, 56px 48px 0 0 #4A3829,
    8px 52px 0 0 #4A3829, 12px 52px 0 0 #7A6B5A, 16px 52px 0 0 #A89684, 20px 52px 0 0 #4A3829, 24px 52px 0 0 #F4D8BA, 28px 52px 0 0 #F4D8BA, 32px 52px 0 0 #F4D8BA, 36px 52px 0 0 #F4D8BA, 40px 52px 0 0 #4A3829, 44px 52px 0 0 #A89684, 48px 52px 0 0 #7A6B5A, 52px 52px 0 0 #A89684, 56px 52px 0 0 #7A6B5A, 60px 52px 0 0 #4A3829,
    12px 56px 0 0 #4A3829, 16px 56px 0 0 #7A6B5A, 20px 56px 0 0 #4A3829, 24px 56px 0 0 #4A3829, 28px 56px 0 0 #4A3829, 32px 56px 0 0 #4A3829, 36px 56px 0 0 #4A3829, 40px 56px 0 0 #F5F0E1, 44px 56px 0 0 #7A6B5A, 48px 56px 0 0 #A89684, 52px 56px 0 0 #7A6B5A, 56px 56px 0 0 #A89684, 60px 56px 0 0 #A89684, 64px 56px 0 0 #4A3829,
    16px 60px 0 0 #4A3829, 20px 60px 0 0 #F5F0E1, 24px 60px 0 0 #4A3829, 28px 60px 0 0 #F0A500, 32px 60px 0 0 #F0A500, 36px 60px 0 0 #F0A500, 40px 60px 0 0 #4A6840, 44px 60px 0 0 #F5F0E1, 48px 60px 0 0 #E8DFCB, 52px 60px 0 0 #4A3829, 56px 60px 0 0 #4A3829, 60px 60px 0 0 #4A3829,
    16px 64px 0 0 #F4D8BA, 20px 64px 0 0 #D8BC9A, 24px 64px 0 0 #E8DFCB, 28px 64px 0 0 #4A6840, 32px 64px 0 0 #E8DFCB, 36px 64px 0 0 #4A6840, 40px 64px 0 0 #F4D8BA, 44px 64px 0 0 #D8BC9A, 48px 64px 0 0 #E8DFCB, 52px 64px 0 0 #4A3829,
    16px 68px 0 0 #F4D8BA, 20px 68px 0 0 #D8BC9A, 24px 68px 0 0 #D8BC9A, 28px 68px 0 0 #4A6840, 32px 68px 0 0 #4A6840, 36px 68px 0 0 #4A6840, 40px 68px 0 0 #F4D8BA, 44px 68px 0 0 #D8BC9A, 48px 68px 0 0 #4A3829,
    20px 72px 0 0 #D8BC9A, 24px 72px 0 0 #E8DFCB, 28px 72px 0 0 #4A6840, 32px 72px 0 0 #33482C, 36px 72px 0 0 #4A6840, 40px 72px 0 0 #F5F0E1, 44px 72px 0 0 #E8DFCB,
    24px 76px 0 0 #A89680, 28px 76px 0 0 #4A6840, 32px 76px 0 0 #4A6840, 36px 76px 0 0 #4A6840, 40px 76px 0 0 #1687AA, 44px 76px 0 0 #1687AA,
    24px 80px 0 0 #1687AA, 28px 80px 0 0 #4A6840, 32px 80px 0 0 #33482C, 36px 80px 0 0 #4A6840, 40px 80px 0 0 #0F5E77, 44px 80px 0 0 #1687AA, 48px 80px 0 0 #1687AA,
    24px 84px 0 0 #0F5E77, 28px 84px 0 0 #4A6840, 32px 84px 0 0 #33482C, 36px 84px 0 0 #4A6840, 40px 84px 0 0 #0F5E77, 44px 84px 0 0 #1687AA, 48px 84px 0 0 #0F5E77, 52px 84px 0 0 #1687AA,
    24px 88px 0 0 #4A3829, 28px 88px 0 0 #F5F0E1, 32px 88px 0 0 #F5F0E1, 36px 88px 0 0 #A89680, 40px 88px 0 0 #F5F0E1, 44px 88px 0 0 #F5F0E1, 48px 88px 0 0 #4A3829, 52px 88px 0 0 #0F5E77,
    24px 92px 0 0 #4A3829, 28px 92px 0 0 #6B5744, 32px 92px 0 0 #6B5744, 36px 92px 0 0 #4A3829, 40px 92px 0 0 #6B5744, 44px 92px 0 0 #6B5744, 48px 92px 0 0 #4A3829;
}

/* ---------- マニュアちゃん（目だけオーバーレイ） ---------- */

.pix_manua_eyes {
  box-shadow:
    24px 40px 0 0 #7BA82C,
    36px 40px 0 0 #7BA82C,
    24px 44px 0 0 #A8D841,
    36px 44px 0 0 #A8D841;
}

/* ---------- アド子（通常） ---------- */

.pix_ado_normal {
  box-shadow:
    40px 4px 0 0 #7890A8,
    24px 8px 0 0 #384868, 28px 8px 0 0 #384868, 32px 8px 0 0 #384868, 36px 8px 0 0 #7890A8, 40px 8px 0 0 #384868, 44px 8px 0 0 #384868,
    20px 12px 0 0 #384868, 24px 12px 0 0 #7890A8, 28px 12px 0 0 #B0C0D0, 32px 12px 0 0 #B0C0D0, 36px 12px 0 0 #B0C0D0, 40px 12px 0 0 #B0C0D0, 44px 12px 0 0 #7890A8, 48px 12px 0 0 #384868,
    16px 16px 0 0 #384868, 20px 16px 0 0 #7890A8, 24px 16px 0 0 #B0C0D0, 28px 16px 0 0 #B0C0D0, 32px 16px 0 0 #B0C0D0, 36px 16px 0 0 #B0C0D0, 40px 16px 0 0 #B0C0D0, 44px 16px 0 0 #7890A8, 48px 16px 0 0 #384868,
    12px 20px 0 0 #384868, 16px 20px 0 0 #7890A8, 20px 20px 0 0 #B0C0D0, 24px 20px 0 0 #FFFFFF, 28px 20px 0 0 #B0C0D0, 32px 20px 0 0 #B0C0D0, 36px 20px 0 0 #B0C0D0, 40px 20px 0 0 #B0C0D0, 44px 20px 0 0 #B0C0D0, 48px 20px 0 0 #7890A8, 52px 20px 0 0 #384868,
    8px 24px 0 0 #384868, 12px 24px 0 0 #7890A8, 16px 24px 0 0 #B0C0D0, 20px 24px 0 0 #FFFFFF, 24px 24px 0 0 #B0C0D0, 28px 24px 0 0 #B0C0D0, 32px 24px 0 0 #B0C0D0, 36px 24px 0 0 #7890A8, 40px 24px 0 0 #B0C0D0, 44px 24px 0 0 #B0C0D0, 48px 24px 0 0 #7890A8, 52px 24px 0 0 #384868,
    8px 28px 0 0 #384868, 12px 28px 0 0 #7890A8, 16px 28px 0 0 #B0C0D0, 20px 28px 0 0 #B0C0D0, 24px 28px 0 0 #B0C0D0, 28px 28px 0 0 #B0C0D0, 32px 28px 0 0 #7890A8, 36px 28px 0 0 #F0C898, 40px 28px 0 0 #B0C0D0, 44px 28px 0 0 #B0C0D0, 48px 28px 0 0 #B0C0D0, 52px 28px 0 0 #7890A8, 56px 28px 0 0 #384868, 60px 28px 0 0 #7890A8,
    8px 32px 0 0 #384868, 12px 32px 0 0 #B0C0D0, 16px 32px 0 0 #B0C0D0, 20px 32px 0 0 #B0C0D0, 24px 32px 0 0 #B0C0D0, 28px 32px 0 0 #7890A8, 32px 32px 0 0 #F0C898, 36px 32px 0 0 #F0C898, 40px 32px 0 0 #B0C0D0, 44px 32px 0 0 #B0C0D0, 48px 32px 0 0 #B0C0D0, 52px 32px 0 0 #7890A8, 56px 32px 0 0 #7890A8,
    8px 36px 0 0 #384868, 12px 36px 0 0 #B0C0D0, 16px 36px 0 0 #B0C0D0, 20px 36px 0 0 #2A2030, 24px 36px 0 0 #2A2030, 28px 36px 0 0 #FFE0C1, 32px 36px 0 0 #2A2030, 36px 36px 0 0 #2A2030, 40px 36px 0 0 #F0C898, 44px 36px 0 0 #B0C0D0, 48px 36px 0 0 #B0C0D0, 52px 36px 0 0 #B0C0D0, 56px 36px 0 0 #384868,
    8px 40px 0 0 #7890A8, 12px 40px 0 0 #B0C0D0, 16px 40px 0 0 #B0C0D0, 20px 40px 0 0 #E8E8F0, 24px 40px 0 0 #2060B0, 28px 40px 0 0 #FFE0C1, 32px 40px 0 0 #FFE0C1, 36px 40px 0 0 #2060B0, 40px 40px 0 0 #2A2030, 44px 40px 0 0 #B0C0D0, 48px 40px 0 0 #B0C0D0, 52px 40px 0 0 #FFE0C1, 56px 40px 0 0 #384868,
    4px 44px 0 0 #7890A8, 8px 44px 0 0 #384868, 12px 44px 0 0 #B0C0D0, 16px 44px 0 0 #B0C0D0, 20px 44px 0 0 #FFF0D8, 24px 44px 0 0 #60A8E8, 28px 44px 0 0 #FFE0C1, 32px 44px 0 0 #FFE0C1, 36px 44px 0 0 #60A8E8, 40px 44px 0 0 #FFF0D8, 44px 44px 0 0 #B0C0D0, 48px 44px 0 0 #FFE0C1, 52px 44px 0 0 #B0C0D0, 56px 44px 0 0 #384868,
    8px 48px 0 0 #384868, 12px 48px 0 0 #B0C0D0, 16px 48px 0 0 #B0C0D0, 20px 48px 0 0 #FFD0B8, 24px 48px 0 0 #FFE0C1, 28px 48px 0 0 #FFE0C1, 32px 48px 0 0 #FFE0C1, 36px 48px 0 0 #FFD0B8, 40px 48px 0 0 #FFD0B8, 44px 48px 0 0 #FFE0C1, 48px 48px 0 0 #B0C0D0, 52px 48px 0 0 #7890A8, 56px 48px 0 0 #384868,
    8px 52px 0 0 #384868, 12px 52px 0 0 #7890A8, 16px 52px 0 0 #B0C0D0, 20px 52px 0 0 #384868, 24px 52px 0 0 #FFE0C1, 28px 52px 0 0 #FFE0C1, 32px 52px 0 0 #FFE0C1, 36px 52px 0 0 #FFE0C1, 40px 52px 0 0 #384868, 44px 52px 0 0 #B0C0D0, 48px 52px 0 0 #7890A8, 52px 52px 0 0 #384868,
    12px 56px 0 0 #384868, 16px 56px 0 0 #7890A8, 20px 56px 0 0 #384868, 24px 56px 0 0 #384868, 28px 56px 0 0 #384868, 32px 56px 0 0 #384868, 36px 56px 0 0 #384868, 40px 56px 0 0 #E8E8F0, 44px 56px 0 0 #7890A8, 48px 56px 0 0 #384868,
    16px 60px 0 0 #384868, 20px 60px 0 0 #E8E8F0, 24px 60px 0 0 #384868, 28px 60px 0 0 #E8E8F0, 32px 60px 0 0 #F0C898, 36px 60px 0 0 #E8E8F0, 40px 60px 0 0 #CACADC, 44px 60px 0 0 #CACADC, 48px 60px 0 0 #CACADC, 52px 60px 0 0 #384868,
    16px 64px 0 0 #FFE0C1, 20px 64px 0 0 #F0C898, 24px 64px 0 0 #CACADC, 28px 64px 0 0 #FFFFFF, 32px 64px 0 0 #FFE0C1, 36px 64px 0 0 #CACADC, 40px 64px 0 0 #FFE0C1, 44px 64px 0 0 #F0C898, 48px 64px 0 0 #CACADC, 52px 64px 0 0 #384868,
    16px 68px 0 0 #FFE0C1, 20px 68px 0 0 #F0C898, 24px 68px 0 0 #F0C898, 28px 68px 0 0 #E8E8F0, 32px 68px 0 0 #FFFFFF, 36px 68px 0 0 #E8E8F0, 40px 68px 0 0 #FFE0C1, 44px 68px 0 0 #F0C898, 48px 68px 0 0 #384868,
    20px 72px 0 0 #F0C898, 24px 72px 0 0 #CACADC, 28px 72px 0 0 #94ADCC, 32px 72px 0 0 #E8E8F0, 36px 72px 0 0 #CACADC, 40px 72px 0 0 #E8E8F0, 44px 72px 0 0 #CACADC,
    24px 76px 0 0 #CACADC, 28px 76px 0 0 #CACADC, 32px 76px 0 0 #94ADCC, 36px 76px 0 0 #E8E8F0, 40px 76px 0 0 #CACADC, 44px 76px 0 0 #E8E8F0, 48px 76px 0 0 #CACADC,
    24px 80px 0 0 #CACADC, 28px 80px 0 0 #94ADCC, 32px 80px 0 0 #94ADCC, 36px 80px 0 0 #94ADCC, 40px 80px 0 0 #E8E8F0, 44px 80px 0 0 #CACADC, 48px 80px 0 0 #E8E8F0, 52px 80px 0 0 #E8E8F0,
    28px 84px 0 0 #94ADCC, 32px 84px 0 0 #7890A8, 36px 84px 0 0 #94ADCC, 40px 84px 0 0 #94ADCC, 44px 84px 0 0 #E8E8F0,
    24px 88px 0 0 #384868, 28px 88px 0 0 #94ADCC, 32px 88px 0 0 #7890A8, 36px 88px 0 0 #94ADCC, 40px 88px 0 0 #94ADCC, 44px 88px 0 0 #94ADCC, 48px 88px 0 0 #384868,
    24px 92px 0 0 #384868, 28px 92px 0 0 #805040, 32px 92px 0 0 #805040, 36px 92px 0 0 #384868, 40px 92px 0 0 #805040, 44px 92px 0 0 #805040, 48px 92px 0 0 #384868;
}

/* ---------- アド子（目だけオーバーレイ） ---------- */

.pix_ado_eyes {
  box-shadow:
    24px 40px 0 0 #17BAC7,
    36px 40px 0 0 #17BAC7,
    24px 44px 0 0 #5CE2EC,
    36px 44px 0 0 #5CE2EC;
}

/* ---------- アイテム（本の重なり） ---------- */

.pix_book_frame {
  width: 20px;
  height: 16px;
}

.pix_book_stack {
  box-shadow:
    0px 0px 0 0 #A89680, 4px 0px 0 0 #A89680, 8px 0px 0 0 #A89680, 12px 0px 0 0 #A89680,
    4px 4px 0 0 #E7090B, 8px 4px 0 0 #E7090B, 12px 4px 0 0 #E7090B, 16px 4px 0 0 #E7090B,
    0px 8px 0 0 #F0A500, 4px 8px 0 0 #F0A500, 8px 8px 0 0 #F0A500, 12px 8px 0 0 #F0A500,
    0px 12px 0 0 #165B9A, 4px 12px 0 0 #165B9A, 8px 12px 0 0 #165B9A, 12px 12px 0 0 #165B9A;
}

/* ---------- アイテム（はたき） ---------- */

.pix_duster_frame {
  width: 16px;
  height: 24px;
}

.pix_duster {
  box-shadow:
    4px 0px 0 0 #165B9A, 12px 0px 0 0 #165B9A,
    4px 4px 0 0 #165B9A, 8px 4px 0 0 #165B9A,
    0px 8px 0 0 #165B9A, 8px 8px 0 0 #A89680,
    8px 12px 0 0 #A89680,
    12px 16px 0 0 #A89680,
    12px 20px 0 0 #A89680;
}

/* ---------- アニメーション（目光・呼吸・浮遊） ---------- */

@keyframes eye_glow_firefly {
  0%, 100% { opacity: 0; }
  15%  { opacity: 0; }
  35%  { opacity: 0.85; }
  50%  { opacity: 0.9; }
  65%  { opacity: 0.85; }
  85%  { opacity: 0; }
}

.mascot_stack {
  position: relative;
  display: inline-block;
}

.mascot_stack .pix_frame:nth-child(2) {
  position: absolute;
  inset: 0;
  animation: eye_glow_firefly 4s ease-in-out 2s infinite;
  pointer-events: none;
  filter: drop-shadow(0 0 4px currentColor);
}

@keyframes mascot_swing {
  0%, 100% { transform: rotate(-1.5deg) translateY(0); }
  50%      { transform: rotate(1.5deg) translateY(-1px); }
}

.mascot_alive {
  animation: mascot_swing 3s ease-in-out infinite;
  transform-origin: 50% 95%;
}

@keyframes item_float_right {
  0%, 100% { transform: translate(0, 0) rotate(-4deg); }
  50%      { transform: translate(3px, -6px) rotate(4deg); }
}

@keyframes item_float_left {
  0%, 100% { transform: translate(0, 0) rotate(6deg); }
  50%      { transform: translate(-3px, -4px) rotate(-6deg); }
}

/* ---------- ステージレイアウト ---------- */

.stage {
  position: relative;
  display: inline-block;
  padding: 20px 80px;
  background: linear-gradient(180deg, rgba(167, 216, 65, 0.05), rgba(22, 135, 170, 0.05));
  border-radius: 12px;
  min-height: 160px;
}

.stage .mascot_center {
  position: relative;
  display: inline-block;
  z-index: 2;
}

.stage .float_item {
  position: absolute;
  z-index: 1;
  image-rendering: pixelated;
}

.stage .float_item.book {
  right: 10px;
  top: 30px;
  animation: item_float_right 3.6s ease-in-out infinite;
}

.stage .float_item.duster {
  left: 8px;
  top: 20px;
  animation: item_float_left 3.2s ease-in-out 0.3s infinite;
}

.manua_accent { color: var(--manua_glow); }
.ado_accent   { color: var(--ado_glow); }

/* ---------- Manual ページのイントロレイアウト ---------- */

.manua_intro {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 32px 0;
}

.manua_intro .manua_text {
  max-width: 340px;
}

.manua_intro .manua_text h3 {
  font-family: var(--font_ja_sans);
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px;
  color: var(--ink_deep);
}

.manua_intro .manua_text p {
  font-size: 14px;
  color: var(--ink_soft);
  line-height: 1.85;
  margin: 0;
}

body[lang="en"] .manua_intro .manua_text h3 {
  font-family: var(--font_en_serif);
  font-style: italic;
  font-weight: 500;
}

/* ---------- reduced-motion 対応（main.css と同じ哲学） ---------- */

@media (prefers-reduced-motion: reduce) {
  .mascot_alive,
  .mascot_stack .pix_frame:nth-child(2),
  .stage .float_item.book,
  .stage .float_item.duster {
    animation: none;
  }
}