/* ============================================================
   主題：小紅帽 — 暗紅 × 墨黑的森林童話
   ============================================================ */
body.tale-red {
  --accent: var(--blood-2);
  background:
    radial-gradient(90% 70% at 50% 0%, #2a0f14 0%, transparent 60%),
    radial-gradient(70% 60% at 80% 90%, #1a1410 0%, transparent 60%),
    #0b0908;
}

/* 標題的燭火感 —— 用「獨立圖層的 opacity」做，不要動 text-shadow（後者每幀都要重繪文字） */
body.tale-red .game-title {
  position: relative;
  color: #e9d9b8;
  text-shadow: 0 0 34px rgba(192,57,43,.6), 0 0 100px rgba(139,30,45,.4), 0 4px 18px rgba(0,0,0,.9);
}
body.tale-red .game-title::after {
  content: ""; position: absolute; inset: -20% -12%; z-index: -1; pointer-events: none;
  background: radial-gradient(50% 60% at 50% 50%, rgba(225,90,65,.28), transparent 72%);
  animation: candleGlow 5s ease-in-out infinite;
}
@keyframes candleGlow { 0%, 100% { opacity: .5; } 47% { opacity: 1; } 52% { opacity: .68; } }

/* 標題下的血色裝飾線 */
body.tale-red .title-wrap::before,
body.tale-red .title-wrap::after {
  content: ""; display: block; height: 1px; width: 120px; margin: 0 auto;
  background: linear-gradient(90deg, transparent, var(--blood-2), transparent);
}
body.tale-red .title-wrap::before { margin-bottom: 22px; }
body.tale-red .title-wrap::after { margin-top: 26px; }

/* 世界名稱 */
body.tale-red .game-sub { color: #a8927e; }

/* 主角色（紅斗篷） */
body.tale-red .hud-role { color: #e8b4b0; }

/* 選項 hover 的血光 */
body.tale-red .choice:hover:not(.locked) {
  box-shadow: inset 0 0 30px rgba(192,57,43,.25), 0 8px 26px rgba(0,0,0,.5);
}

/* 主角卡 */
body.tale-red .arch-card { border-top: 2px solid var(--blood-2); }

/* 標題畫面底部紅暈 */
body.tale-red #screen-title .title-wrap { position: relative; }

/* 場景文字——月白 */
body.tale-red .narration { color: #f1e7d3; }

/* 抽卡槽的血色邊框微光 */
body.tale-red .slot { box-shadow: inset 0 0 60px rgba(139,30,45,.12); }

/* 骰子盒 */
body.tale-red .dice-face { border-color: #c9a227; }

/* 結局 */
body.tale-red .ending-title { color: #e9d9b8; }
