/* ============================================
   SCRIPTURE TRADING CARDS STYLES
   Original styles from biblical-trading-cards.html
   ============================================ */

.cards-page {
    min-height: 100vh;
    background: radial-gradient(ellipse at 30% 20%, rgba(139, 90, 43, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 80%, rgba(74, 54, 29, 0.2) 0%, transparent 50%),
                linear-gradient(135deg, #1a1510 0%, #2d251c 50%, #1f1914 100%);
    padding: 120px 20px 60px;
    font-family: 'Cormorant Garamond', serif;
}

.cards-page-header {
    text-align: center;
    margin-bottom: 50px;
}

.cards-page-header h1 {
    font-family: 'Cinzel', serif;
    font-size: 48px;
    color: #d4a854;
    text-transform: uppercase;
    letter-spacing: 12px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.cards-page-header p {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    color: #a89060;
    font-style: italic;
    margin-top: 10px;
    letter-spacing: 2px;
}

.cards-container { max-width: 1400px; margin: 0 auto; }
.card-pair { display: flex; gap: 30px; margin-bottom: 50px; justify-content: center; flex-wrap: wrap; }
.trading-card { width: 320px; height: 480px; border-radius: 16px; padding: 8px; position: relative; box-shadow: 0 25px 60px rgba(0,0,0,0.6), 0 10px 30px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,215,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.3); flex-shrink: 0; }
.card-inner { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: column; }
.card-inner::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E"); opacity: 0.04; pointer-events: none; z-index: 0; }
.card-inner > * { position: relative; z-index: 1; }
.top-ornament { height: 32px; display: flex; align-items: center; justify-content: center; position: relative; flex-shrink: 0; }
.top-ornament::before, .top-ornament::after { content: '✦'; color: #fdf6e8; font-size: 10px; position: absolute; top: 50%; transform: translateY(-50%); text-shadow: 0 1px 2px rgba(0,0,0,0.3); }
.top-ornament::before { left: 30px; }
.top-ornament::after { right: 30px; }
.top-ornament span { color: #fdf6e8; font-family: 'Cinzel', serif; font-size: 8px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0,0,0,0.4); }
.image-frame { margin: 10px 14px; position: relative; flex-shrink: 0; }
.image-border { padding: 5px; border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255,215,0,0.4), 0 4px 12px rgba(0,0,0,0.3); }
.image-inner { border-radius: 4px; overflow: hidden; position: relative; }
.image-inner img { width: 100%; height: 200px; object-fit: cover; object-position: top; display: block; filter: contrast(1.02) saturate(1.05); }
.image-inner::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: inset 0 0 30px rgba(74,54,29,0.3); pointer-events: none; }

/* Image placeholder for missing images */
.image-placeholder {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #3d3228 0%, #2a231c 100%);
    color: #a89060;
    font-family: 'Cinzel', serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    padding: 10px;
}

.name-banner { padding: 6px 20px; margin: 0 10px; position: relative; clip-path: polygon(8% 0%, 92% 0%, 100% 50%, 92% 100%, 8% 100%, 0% 50%); flex-shrink: 0; display: flex; align-items: center; justify-content: center; min-height: 44px; }
.name-banner h1 { font-family: 'Cinzel', serif; font-size: 24px; font-weight: 700; color: #fdf6e8; text-align: center; text-transform: uppercase; letter-spacing: 4px; text-shadow: 0 2px 4px rgba(0,0,0,0.5), 0 0 20px rgba(255,215,0,0.3); margin: 0; line-height: 1; }
.name-banner h1.small-name { font-size: 16px; letter-spacing: 2px; }
.name-banner h1.tiny-name { font-size: 13px; letter-spacing: 1px; }
.subtitle { text-align: center; margin: 2px 0; padding: 0; font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 13px; letter-spacing: 1px; flex-shrink: 0; display: block; }
.stats-area { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; padding: 2px 16px 4px 16px; min-height: 0; }
.divider { height: 1px; margin: 4px 0; flex-shrink: 0; }
.description { text-align: center; font-family: 'Cormorant Garamond', serif; font-size: 12px; line-height: 1.4; padding: 0 5px; margin: 0; font-style: italic; flex-shrink: 0; }
.stats-row { display: flex; justify-content: space-around; margin-top: auto; padding: 6px 0; border-radius: 6px; flex-shrink: 0; }
.stat { text-align: center; min-width: 70px; }
.stat-label { font-family: 'Cinzel', serif; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 4px; font-weight: 600; }
.stat-value { font-family: 'Cinzel', serif; font-size: 26px; font-weight: 700; line-height: 1.1; text-shadow: 0 1px 0 rgba(255,255,255,0.4); }

/* Back card stats - inline display like attributes to save space */
.back-stats { display: flex; justify-content: space-between; margin: 2px 0; padding: 3px 0; flex-shrink: 0; border-top: 1px solid rgba(139,105,20,0.15); }
.back-stats .stat { display: flex; flex-direction: row; align-items: baseline; gap: 4px; min-width: auto; text-align: left; }
.back-stats .stat-label { font-size: 8px; letter-spacing: 1px; margin-bottom: 0; }
.back-stats .stat-value { font-size: 10px; font-weight: 700; line-height: 1; }
.bottom-ornament { height: 22px; display: flex; align-items: center; justify-content: center; gap: 20px; flex-shrink: 0; }
.bottom-ornament span { color: #fdf6e8; font-size: 8px; }
.content-area { flex: 1; padding: 10px 16px; display: flex; flex-direction: column; min-height: 0; }
.name-header { text-align: center; margin-bottom: 2px; flex-shrink: 0; }
.name-header h1 { font-family: 'Cinzel', serif; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); margin: 0; padding: 0; }
.name-header h1.small-name { font-size: 16px; letter-spacing: 2px; }
.name-header .subtitle { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 12px; letter-spacing: 1px; margin: 2px 0 0 0; padding: 0; }
.divider.ornate { position: relative; height: 12px; background: transparent; flex-shrink: 0; margin: 2px 0; }
.divider.ornate::before { content: '☩'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 12px; }
.info-label { font-family: 'Cinzel', serif; font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2px; flex-shrink: 0; }
.lore-section { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.lore-text { font-family: 'Cormorant Garamond', serif; font-size: 11px; line-height: 1.45; text-align: justify; font-style: italic; flex: 1; }
.scripture-ref { text-align: center; margin-top: auto; padding-top: 4px; flex-shrink: 0; }
.scripture-ref span { font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 1px; }
.attributes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 12px; margin: 4px 0; flex-shrink: 0; }
.attribute { display: flex; justify-content: space-between; align-items: center; padding: 2px 0; border-bottom: 1px solid rgba(139,105,20,0.15); }
.attribute-name { font-family: 'Cinzel', serif; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; }
.attribute-value { font-family: 'Cormorant Garamond', serif; font-size: 10px; }
.card-number { position: absolute; bottom: 20px; right: 16px; font-family: 'Cinzel', serif; font-size: 9px; opacity: 0.7; }
.section-divider { text-align: center; margin: 70px 0 50px; position: relative; }
.section-divider::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 2px; }
.section-divider h2 { font-family: 'Cinzel', serif; font-size: 28px; background: linear-gradient(135deg, #1a1510 0%, #2d251c 50%, #1f1914 100%); display: inline-block; padding: 10px 40px; position: relative; letter-spacing: 8px; text-transform: uppercase; text-shadow: 0 2px 4px rgba(0,0,0,0.5); color: #d4a854; }
.section-divider p { font-family: 'Cormorant Garamond', serif; font-size: 14px; font-style: italic; margin-top: 10px; letter-spacing: 2px; color: #a89060; }

/* Patriarchs */
.patriarchs .trading-card { background: linear-gradient(165deg, #d4a854 0%, #b8860b 15%, #8b6914 50%, #6b4f0d 85%, #4a360a 100%); }
.patriarchs .card-inner { background: linear-gradient(180deg, #fdf6e8 0%, #f5e6c8 30%, #e8d4a8 70%, #d4bc88 100%); }
.patriarchs .top-ornament { background: linear-gradient(90deg, transparent 0%, #8b6914 20%, #d4a854 50%, #8b6914 80%, transparent 100%); }
.patriarchs .name-banner { background: linear-gradient(90deg, transparent 0%, #6b4f0d 10%, #8b6914 30%, #b8860b 50%, #8b6914 70%, #6b4f0d 90%, transparent 100%); }
.patriarchs .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #8b6914 20%, #d4a854 50%, #8b6914 80%, transparent 100%); }
.patriarchs .image-border { background: linear-gradient(90deg, transparent 0%, #6b4f0d 10%, #8b6914 30%, #b8860b 50%, #8b6914 70%, #6b4f0d 90%, transparent 100%); }
.patriarchs .divider { background: linear-gradient(90deg, transparent 0%, #8b6914 30%, #6b4f0d 50%, #8b6914 70%, transparent 100%); }
.patriarchs .subtitle { color: #6b4f0d; }
.patriarchs .description { color: #6b4f0d; }
.patriarchs .stat-label { color: #6b4f0d; }
.patriarchs .stat-value { color: #2a1a08; }
.patriarchs .name-header h1 { color: #6b4f0d; }
.patriarchs .name-header .subtitle { color: #8b6914; }
.patriarchs .info-label { color: #8b6914; }
.patriarchs .lore-text { color: #6b4f0d; }
.patriarchs .scripture-ref span { color: #8b6914; }
.patriarchs .attribute-name { color: #6b4f0d; }
.patriarchs .attribute-value { color: #6b4f0d; }
.patriarchs .card-number { color: #8b6914; }
.patriarchs .divider.ornate::before { color: #8b6914; }
.patriarchs .section-divider h2 { color: #8b6914; }
.patriarchs .section-divider p { color: #6b4f0d; }
.patriarchs .section-divider::before { background: linear-gradient(90deg, transparent 0%, #8b6914 20%, #6b4f0d 50%, #8b6914 80%, transparent 100%); }

.patriarchs .trading-card.wicked { background: linear-gradient(165deg, #5c4a1e 0%, #4a3d18 15%, #3d3214 50%, #2e2610 85%, #1f1a0a 100%); }
.patriarchs .trading-card.wicked .card-inner { background: linear-gradient(180deg, #e8dcc8 0%, #d4c8a8 30%, #c0b088 70%, #a89868 100%); }
.patriarchs .trading-card.wicked .top-ornament { background: linear-gradient(90deg, transparent 0%, #4a3d18 20%, #5c4a1e 50%, #4a3d18 80%, transparent 100%); }
.patriarchs .trading-card.wicked .name-banner { background: linear-gradient(90deg, transparent 0%, #3d3214 10%, #4a3d18 30%, #5c4a1e 50%, #4a3d18 70%, #3d3214 90%, transparent 100%); }
.patriarchs .trading-card.wicked .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #4a3d18 20%, #5c4a1e 50%, #4a3d18 80%, transparent 100%); }
.patriarchs .trading-card.wicked .image-border { background: linear-gradient(90deg, transparent 0%, #3d3214 10%, #4a3d18 30%, #5c4a1e 50%, #4a3d18 70%, #3d3214 90%, transparent 100%); }
.patriarchs .trading-card.wicked .divider { background: linear-gradient(90deg, transparent 0%, #4a3d18 30%, #3d3214 50%, #4a3d18 70%, transparent 100%); }
.patriarchs .trading-card.wicked .subtitle { color: #3d3214; }
.patriarchs .trading-card.wicked .description { color: #3d3214; }
.patriarchs .trading-card.wicked .stat-label { color: #3d3214; }
.patriarchs .trading-card.wicked .stat-value { color: #1a0a00; }
.patriarchs .trading-card.wicked .name-header h1 { color: #3d3214; }
.patriarchs .trading-card.wicked .name-header .subtitle { color: #4a3d18; }
.patriarchs .trading-card.wicked .info-label { color: #4a3d18; }
.patriarchs .trading-card.wicked .lore-text { color: #3d3214; }
.patriarchs .trading-card.wicked .scripture-ref span { color: #4a3d18; }
.patriarchs .trading-card.wicked .attribute-name { color: #3d3214; }
.patriarchs .trading-card.wicked .attribute-value { color: #3d3214; }
.patriarchs .trading-card.wicked .card-number { color: #4a3d18; }
.patriarchs .trading-card.wicked .divider.ornate::before { color: #4a3d18; }

/* Exodus */
.exodus .trading-card { background: linear-gradient(165deg, #c45c4a 0%, #a84838 15%, #8c3828 50%, #6e2a1e 85%, #4a1a12 100%); }
.exodus .card-inner { background: linear-gradient(180deg, #fef5f3 0%, #fce8e4 30%, #f5d4cc 70%, #e8beb4 100%); }
.exodus .top-ornament { background: linear-gradient(90deg, transparent 0%, #8c3828 20%, #c45c4a 50%, #8c3828 80%, transparent 100%); }
.exodus .name-banner { background: linear-gradient(90deg, transparent 0%, #6e2a1e 10%, #8c3828 30%, #a84838 50%, #8c3828 70%, #6e2a1e 90%, transparent 100%); }
.exodus .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #8c3828 20%, #c45c4a 50%, #8c3828 80%, transparent 100%); }
.exodus .image-border { background: linear-gradient(90deg, transparent 0%, #6e2a1e 10%, #8c3828 30%, #a84838 50%, #8c3828 70%, #6e2a1e 90%, transparent 100%); }
.exodus .divider { background: linear-gradient(90deg, transparent 0%, #8c3828 30%, #6e2a1e 50%, #8c3828 70%, transparent 100%); }
.exodus .subtitle { color: #6e2a1e; }
.exodus .description { color: #6e2a1e; }
.exodus .stat-label { color: #6e2a1e; }
.exodus .stat-value { color: #2a1a08; }
.exodus .name-header h1 { color: #6e2a1e; }
.exodus .name-header .subtitle { color: #8c3828; }
.exodus .info-label { color: #8c3828; }
.exodus .lore-text { color: #6e2a1e; }
.exodus .scripture-ref span { color: #8c3828; }
.exodus .attribute-name { color: #6e2a1e; }
.exodus .attribute-value { color: #6e2a1e; }
.exodus .card-number { color: #8c3828; }
.exodus .divider.ornate::before { color: #8c3828; }
.exodus .section-divider h2 { color: #8c3828; }
.exodus .section-divider p { color: #6e2a1e; }
.exodus .section-divider::before { background: linear-gradient(90deg, transparent 0%, #8c3828 20%, #6e2a1e 50%, #8c3828 80%, transparent 100%); }

.exodus .trading-card.wicked { background: linear-gradient(165deg, #4a1a12 0%, #3d1510 15%, #30100c 50%, #240c08 85%, #180804 100%); }
.exodus .trading-card.wicked .card-inner { background: linear-gradient(180deg, #e8d8d4 0%, #d4c4bc 30%, #c0a8a0 70%, #a88880 100%); }
.exodus .trading-card.wicked .top-ornament { background: linear-gradient(90deg, transparent 0%, #3d1510 20%, #4a1a12 50%, #3d1510 80%, transparent 100%); }
.exodus .trading-card.wicked .name-banner { background: linear-gradient(90deg, transparent 0%, #30100c 10%, #3d1510 30%, #4a1a12 50%, #3d1510 70%, #30100c 90%, transparent 100%); }
.exodus .trading-card.wicked .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #3d1510 20%, #4a1a12 50%, #3d1510 80%, transparent 100%); }
.exodus .trading-card.wicked .image-border { background: linear-gradient(90deg, transparent 0%, #30100c 10%, #3d1510 30%, #4a1a12 50%, #3d1510 70%, #30100c 90%, transparent 100%); }
.exodus .trading-card.wicked .divider { background: linear-gradient(90deg, transparent 0%, #3d1510 30%, #30100c 50%, #3d1510 70%, transparent 100%); }
.exodus .trading-card.wicked .subtitle { color: #30100c; }
.exodus .trading-card.wicked .description { color: #30100c; }
.exodus .trading-card.wicked .stat-label { color: #30100c; }
.exodus .trading-card.wicked .stat-value { color: #1a0a00; }
.exodus .trading-card.wicked .name-header h1 { color: #30100c; }
.exodus .trading-card.wicked .name-header .subtitle { color: #3d1510; }
.exodus .trading-card.wicked .info-label { color: #3d1510; }
.exodus .trading-card.wicked .lore-text { color: #30100c; }
.exodus .trading-card.wicked .scripture-ref span { color: #3d1510; }
.exodus .trading-card.wicked .attribute-name { color: #30100c; }
.exodus .trading-card.wicked .attribute-value { color: #30100c; }
.exodus .trading-card.wicked .card-number { color: #3d1510; }
.exodus .trading-card.wicked .divider.ornate::before { color: #3d1510; }

/* Judges */
.judges .trading-card { background: linear-gradient(165deg, #5a8c5a 0%, #4a7a4a 15%, #3a6a3a 50%, #2a5a2a 85%, #1a4a1a 100%); }
.judges .card-inner { background: linear-gradient(180deg, #f5faf5 0%, #e8f4e8 30%, #d4e8d4 70%, #bcdcbc 100%); }
.judges .top-ornament { background: linear-gradient(90deg, transparent 0%, #3a6a3a 20%, #5a8c5a 50%, #3a6a3a 80%, transparent 100%); }
.judges .name-banner { background: linear-gradient(90deg, transparent 0%, #2a5a2a 10%, #3a6a3a 30%, #4a7a4a 50%, #3a6a3a 70%, #2a5a2a 90%, transparent 100%); }
.judges .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #3a6a3a 20%, #5a8c5a 50%, #3a6a3a 80%, transparent 100%); }
.judges .image-border { background: linear-gradient(90deg, transparent 0%, #2a5a2a 10%, #3a6a3a 30%, #4a7a4a 50%, #3a6a3a 70%, #2a5a2a 90%, transparent 100%); }
.judges .divider { background: linear-gradient(90deg, transparent 0%, #3a6a3a 30%, #2a5a2a 50%, #3a6a3a 70%, transparent 100%); }
.judges .subtitle { color: #2a5a2a; }
.judges .description { color: #2a5a2a; }
.judges .stat-label { color: #2a5a2a; }
.judges .stat-value { color: #2a1a08; }
.judges .name-header h1 { color: #2a5a2a; }
.judges .name-header .subtitle { color: #3a6a3a; }
.judges .info-label { color: #3a6a3a; }
.judges .lore-text { color: #2a5a2a; }
.judges .scripture-ref span { color: #3a6a3a; }
.judges .attribute-name { color: #2a5a2a; }
.judges .attribute-value { color: #2a5a2a; }
.judges .card-number { color: #3a6a3a; }
.judges .divider.ornate::before { color: #3a6a3a; }
.judges .section-divider h2 { color: #3a6a3a; }
.judges .section-divider p { color: #2a5a2a; }
.judges .section-divider::before { background: linear-gradient(90deg, transparent 0%, #3a6a3a 20%, #2a5a2a 50%, #3a6a3a 80%, transparent 100%); }

.judges .trading-card.wicked { background: linear-gradient(165deg, #2a4a2a 0%, #224022 15%, #1a361a 50%, #122c12 85%, #0a220a 100%); }
.judges .trading-card.wicked .card-inner { background: linear-gradient(180deg, #e0e8e0 0%, #c8d8c8 30%, #b0c8b0 70%, #98b898 100%); }
.judges .trading-card.wicked .top-ornament { background: linear-gradient(90deg, transparent 0%, #224022 20%, #2a4a2a 50%, #224022 80%, transparent 100%); }
.judges .trading-card.wicked .name-banner { background: linear-gradient(90deg, transparent 0%, #1a361a 10%, #224022 30%, #2a4a2a 50%, #224022 70%, #1a361a 90%, transparent 100%); }
.judges .trading-card.wicked .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #224022 20%, #2a4a2a 50%, #224022 80%, transparent 100%); }
.judges .trading-card.wicked .image-border { background: linear-gradient(90deg, transparent 0%, #1a361a 10%, #224022 30%, #2a4a2a 50%, #224022 70%, #1a361a 90%, transparent 100%); }
.judges .trading-card.wicked .divider { background: linear-gradient(90deg, transparent 0%, #224022 30%, #1a361a 50%, #224022 70%, transparent 100%); }
.judges .trading-card.wicked .subtitle { color: #1a361a; }
.judges .trading-card.wicked .description { color: #1a361a; }
.judges .trading-card.wicked .stat-label { color: #1a361a; }
.judges .trading-card.wicked .stat-value { color: #1a0a00; }
.judges .trading-card.wicked .name-header h1 { color: #1a361a; }
.judges .trading-card.wicked .name-header .subtitle { color: #224022; }
.judges .trading-card.wicked .info-label { color: #224022; }
.judges .trading-card.wicked .lore-text { color: #1a361a; }
.judges .trading-card.wicked .scripture-ref span { color: #224022; }
.judges .trading-card.wicked .attribute-name { color: #1a361a; }
.judges .trading-card.wicked .attribute-value { color: #1a361a; }
.judges .trading-card.wicked .card-number { color: #224022; }
.judges .trading-card.wicked .divider.ornate::before { color: #224022; }

/* Kingdom */
.kingdom .trading-card { background: linear-gradient(165deg, #7a5aa8 0%, #684a96 15%, #563a84 50%, #442a72 85%, #321a60 100%); }
.kingdom .card-inner { background: linear-gradient(180deg, #f8f5fc 0%, #f0e8f8 30%, #e4d8f0 70%, #d4c4e4 100%); }
.kingdom .top-ornament { background: linear-gradient(90deg, transparent 0%, #563a84 20%, #7a5aa8 50%, #563a84 80%, transparent 100%); }
.kingdom .name-banner { background: linear-gradient(90deg, transparent 0%, #442a72 10%, #563a84 30%, #684a96 50%, #563a84 70%, #442a72 90%, transparent 100%); }
.kingdom .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #563a84 20%, #7a5aa8 50%, #563a84 80%, transparent 100%); }
.kingdom .image-border { background: linear-gradient(90deg, transparent 0%, #442a72 10%, #563a84 30%, #684a96 50%, #563a84 70%, #442a72 90%, transparent 100%); }
.kingdom .divider { background: linear-gradient(90deg, transparent 0%, #563a84 30%, #442a72 50%, #563a84 70%, transparent 100%); }
.kingdom .subtitle { color: #442a72; }
.kingdom .description { color: #442a72; }
.kingdom .stat-label { color: #442a72; }
.kingdom .stat-value { color: #2a1a08; }
.kingdom .name-header h1 { color: #442a72; }
.kingdom .name-header .subtitle { color: #563a84; }
.kingdom .info-label { color: #563a84; }
.kingdom .lore-text { color: #442a72; }
.kingdom .scripture-ref span { color: #563a84; }
.kingdom .attribute-name { color: #442a72; }
.kingdom .attribute-value { color: #442a72; }
.kingdom .card-number { color: #563a84; }
.kingdom .divider.ornate::before { color: #563a84; }
.kingdom .section-divider h2 { color: #563a84; }
.kingdom .section-divider p { color: #442a72; }
.kingdom .section-divider::before { background: linear-gradient(90deg, transparent 0%, #563a84 20%, #442a72 50%, #563a84 80%, transparent 100%); }

.kingdom .trading-card.wicked { background: linear-gradient(165deg, #3a2a50 0%, #302244 15%, #261a38 50%, #1c122c 85%, #120a20 100%); }
.kingdom .trading-card.wicked .card-inner { background: linear-gradient(180deg, #e4e0e8 0%, #d0c8d8 30%, #bcb0c8 70%, #a898b8 100%); }
.kingdom .trading-card.wicked .top-ornament { background: linear-gradient(90deg, transparent 0%, #302244 20%, #3a2a50 50%, #302244 80%, transparent 100%); }
.kingdom .trading-card.wicked .name-banner { background: linear-gradient(90deg, transparent 0%, #261a38 10%, #302244 30%, #3a2a50 50%, #302244 70%, #261a38 90%, transparent 100%); }
.kingdom .trading-card.wicked .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #302244 20%, #3a2a50 50%, #302244 80%, transparent 100%); }
.kingdom .trading-card.wicked .image-border { background: linear-gradient(90deg, transparent 0%, #261a38 10%, #302244 30%, #3a2a50 50%, #302244 70%, #261a38 90%, transparent 100%); }
.kingdom .trading-card.wicked .divider { background: linear-gradient(90deg, transparent 0%, #302244 30%, #261a38 50%, #302244 70%, transparent 100%); }
.kingdom .trading-card.wicked .subtitle { color: #261a38; }
.kingdom .trading-card.wicked .description { color: #261a38; }
.kingdom .trading-card.wicked .stat-label { color: #261a38; }
.kingdom .trading-card.wicked .stat-value { color: #1a0a00; }
.kingdom .trading-card.wicked .name-header h1 { color: #261a38; }
.kingdom .trading-card.wicked .name-header .subtitle { color: #302244; }
.kingdom .trading-card.wicked .info-label { color: #302244; }
.kingdom .trading-card.wicked .lore-text { color: #261a38; }
.kingdom .trading-card.wicked .scripture-ref span { color: #302244; }
.kingdom .trading-card.wicked .attribute-name { color: #261a38; }
.kingdom .trading-card.wicked .attribute-value { color: #261a38; }
.kingdom .trading-card.wicked .card-number { color: #302244; }
.kingdom .trading-card.wicked .divider.ornate::before { color: #302244; }

/* Prophets */
.prophets .trading-card { background: linear-gradient(165deg, #4a8cc4 0%, #3a7cb4 15%, #2a6ca4 50%, #1a5c94 85%, #0a4c84 100%); }
.prophets .card-inner { background: linear-gradient(180deg, #f5f9fc 0%, #e8f2f8 30%, #d4e8f4 70%, #bcdcec 100%); }
.prophets .top-ornament { background: linear-gradient(90deg, transparent 0%, #2a6ca4 20%, #4a8cc4 50%, #2a6ca4 80%, transparent 100%); }
.prophets .name-banner { background: linear-gradient(90deg, transparent 0%, #1a5c94 10%, #2a6ca4 30%, #3a7cb4 50%, #2a6ca4 70%, #1a5c94 90%, transparent 100%); }
.prophets .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #2a6ca4 20%, #4a8cc4 50%, #2a6ca4 80%, transparent 100%); }
.prophets .image-border { background: linear-gradient(90deg, transparent 0%, #1a5c94 10%, #2a6ca4 30%, #3a7cb4 50%, #2a6ca4 70%, #1a5c94 90%, transparent 100%); }
.prophets .divider { background: linear-gradient(90deg, transparent 0%, #2a6ca4 30%, #1a5c94 50%, #2a6ca4 70%, transparent 100%); }
.prophets .subtitle { color: #1a5c94; }
.prophets .description { color: #1a5c94; }
.prophets .stat-label { color: #1a5c94; }
.prophets .stat-value { color: #2a1a08; }
.prophets .name-header h1 { color: #1a5c94; }
.prophets .name-header .subtitle { color: #2a6ca4; }
.prophets .info-label { color: #2a6ca4; }
.prophets .lore-text { color: #1a5c94; }
.prophets .scripture-ref span { color: #2a6ca4; }
.prophets .attribute-name { color: #1a5c94; }
.prophets .attribute-value { color: #1a5c94; }
.prophets .card-number { color: #2a6ca4; }
.prophets .divider.ornate::before { color: #2a6ca4; }
.prophets .section-divider h2 { color: #2a6ca4; }
.prophets .section-divider p { color: #1a5c94; }
.prophets .section-divider::before { background: linear-gradient(90deg, transparent 0%, #2a6ca4 20%, #1a5c94 50%, #2a6ca4 80%, transparent 100%); }

.prophets .trading-card.wicked { background: linear-gradient(165deg, #1a3c54 0%, #143248 15%, #0e283c 50%, #081e30 85%, #021424 100%); }
.prophets .trading-card.wicked .card-inner { background: linear-gradient(180deg, #dce4e8 0%, #c4d4dc 30%, #acc4d0 70%, #94b4c4 100%); }
.prophets .trading-card.wicked .top-ornament { background: linear-gradient(90deg, transparent 0%, #143248 20%, #1a3c54 50%, #143248 80%, transparent 100%); }
.prophets .trading-card.wicked .name-banner { background: linear-gradient(90deg, transparent 0%, #0e283c 10%, #143248 30%, #1a3c54 50%, #143248 70%, #0e283c 90%, transparent 100%); }
.prophets .trading-card.wicked .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #143248 20%, #1a3c54 50%, #143248 80%, transparent 100%); }
.prophets .trading-card.wicked .image-border { background: linear-gradient(90deg, transparent 0%, #0e283c 10%, #143248 30%, #1a3c54 50%, #143248 70%, #0e283c 90%, transparent 100%); }
.prophets .trading-card.wicked .divider { background: linear-gradient(90deg, transparent 0%, #143248 30%, #0e283c 50%, #143248 70%, transparent 100%); }
.prophets .trading-card.wicked .subtitle { color: #0e283c; }
.prophets .trading-card.wicked .description { color: #0e283c; }
.prophets .trading-card.wicked .stat-label { color: #0e283c; }
.prophets .trading-card.wicked .stat-value { color: #1a0a00; }
.prophets .trading-card.wicked .name-header h1 { color: #0e283c; }
.prophets .trading-card.wicked .name-header .subtitle { color: #143248; }
.prophets .trading-card.wicked .info-label { color: #143248; }
.prophets .trading-card.wicked .lore-text { color: #0e283c; }
.prophets .trading-card.wicked .scripture-ref span { color: #143248; }
.prophets .trading-card.wicked .attribute-name { color: #0e283c; }
.prophets .trading-card.wicked .attribute-value { color: #0e283c; }
.prophets .trading-card.wicked .card-number { color: #143248; }
.prophets .trading-card.wicked .divider.ornate::before { color: #143248; }

/* Gospel */
.gospel .trading-card { background: linear-gradient(165deg, #c4a84a 0%, #b49838 15%, #a48828 50%, #94781e 85%, #846814 100%); }
.gospel .card-inner { background: linear-gradient(180deg, #fdfcf5 0%, #faf8e8 30%, #f4f0d4 70%, #ece4bc 100%); }
.gospel .top-ornament { background: linear-gradient(90deg, transparent 0%, #a48828 20%, #c4a84a 50%, #a48828 80%, transparent 100%); }
.gospel .name-banner { background: linear-gradient(90deg, transparent 0%, #94781e 10%, #a48828 30%, #b49838 50%, #a48828 70%, #94781e 90%, transparent 100%); }
.gospel .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #a48828 20%, #c4a84a 50%, #a48828 80%, transparent 100%); }
.gospel .image-border { background: linear-gradient(90deg, transparent 0%, #94781e 10%, #a48828 30%, #b49838 50%, #a48828 70%, #94781e 90%, transparent 100%); }
.gospel .divider { background: linear-gradient(90deg, transparent 0%, #a48828 30%, #94781e 50%, #a48828 70%, transparent 100%); }
.gospel .subtitle { color: #94781e; }
.gospel .description { color: #94781e; }
.gospel .stat-label { color: #94781e; }
.gospel .stat-value { color: #2a1a08; }
.gospel .name-header h1 { color: #94781e; }
.gospel .name-header .subtitle { color: #a48828; }
.gospel .info-label { color: #a48828; }
.gospel .lore-text { color: #94781e; }
.gospel .scripture-ref span { color: #a48828; }
.gospel .attribute-name { color: #94781e; }
.gospel .attribute-value { color: #94781e; }
.gospel .card-number { color: #a48828; }
.gospel .divider.ornate::before { color: #a48828; }
.gospel .section-divider h2 { color: #a48828; }
.gospel .section-divider p { color: #94781e; }
.gospel .section-divider::before { background: linear-gradient(90deg, transparent 0%, #a48828 20%, #94781e 50%, #a48828 80%, transparent 100%); }

.gospel .trading-card.wicked { background: linear-gradient(165deg, #544a1a 0%, #484014 15%, #3c360e 50%, #302c08 85%, #242202 100%); }
.gospel .trading-card.wicked .card-inner { background: linear-gradient(180deg, #e8e4d8 0%, #dcd4c0 30%, #d0c4a8 70%, #c4b490 100%); }
.gospel .trading-card.wicked .top-ornament { background: linear-gradient(90deg, transparent 0%, #484014 20%, #544a1a 50%, #484014 80%, transparent 100%); }
.gospel .trading-card.wicked .name-banner { background: linear-gradient(90deg, transparent 0%, #3c360e 10%, #484014 30%, #544a1a 50%, #484014 70%, #3c360e 90%, transparent 100%); }
.gospel .trading-card.wicked .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #484014 20%, #544a1a 50%, #484014 80%, transparent 100%); }
.gospel .trading-card.wicked .image-border { background: linear-gradient(90deg, transparent 0%, #3c360e 10%, #484014 30%, #544a1a 50%, #484014 70%, #3c360e 90%, transparent 100%); }
.gospel .trading-card.wicked .divider { background: linear-gradient(90deg, transparent 0%, #484014 30%, #3c360e 50%, #484014 70%, transparent 100%); }
.gospel .trading-card.wicked .subtitle { color: #3c360e; }
.gospel .trading-card.wicked .description { color: #3c360e; }
.gospel .trading-card.wicked .stat-label { color: #3c360e; }
.gospel .trading-card.wicked .stat-value { color: #1a0a00; }
.gospel .trading-card.wicked .name-header h1 { color: #3c360e; }
.gospel .trading-card.wicked .name-header .subtitle { color: #484014; }
.gospel .trading-card.wicked .info-label { color: #484014; }
.gospel .trading-card.wicked .lore-text { color: #3c360e; }
.gospel .trading-card.wicked .scripture-ref span { color: #484014; }
.gospel .trading-card.wicked .attribute-name { color: #3c360e; }
.gospel .trading-card.wicked .attribute-value { color: #3c360e; }
.gospel .trading-card.wicked .card-number { color: #484014; }
.gospel .trading-card.wicked .divider.ornate::before { color: #484014; }

/* Apostles */
.apostles .trading-card { background: linear-gradient(165deg, #c46a5a 0%, #b45a4a 15%, #a44a3a 50%, #943a2a 85%, #842a1a 100%); }
.apostles .card-inner { background: linear-gradient(180deg, #fdf7f5 0%, #fceae6 30%, #f8d8d0 70%, #f0c4b8 100%); }
.apostles .top-ornament { background: linear-gradient(90deg, transparent 0%, #a44a3a 20%, #c46a5a 50%, #a44a3a 80%, transparent 100%); }
.apostles .name-banner { background: linear-gradient(90deg, transparent 0%, #943a2a 10%, #a44a3a 30%, #b45a4a 50%, #a44a3a 70%, #943a2a 90%, transparent 100%); }
.apostles .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #a44a3a 20%, #c46a5a 50%, #a44a3a 80%, transparent 100%); }
.apostles .image-border { background: linear-gradient(90deg, transparent 0%, #943a2a 10%, #a44a3a 30%, #b45a4a 50%, #a44a3a 70%, #943a2a 90%, transparent 100%); }
.apostles .divider { background: linear-gradient(90deg, transparent 0%, #a44a3a 30%, #943a2a 50%, #a44a3a 70%, transparent 100%); }
.apostles .subtitle { color: #943a2a; }
.apostles .description { color: #943a2a; }
.apostles .stat-label { color: #943a2a; }
.apostles .stat-value { color: #2a1a08; }
.apostles .name-header h1 { color: #943a2a; }
.apostles .name-header .subtitle { color: #a44a3a; }
.apostles .info-label { color: #a44a3a; }
.apostles .lore-text { color: #943a2a; }
.apostles .scripture-ref span { color: #a44a3a; }
.apostles .attribute-name { color: #943a2a; }
.apostles .attribute-value { color: #943a2a; }
.apostles .card-number { color: #a44a3a; }
.apostles .divider.ornate::before { color: #a44a3a; }
.apostles .section-divider h2 { color: #a44a3a; }
.apostles .section-divider p { color: #943a2a; }
.apostles .section-divider::before { background: linear-gradient(90deg, transparent 0%, #a44a3a 20%, #943a2a 50%, #a44a3a 80%, transparent 100%); }

.apostles .trading-card.wicked { background: linear-gradient(165deg, #4a2a22 0%, #40221a 15%, #361a12 50%, #2c120a 85%, #220a02 100%); }
.apostles .trading-card.wicked .card-inner { background: linear-gradient(180deg, #e8dcd8 0%, #d8c8c0 30%, #c8b4a8 70%, #b8a090 100%); }
.apostles .trading-card.wicked .top-ornament { background: linear-gradient(90deg, transparent 0%, #40221a 20%, #4a2a22 50%, #40221a 80%, transparent 100%); }
.apostles .trading-card.wicked .name-banner { background: linear-gradient(90deg, transparent 0%, #361a12 10%, #40221a 30%, #4a2a22 50%, #40221a 70%, #361a12 90%, transparent 100%); }
.apostles .trading-card.wicked .bottom-ornament { background: linear-gradient(90deg, transparent 0%, #40221a 20%, #4a2a22 50%, #40221a 80%, transparent 100%); }
.apostles .trading-card.wicked .image-border { background: linear-gradient(90deg, transparent 0%, #361a12 10%, #40221a 30%, #4a2a22 50%, #40221a 70%, #361a12 90%, transparent 100%); }
.apostles .trading-card.wicked .divider { background: linear-gradient(90deg, transparent 0%, #40221a 30%, #361a12 50%, #40221a 70%, transparent 100%); }
.apostles .trading-card.wicked .subtitle { color: #361a12; }
.apostles .trading-card.wicked .description { color: #361a12; }
.apostles .trading-card.wicked .stat-label { color: #361a12; }
.apostles .trading-card.wicked .stat-value { color: #1a0a00; }
.apostles .trading-card.wicked .name-header h1 { color: #361a12; }
.apostles .trading-card.wicked .name-header .subtitle { color: #40221a; }
.apostles .trading-card.wicked .info-label { color: #40221a; }
.apostles .trading-card.wicked .lore-text { color: #361a12; }
.apostles .trading-card.wicked .scripture-ref span { color: #40221a; }
.apostles .trading-card.wicked .attribute-name { color: #361a12; }
.apostles .trading-card.wicked .attribute-value { color: #361a12; }
.apostles .trading-card.wicked .card-number { color: #40221a; }
.apostles .trading-card.wicked .divider.ornate::before { color: #40221a; }

/* Back to Treasury Link */
.cards-back-link {
    text-align: center;
    padding: 40px 20px;
}

.cards-back-link a {
    font-family: 'Cinzel', serif;
    font-size: 14px;
    color: #d4a854;
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.cards-back-link a:hover {
    color: #fdf6e8;
}

/* Responsive */
@media (max-width: 768px) {
    .cards-page {
        padding: 100px 10px 40px;
    }
    
    .cards-page-header h1 {
        font-size: 28px;
        letter-spacing: 6px;
    }
    
    .card-pair {
        gap: 20px;
    }
    
    .trading-card {
        width: 280px;
        height: 420px;
    }
    
    .section-divider h2 {
        font-size: 20px;
        letter-spacing: 4px;
        padding: 8px 20px;
    }
}