/*
 * Inferno: black basalt cracked with glowing lava, smoke drifting across
 * it and embers rising through the margins, a great flame behind the
 * text, and a border of nested flame tongues bursting outward all around
 * the card; the title in hoard-gold uncials with a fire glow, over a band
 * of banked heat.
 */

[data-card-style="inferno"] {
    --card-surface: #140505;
    --card-surface-image:
        radial-gradient(ellipse at 50% 108%, rgba(255, 120, 30, 0.6), transparent 55%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.009' numOctaves='3' seed='5' stitchTiles='stitch' result='noise'/%3E%3CfeComponentTransfer in='noise' result='haze'%3E%3CfeFuncA type='table' tableValues='-0.4 0.55'/%3E%3C/feComponentTransfer%3E%3CfeFlood flood-color='%238a6a60'/%3E%3CfeComposite operator='in' in2='haze'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23s)'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeGaussianBlur stdDeviation='2.8'/%3E%3C/filter%3E%3Cpath d='M0 60 30 70 55 50 90 65 120 40 160 55 200 60 M70 0 85 40 60 70 95 100 80 130 110 160 70 200 M0 140 40 150 65 130 100 145 140 120 175 135 200 140 M150 0 135 30 160 60 145 95 170 125 150 160 165 200' fill='none' stroke='%23ff8a2a' stroke-width='4.5' stroke-linejoin='round' opacity='0.28' filter='url(%23g)'/%3E%3Cpath d='M0 60 30 70 55 50 90 65 120 40 160 55 200 60 M70 0 85 40 60 70 95 100 80 130 110 160 70 200 M0 140 40 150 65 130 100 145 140 120 175 135 200 140 M150 0 135 30 160 60 145 95 170 125 150 160 165 200' fill='none' stroke='%23ffd45a' stroke-width='0.8' stroke-linejoin='round' opacity='0.3'/%3E%3C/svg%3E"),
        var(--grain);
    --card-surface-blend: screen, screen, normal, overlay;
    --card-ink: #fbe7d2;
    --card-ink-soft: #dcae92;
    --card-ink-faint: #b6836a;
    --card-accent: #ffcf5a;
    --card-accent-second: #ff8a2a;
    --card-accent-soft: rgba(255, 207, 90, 0.14);
    --card-rule: rgba(255, 138, 42, 0.5);
    --card-edge-width: 3.4mm;
    --card-edge-colour: #7a1e08;
    --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%3Cdefs%3E%3Cg id='f'%3E%3Cpath d='M10 10C10.4 7 11 5 11.8 2.6 12.3 4.4 13 4.8 13.6 3 14.3 1.2 15.2.8 16 .3 16.4 2.2 16.4 3.6 17.4 4.2 18.2 4.8 18.8 5 19.4 2 19.9 3.8 20.6 4.4 21.4 3.4 22.2 2.2 22.8 1.4 23.6.6 24 2.8 24.6 4 25.4 4.6 26.2 5 26.8 5.6 27.4 3 27.9 4.8 28.6 6.4 30 10Z' fill='%23c8320c'/%3E%3Cpath d='M10 10C10.6 8.4 11.2 7.4 11.8 5.4 12.3 6.8 13 7 13.6 5.4 14.3 3.8 15.2 3.2 16 2.6 16.4 4.6 16.6 5.6 17.4 6.2 18.1 6.6 18.7 6.7 19.4 4.6 19.9 6 20.6 6.4 21.4 5.8 22.1 4.8 22.8 4 23.6 3 24 4.8 24.5 5.8 25.4 6.2 26.1 6.6 26.8 7 27.4 5.2 27.9 6.6 28.6 7.8 30 10Z' fill='%23ff8a2a'/%3E%3Cpath d='M10 10C10.8 9.2 11.4 8.6 12 7.4 12.5 8.3 13.2 8.4 13.8 7.2 14.4 6.4 15.2 6 16 5.4 16.4 6.8 16.8 7.6 17.6 8 18.3 8.3 18.9 8.4 19.4 7 19.9 8 20.7 8.3 21.4 7.8 22.1 7 22.8 6.4 23.6 5.6 24.1 6.8 24.7 7.8 25.5 8.2 26.2 8.5 26.9 8.6 27.5 7.4 28 8.4 28.8 9 30 10Z' fill='%23ffd45a'/%3E%3C/g%3E%3CclipPath id='ca'%3E%3Cpolygon points='0,0 10,0 10,10'/%3E%3C/clipPath%3E%3CclipPath id='cb'%3E%3Cpolygon points='0,0 10,10 0,10'/%3E%3C/clipPath%3E%3Cg id='k'%3E%3Cg clip-path='url(%23ca)'%3E%3Cuse href='%23f' transform='translate(-20 0)'/%3E%3C/g%3E%3Cg clip-path='url(%23cb)'%3E%3Cuse href='%23f' transform='rotate(270 20 20) translate(-20 0)'/%3E%3C/g%3E%3C/g%3E%3C/defs%3E%3Crect width='40' height='40' fill='%231a0503'/%3E%3Cuse href='%23f'/%3E%3Cuse href='%23f' transform='rotate(90 20 20)'/%3E%3Cuse href='%23f' transform='rotate(180 20 20)'/%3E%3Cuse href='%23f' transform='rotate(270 20 20)'/%3E%3Cuse href='%23k'/%3E%3Cuse href='%23k' transform='rotate(90 20 20)'/%3E%3Cuse href='%23k' transform='rotate(180 20 20)'/%3E%3Cuse href='%23k' transform='rotate(270 20 20)'/%3E%3C/svg%3E");
    --card-edge-slice: 10;
    --card-edge-repeat: round;
    --card-inner-shadow: inset 0 0 8mm rgba(0, 0, 0, 0.7), inset 0 0 1.2mm rgba(255, 120, 30, 0.35);
    --card-frame-inset: 2.4mm;
    --card-frame-width: 0.25mm;
    --card-frame-colour: rgba(255, 138, 42, 0.55);
    --card-title-font: "Uncial Antiqua", "Cinzel", Georgia, serif;
    --card-title-weight: 400;
    --card-title-spacing: 0.04em;
    --card-title-shadow: 0 0 0.4mm rgba(255, 214, 110, 0.9), 0 0 1.6mm rgba(255, 120, 30, 0.8), 0 0.3mm 0 #4a0800;
    --card-label-font: "Cinzel", Georgia, serif;
    --card-label-spacing: 0.14em;
    --card-decoration:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='100' viewBox='0 0 80 100'%3E%3Cg transform='translate(40 96) scale(8.6)' fill-opacity='0.16'%3E%3Cpath d='M-4 0C-4-3.5-1.6-4.5-2.2-7-1.2-5.6.6-6 0-9.5 1.4-6.4 3-5 2-7.4 1.2-5 4-3.6 4 0Z' fill='%23c8320c'/%3E%3Cpath d='M-4 0C-4-3.5-1.6-4.5-2.2-7-1.2-5.6.6-6 0-9.5 1.4-6.4 3-5 2-7.4 1.2-5 4-3.6 4 0Z' fill='%23ff8a2a' transform='scale(0.62)'/%3E%3Cpath d='M-4 0C-4-3.5-1.6-4.5-2.2-7-1.2-5.6.6-6 0-9.5 1.4-6.4 3-5 2-7.4 1.2-5 4-3.6 4 0Z' fill='%23ffd45a' transform='scale(0.3)'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%),
        radial-gradient(circle at 50% 50%, rgba(255, 224, 130, 0.95) 0 28%, rgba(255, 140, 40, 0.55) 46%, transparent 70%);
    --card-decoration-position: calc(100% + 6mm) calc(100% + 6mm), 9% 78%, 14% 64%, 22% 90%, 31% 71%, 41% 84%, 58% 92%, 66% 74%, 77% 86%, 86% 66%, 92% 80%, 6% 40%, 95% 34%, 50% 6%, 70% 3%;
    --card-decoration-size: 46mm 58mm, 1.6mm 1.6mm, 1.1mm 1.1mm, 0.8mm 0.8mm, 1.3mm 1.3mm, 0.7mm 0.7mm, 1.4mm 1.4mm, 0.9mm 0.9mm, 1.7mm 1.7mm, 1.0mm 1.0mm, 0.7mm 0.7mm, 0.8mm 0.8mm, 0.6mm 0.6mm, 0.9mm 0.9mm, 0.6mm 0.6mm;
}

[data-card-style="inferno"] .print-card,
.codex-sheet[data-card-style="inferno"],
[data-card-style="inferno"] .character-sheet {
    background-size: auto, 120mm 120mm, 70mm 70mm, auto;
}

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

[data-card-style="inferno"] .print-card-header,
[data-card-style="inferno"] .sheet-title-block {
    padding: 0.8mm 1.6mm 1.2mm;
    background: linear-gradient(180deg, rgba(255, 120, 30, 0.28), rgba(255, 120, 30, 0.04));
    border-bottom: 0.5mm solid var(--card-accent-second);
    box-shadow: 0 0.9mm 0 -0.2mm rgba(255, 138, 42, 0.45);
}