/* /assets/css/grimoire.css */

.ac-grimoire-bg {
    background: radial-gradient(circle at center, #1a1a24 0%, #0d0d12 100%);
    position: relative;
    padding: 40px 0;
}

/* Titre épique avec lettrine */
.grimoire-title {
    font-family: 'Cinzel', serif;
    font-size: 4rem;
    color: var(--ac-accent1);
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.5);
    margin-bottom: 10px;
    letter-spacing: 5px;
}

/* Séparateur ornemental */
.grimoire-divider {
    width: 200px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--ac-accent1), transparent);
    margin: 20px auto 40px;
    position: relative;
}
.grimoire-divider::after {
    content: '✦';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--ac-accent1);
    background: #0d0d12;
    padding: 0 10px;
}

/* Les Cartes "Chapitres" */
.ac-lore-card.grimoire-style {
    background: rgba(26, 26, 36, 0.8);
    border: 1px solid var(--ac-border);
    border-image: linear-gradient(to bottom, var(--ac-accent1), var(--ac-border)) 1;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.ac-lore-card.grimoire-style:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 10px 30px rgba(138, 43, 226, 0.3);
    border-image: linear-gradient(to bottom, var(--ac-accent2), var(--ac-accent1)) 1;
}

.ac-lore-card.grimoire-style::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: url('https://www.transparenttextures.com/patterns/pinstriped-dark.png'); /* Texture subtile */
    opacity: 0.1;
    pointer-events: none;
}

.ac-lore-icon {
    font-size: 3rem;
    margin-bottom: 15px;
    filter: drop-shadow(0 0 10px var(--ac-accent1));
    transition: transform 0.3s ease;
}

.ac-lore-card.grimoire-style:hover .ac-lore-icon {
    transform: scale(1.2) rotate(5deg);
}