/*
 * Bard's Playbill: wine velvet curtains lit by spotlights inside a
 * marquee of bulbs, stars in the corners and a starburst behind the text;
 * the title centred in gold capitals between ornamental rules, like the
 * bill for tonight's performance.
 */

[data-card-style="playbill"] {
    --card-surface: #33112d;
    --card-surface-image:
        radial-gradient(ellipse at 50% -6%, rgba(255, 214, 140, 0.34), transparent 55%),
        repeating-conic-gradient(from -24deg at 50% -10%, rgba(255, 230, 170, 0.1) 0deg 5deg, transparent 5deg 16deg),
        repeating-linear-gradient(90deg, rgba(120, 40, 100, 0.3) 0 2mm, transparent 2mm 5mm),
        radial-gradient(ellipse at 50% 115%, rgba(20, 4, 24, 0.7), transparent 60%),
        var(--grain);
    --card-surface-blend: screen, screen, multiply, multiply, overlay;
    --card-ink: #fbeedc;
    --card-ink-soft: #e0c3ae;
    --card-ink-faint: #c39fb3;
    --card-accent: #ecc266;
    --card-accent-second: #f08cb4;
    --card-accent-soft: rgba(236, 194, 102, 0.15);
    --card-rule: rgba(236, 194, 102, 0.45);
    --card-edge-width: 2.2mm;
    --card-edge-colour: #b78a3a;
    --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%3CradialGradient id='l'%3E%3Cstop offset='0' stop-color='%23fff7dc'/%3E%3Cstop offset='0.45' stop-color='%23ecc266'/%3E%3Cstop offset='1' stop-color='%23b9862e'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='40' height='40' fill='%231e0a1c'/%3E%3Crect x='9.5' y='9.5' width='21' height='21' fill='none' stroke='%23ecc266' stroke-width='0.8'/%3E%3Cg fill='rgba(236,194,102,0.3)'%3E%3Ccircle cx='20' cy='5' r='4.4'/%3E%3Ccircle cx='20' cy='35' r='4.4'/%3E%3Ccircle cx='5' cy='20' r='4.4'/%3E%3Ccircle cx='35' cy='20' r='4.4'/%3E%3Ccircle cx='5' cy='5' r='4.6'/%3E%3Ccircle cx='35' cy='5' r='4.6'/%3E%3Ccircle cx='5' cy='35' r='4.6'/%3E%3Ccircle cx='35' cy='35' r='4.6'/%3E%3C/g%3E%3Cg fill='url(%2523l)'%3E%3Ccircle cx='20' cy='5' r='2.7'/%3E%3Ccircle cx='20' cy='35' r='2.7'/%3E%3Ccircle cx='5' cy='20' r='2.7'/%3E%3Ccircle cx='35' cy='20' r='2.7'/%3E%3Ccircle cx='5' cy='5' r='3.1'/%3E%3Ccircle cx='35' cy='5' r='3.1'/%3E%3Ccircle cx='5' cy='35' r='3.1'/%3E%3Ccircle cx='35' cy='35' r='3.1'/%3E%3C/g%3E%3C/svg%3E");
    --card-edge-slice: 10;
    --card-edge-repeat: round;
    --card-inner-shadow: inset 0 0 8mm rgba(18, 4, 24, 0.65);
    --card-frame-inset: 2.4mm;
    --card-frame-width: 0.6mm;
    --card-frame-colour: rgba(236, 194, 102, 0.55);
    --card-frame-style: double;
    --card-title-font: "Cinzel", Georgia, serif;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.08em;
    --card-title-shadow: 0 0 1.2mm rgba(236, 194, 102, 0.6), 0 0.3mm 0 #5a2a20;
    --card-subtitle-font: "Cormorant Unicase", Georgia, serif;
    --card-subtitle-style: normal;
    --card-label-font: "Cinzel", Georgia, serif;
    --card-label-spacing: 0.16em;
    --card-decoration:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 0l5 30 25-20-20 25 30 5-30 5 20 25-25-20-5 30-5-30-25 20 20-25-30-5 30-5-20-25 25 20Z' fill='%23ecc266'/%3E%3Ccircle cx='40' cy='40' r='7' fill='%23f08cb4'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='rotate(0 15 15)' fill='%23ecc266'%3E%3Cpath d='M15 1l3.4 9.6L28.5 11l-8 6.3 3 9.9L15 21.4 6.5 27.2l3-9.9L1.5 11l10.1-.4Z'/%3E%3Cpath d='M15 8.5l1.5 4.2 4.4.2-3.5 2.7 1.3 4.3L15 17.4l-3.7 2.5 1.3-4.3-3.5-2.7 4.4-.2Z' fill='%23f08cb4'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='rotate(20 15 15)' fill='%23ecc266'%3E%3Cpath d='M15 1l3.4 9.6L28.5 11l-8 6.3 3 9.9L15 21.4 6.5 27.2l3-9.9L1.5 11l10.1-.4Z'/%3E%3Cpath d='M15 8.5l1.5 4.2 4.4.2-3.5 2.7 1.3 4.3L15 17.4l-3.7 2.5 1.3-4.3-3.5-2.7 4.4-.2Z' fill='%23f08cb4'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='rotate(-15 15 15)' fill='%23ecc266'%3E%3Cpath d='M15 1l3.4 9.6L28.5 11l-8 6.3 3 9.9L15 21.4 6.5 27.2l3-9.9L1.5 11l10.1-.4Z'/%3E%3Cpath d='M15 8.5l1.5 4.2 4.4.2-3.5 2.7 1.3 4.3L15 17.4l-3.7 2.5 1.3-4.3-3.5-2.7 4.4-.2Z' fill='%23f08cb4'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='rotate(30 15 15)' fill='%23ecc266'%3E%3Cpath d='M15 1l3.4 9.6L28.5 11l-8 6.3 3 9.9L15 21.4 6.5 27.2l3-9.9L1.5 11l10.1-.4Z'/%3E%3Cpath d='M15 8.5l1.5 4.2 4.4.2-3.5 2.7 1.3 4.3L15 17.4l-3.7 2.5 1.3-4.3-3.5-2.7 4.4-.2Z' fill='%23f08cb4'/%3E%3C/g%3E%3C/svg%3E");
    --card-decoration-position: calc(100% + 5mm) calc(100% + 5mm), 0.4mm 0.4mm, calc(100% - 0.4mm) 0.4mm, calc(100% - 0.4mm) calc(100% - 0.4mm), 0.4mm calc(100% - 0.4mm);
    --card-decoration-size: 34mm 34mm, 6mm 6mm, 6mm 6mm, 6mm 6mm, 6mm 6mm;
}

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

[data-card-style="playbill"] .print-card-header,
[data-card-style="playbill"] .sheet-title-block {
    padding: 0.8mm 1.6mm 1.2mm;
    text-align: center;
    background: linear-gradient(180deg, rgba(236, 194, 102, 0.16), rgba(236, 194, 102, 0.02));
    border-top: 0.25mm solid var(--card-accent);
    border-bottom: 0.6mm double var(--card-accent);
}

[data-card-style="playbill"] .print-card-title,
[data-card-style="playbill"] .sheet-title,
[data-card-style="playbill"] .print-card-subtitle,
[data-card-style="playbill"] .sheet-subtitle {
    text-align: center;
}

[data-card-style="playbill"] .print-card-subline {
    justify-content: center;
}