/* --- VARIABLES --- */
:root {
    --bg-navy: #002B50;       /* KV背景：鎮魂の青 */
    --bg-deep: #001828;       /* 漆黒に近い青 */
    --bg-dawn: linear-gradient(to bottom, #001828 0%, #1D4E89 100%); /* 夜明け */
    
    --candle-orange: #FF5E0E; /* 15の炎：希望 */
    --fact-red: #B00020;      /* 事実：警告 */
    --text-warm: #F8F4E6;     /* 暖かみのある白 */
    --text-dark: #1a1a1a;     /* 印刷物のような黒 */
    
    /* Font Setting */
    --font-gothic: 'Noto Sans JP', sans-serif;
    --font-mincho: 'Shippori Mincho', serif;
}

/* --- BASE --- */
body {
    margin: 0; padding-top: 60px;
    font-family: var(--font-gothic);
    background-color: var(--bg-navy);
    color: var(--text-warm);
    overflow-x: hidden;
    line-height: 2.0;
}

h1, h2, h3 { font-family: var(--font-mincho); line-height: 1.4; margin: 0; }
p { margin: 0 0 1.5em; }
img { max-width: 100%; height: auto; object-fit: contain; display: block; margin: 0 auto; }
a { color: inherit; text-decoration: none; transition: 0.3s; }

/* 立ち絵用スタイル（比率保護） */
.char-img {
    max-height: 320px;
    width: auto;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.4));
}

/* --- COMPONENTS --- */
.container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
section { padding: 100px 0; }

/* Chapter Label */
.chap-tag {
    display: inline-block; border: 1px solid var(--candle-orange);
    color: var(--candle-orange); padding: 5px 15px; border-radius: 50px;
    font-size: 0.8rem; margin-bottom: 30px; letter-spacing: 0.1em;
}

/* Navigation Button */
.next-btn {
    display: block; margin: 80px auto; width: 100%; max-width: 400px; padding: 25px 0;
    border: 1px solid var(--candle-orange); color: var(--text-warm);
    text-align: center; text-decoration: none; transition: 0.3s;
    font-family: var(--font-mincho); font-size: 1.2rem; letter-spacing: 0.2em;
}
.next-btn:hover { background: var(--candle-orange); color: #fff; }

/* Animation */
.fade-up { opacity: 0; transform: translateY(30px); transition: all 1s ease; }
.visible { opacity: 1 !important; transform: translateY(0) !important; }