/*
 * Weathered Scroll: tan parchment scorched brown at the edges, two old
 * stain rings, a compass rose in the corner; the title in spaced sepia
 * capitals over a hand-drawn double rule. No cut edge shows: the burn is
 * the edge.
 */

[data-card-style="scroll"] {
    --card-surface: #d9c093;
    --card-surface-image:
        radial-gradient(ellipse at 50% 45%, rgba(255, 240, 205, 0.6), transparent 62%),
        radial-gradient(circle at 78% 22%, transparent 0 7mm, rgba(96, 58, 22, 0.26) 7.2mm 7.7mm, transparent 8mm),
        radial-gradient(circle at 18% 78%, transparent 0 5mm, rgba(96, 58, 22, 0.22) 5.2mm 5.6mm, transparent 5.9mm),
        var(--fibres),
        var(--grain);
    --card-surface-blend: screen, multiply, multiply, multiply, multiply;
    --card-ink: #2c1a0b;
    --card-ink-soft: #55391c;
    --card-ink-faint: #7f5f38;
    --card-accent: #5d3410;
    --card-accent-second: #8a2a22;
    --card-accent-soft: rgba(93, 52, 16, 0.12);
    --card-rule: rgba(60, 36, 12, 0.55);
    --card-edge-width: 0.5mm;
    --card-edge-colour: #3a2410;
    --card-inner-shadow: inset 0 0 12mm rgba(70, 40, 12, 0.7), inset 0 0 2.5mm rgba(35, 16, 4, 0.75);
    --card-frame-inset: 2.6mm;
    --card-frame-width: 0.3mm;
    --card-frame-colour: rgba(60, 36, 12, 0.6);
    --card-title-font: "IM Fell English", Georgia, serif;
    --card-title-weight: 400;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.1em;
    --card-title-shadow: 0 0 0.25mm rgba(44, 26, 11, 0.35);
    --card-label-spacing: 0.1em;
    --card-decoration:
        radial-gradient(ellipse 12mm 7mm at 100% 0%, rgba(50, 26, 6, 0.72), transparent 70%),
        radial-gradient(ellipse 8mm 12mm at 0% 100%, rgba(50, 26, 6, 0.62), transparent 70%),
        radial-gradient(ellipse 7mm 4mm at 32% 0%, rgba(50, 26, 6, 0.4), transparent 70%),
        radial-gradient(ellipse 5mm 8mm at 100% 62%, rgba(50, 26, 6, 0.4), transparent 70%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg opacity='0.32'%3E%3Cg fill='none' stroke='%235d3410' stroke-width='1.2'%3E%3Ccircle cx='40' cy='40' r='36'/%3E%3Ccircle cx='40' cy='40' r='29'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3Cpath d='M40 4V76M4 40H76M14.5 14.5 65.5 65.5M65.5 14.5 14.5 65.5'/%3E%3C/g%3E%3Cpath d='M40 8 45 36 40 40 35 36Z M40 72 35 44 40 40 45 44Z M8 40 36 35 40 40 36 45Z M72 40 44 45 40 40 44 35Z' fill='%235d3410'/%3E%3Cpath d='M40 8 45 36 40 40Z M40 72 35 44 40 40Z M8 40 36 35 40 40Z M72 40 44 45 40 40Z' fill='%23d9c093'/%3E%3Cpath d='M17 17 37 34 40 40 34 37Z M63 17 43 34 40 40 46 37Z M17 63 34 43 40 40 37 46Z M63 63 46 43 40 40 43 46Z' fill='%235d3410' opacity='0.7'/%3E%3C/g%3E%3C/svg%3E");
    --card-decoration-position: 0 0, 0 0, 0 0, 0 0, calc(100% - 1mm) calc(100% - 1mm);
    --card-decoration-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 24mm 24mm;
}

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

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