/*
    Hestia's Definitive Blueprint for the "Link Mission" Coliseum (The Unabridged Final Word)
    -----------------------------------------------------------------------------------------
    File: mission.css
    Role: To create an exciting and festive stage, including the glorious Corridor of the Past.
*/

/* --- [O] The Unbreakable Vows (Inherited) --- */
/* Hestia's Note: project.css の、魂を、ここに、再定義し、依存を、断ち切ります */
.section-title {
    text-align: center;
    font-family: var(--font-family-title);
    font-size: 2.5rem;
    color: var(--color-primary);
    margin: 0 0 3rem 0;
}
.section-title span { display: block; font-family: var(--font-family-base); font-size: 1rem; color: #888; margin-top: 0.5rem; }
.cta-button { /* (style.cssから、基本スタイルを、継承・再定義) */ }
.cta-button.secondary { /* (style.cssから、基本スタイルを、継承・再定義) */ }
.cta-button.tertiary { background-color: #6c757d; }
.cta-button.tertiary:hover { background-color: #5a6268; }

/* --- [I] The Coliseum's Gate: Hero Section --- */
.hero-mission { min-height: 300px; background-image: linear-gradient(to top, rgba(251, 140, 0, 0.8), rgba(255, 193, 7, 0.4)), url('../images/common/mission-hero.jpg'); }

/* --- [II] The Host's Greeting: Introduction Section --- */
.mission-intro { padding: 5rem 0; background-color: #f8f9fa; }
/* (Hestia's Note: intro-container, dialogue-turn などの、意匠は、他の、ページと、調和を、保ちます) */

/* --- [III] The Current Mission: Theme Section --- */
.mission-current-theme { padding: 5rem 0; }
.theme-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2rem; background-color: white; padding: 2rem; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.08); }
.theme-item h3 { font-size: 2rem; margin: 0; }
.theme-plus, .theme-equal { font-size: 3rem; font-weight: bold; color: #ccc; }
.theme-question span { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background-color: #e0e0e0; border-radius: 50%; font-size: 4rem; font-weight: bold; color: white; }
.theme-question p { margin: 0.5rem 0 0 0; font-weight: bold; }

/* --- [IV] The Soul's Dialogue: Hints Section --- */
.mission-hints { padding: 5rem 0; background-color: #f8f9fa; }
.hints-dialogue { max-width: 700px; margin: 0 auto 3rem auto; display: flex; flex-direction: column; gap: 1.5rem; }
.challenge-box { text-align: center; background-color: white; padding: 2.5rem; border-radius: 12px; border-top: 5px solid var(--color-secondary); }
.challenge-box h3 { font-size: 1.8rem; margin: 0 0 1rem 0; }
.challenge-box p { margin: 0 auto 2rem auto; max-width: 600px; line-height: 1.7; }
.cta-buttons { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }

/* --- [V] The Path to the Past: Archive Link Section --- */
.mission-archive-link { padding: 0 0 5rem 0; text-align: center; }

/* Hestia's Ultimate Correction: “過去の、栄光の、回廊”の、完全なる、意匠 */
.archive-gallery { padding: 5rem 0; background-color: #f8f9fa; }
.archive-grid {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.no-missions { text-align: center; }
.mission-accordion {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.05);
    border: 1px solid #e0e0e0;
}
.mission-accordion[open] {
    box-shadow: 0 10px 40px rgba(0, 90, 158, 0.15);
}
.mission-summary {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
    cursor: pointer;
    list-style: none;
}
.mission-summary::-webkit-details-marker { display: none; }
.mission-summary::after {
    content: '▼';
    font-size: 1.2rem;
    color: var(--color-primary);
    transition: transform 0.3s;
}
.mission-accordion[open] > summary::after {
    transform: rotate(180deg);
}
.mission-id {
    font-family: var(--font-family-title);
    font-weight: bold;
    color: var(--color-secondary);
    font-size: 1rem;
}
.mission-theme {
    font-family: var(--font-family-title);
    font-size: 1.5rem;
    margin: 0;
}
.mission-date {
    font-size: 0.9rem;
    color: #777;
}
.mission-detail {
    padding: 2rem 1.5rem 2.5rem 1.5rem;
    border-top: 1px solid #e0e0e0;
}
.mission-detail .hints-dialogue {
    margin: 0 auto;
}
.archive-actions {
    margin-top: 2rem;
    text-align: center;
}
/* Hestia's Ultimate Correction: “魂の、対話”の、意匠、再刻印 */
.intro-container { display: flex; align-items: center; gap: 3rem; flex-wrap: wrap; justify-content: center; text-align: center; max-width: 800px; margin: 0 auto; }
@media (min-width: 768px) { .intro-container { flex-wrap: nowrap; text-align: left; } }
.intro-character { flex-shrink: 0; }
.intro-character img { height: 120px; }
.intro-dialog h2 { font-family: var(--font-family-title); font-size: 2.2rem; color: var(--color-primary); margin: 0 0 1rem 0; }
.intro-dialog p { margin: 0; line-height: 1.8; font-size: 1.2rem; }
.dialogue-turn { display: flex; align-items: flex-start; gap: 1rem; }
.dialogue-turn img { height: 60px; flex-shrink: 0; }
.dialogue-turn p { margin: 0; padding: 1rem; border-radius: 10px; line-height: 1.6; }
.chisai-turn p { background-color: #fffde7; }
.correct-turn p { background-color: #e3f2fd; }
.connect-turn p { background-color: #fff3e0; }