/*
 * Arcane Grimoire: indigo night under a summoning circle, a constellation
 * in the corner, stars and amber sigils along the edge, a lavender glow
 * rising behind the title; silver capitals and amber labels.
 */

[data-card-style="grimoire"] {
    --card-surface: #12152e;
    --card-surface-image:
        radial-gradient(circle at 20% 15%, rgba(120, 104, 230, 0.36), transparent 45%),
        radial-gradient(circle at 80% 85%, rgba(74, 60, 170, 0.42), transparent 45%),
        radial-gradient(circle at 12% 72%, rgba(220, 216, 255, 0.55) 0.4px, transparent 0.9px),
        radial-gradient(circle at 61% 24%, rgba(220, 216, 255, 0.5) 0.4px, transparent 0.9px),
        radial-gradient(circle at 86% 41%, rgba(220, 216, 255, 0.45) 0.4px, transparent 0.9px),
        radial-gradient(circle at 34% 88%, rgba(220, 216, 255, 0.45) 0.4px, transparent 0.9px),
        var(--grain);
    --card-surface-blend: screen, screen, normal, normal, normal, normal, overlay;
    --card-ink: #ebe8ff;
    --card-ink-soft: #bcb7ea;
    --card-ink-faint: #8f8ac2;
    --card-accent: #cfc2ff;
    --card-accent-second: #ffc36a;
    --card-accent-soft: rgba(207, 194, 255, 0.14);
    --card-rule: rgba(207, 194, 255, 0.42);
    --card-edge-width: 1.6mm;
    --card-edge-colour: #5b4fb8;
    --card-edge-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%231c1f45'/%3E%3Crect x='1' y='1' width='38' height='38' fill='none' stroke='%23cfc2ff' stroke-width='1.2'/%3E%3Crect x='9' y='9' width='22' height='22' fill='none' stroke='%23ffc36a' stroke-width='1'/%3E%3Cpath d='M20 2 21.2 3.8 23 5 21.2 6.2 20 8 18.8 6.2 17 5 18.8 3.8Z M5 17 6.2 18.8 8 20 6.2 21.2 5 23 3.8 21.2 2 20 3.8 18.8Z M35 17 36.2 18.8 38 20 36.2 21.2 35 23 33.8 21.2 32 20 33.8 18.8Z M20 32 21.2 33.8 23 35 21.2 36.2 20 38 18.8 36.2 17 35 18.8 33.8Z' fill='%23cfc2ff'/%3E%3Cg fill='none' stroke='%23ffc36a' stroke-width='0.8'%3E%3Ccircle cx='5' cy='5' r='2.4'/%3E%3Ccircle cx='35' cy='5' r='2.4'/%3E%3Ccircle cx='5' cy='35' r='2.4'/%3E%3Ccircle cx='35' cy='35' r='2.4'/%3E%3C/g%3E%3Cg fill='%23ffc36a'%3E%3Ccircle cx='5' cy='5' r='0.8'/%3E%3Ccircle cx='35' cy='5' r='0.8'/%3E%3Ccircle cx='5' cy='35' r='0.8'/%3E%3Ccircle cx='35' cy='35' r='0.8'/%3E%3C/g%3E%3C/svg%3E");
    --card-edge-slice: 10;
    --card-edge-repeat: round;
    --card-inner-shadow: inset 0 0 8mm rgba(6, 6, 24, 0.75);
    --card-frame-inset: 2.4mm;
    --card-frame-width: 0.2mm;
    --card-frame-colour: rgba(207, 194, 255, 0.35);
    --card-title-font: "Cinzel", Georgia, serif;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.1em;
    --card-title-shadow: 0 0 1.4mm rgba(207, 194, 255, 0.75), 0 0 0.4mm rgba(207, 194, 255, 0.5);
    --card-subtitle-font: "EB Garamond", Georgia, serif;
    --card-label-font: "Cormorant Unicase", Georgia, serif;
    --card-label-spacing: 0.14em;
    --card-decoration:
        radial-gradient(ellipse 60% 16% at 50% 8%, rgba(140, 120, 255, 0.4), transparent 70%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23cfc2ff' stroke-width='0.9'%3E%3Ccircle cx='50' cy='50' r='48'/%3E%3Ccircle cx='50' cy='50' r='44'/%3E%3Ccircle cx='50' cy='50' r='30'/%3E%3Ccircle cx='50' cy='50' r='12'/%3E%3Cpath d='M50 6 68.2 87.8 6.5 36.6H93.5L31.8 87.8Z'/%3E%3Cpath d='M50 20 76 65H24Z M50 80 24 35H76Z'/%3E%3Cpath d='M50 2V6M50 94V98M2 50H6M94 50H98M16 16l2.8 2.8M81.2 81.2l2.8 2.8M84 16l-2.8 2.8M18.8 81.2 16 84'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg stroke='%23cfc2ff' stroke-width='0.7' fill='none'%3E%3Cpath d='M8 44 22 30 40 34 52 14M22 30 30 10'/%3E%3C/g%3E%3Cg fill='%23cfc2ff'%3E%3Ccircle cx='8' cy='44' r='1.8'/%3E%3Ccircle cx='22' cy='30' r='2.4'/%3E%3Ccircle cx='40' cy='34' r='1.6'/%3E%3Ccircle cx='52' cy='14' r='2.2'/%3E%3Ccircle cx='30' cy='10' r='1.4'/%3E%3C/g%3E%3C/svg%3E");
    --card-decoration-position: 0 0, 50% 60%, calc(100% - 0.6mm) 0.6mm;
    --card-decoration-size: 100% 100%, 84% auto, 15mm 15mm;
}

[data-card-style="grimoire"] .print-card::after,
.codex-sheet[data-card-style="grimoire"]::after {
    opacity: 0.55;
}

[data-card-style="grimoire"] .print-card-header,
[data-card-style="grimoire"] .sheet-title-block {
    border-bottom: 0.5mm double var(--card-accent);
}