:root{
  --night:#0f1016;
  --night-2:#171923;
  --night-3:#11131b;
  --gold:#c9a227;
  --gold-dim:#8a7024;
  --bone:#e9e3d0;
  --bone-dim:#a8a290;
  --ember:#8b3a2e;
  --line:rgba(233,227,208,0.12);
  --line-strong:rgba(201,162,39,0.28);
  --mystery-primary:var(--gold);
  --mystery-secondary:var(--ember);
  --mystery-accent:var(--gold-dim);
  --mystery-heading:var(--gold);
  --mystery-muted:var(--bone-dim);
  --mystery-border:var(--line);
  --mystery-border-strong:var(--line-strong);
  --mystery-background:
    linear-gradient(180deg, rgba(15,16,22,0.08), rgba(15,16,22,0.86) 42%, var(--night) 100%),
    radial-gradient(ellipse at 18% -10%, rgba(201,162,39,0.11), transparent 46%),
    radial-gradient(ellipse at 86% 6%, rgba(139,58,46,0.12), transparent 40%),
    var(--night);
  --mystery-atmosphere:none;
  --mystery-texture:none;
  --mystery-heading-gradient:none;
  --mystery-heading-text-fill:currentColor;
  --mystery-heading-shadow:0 0 46px rgba(201,162,39,0.2);
  --mystery-heading-filter:none;
  --mystery-heading-weathering:none;
  --mystery-heading-ambient:none;
  --mystery-heading-ambient-opacity:0;
  --mystery-heading-divider-detail:none;
  --mystery-heading-texture-size:auto;
  --mystery-heading-level-1-shadow:var(--mystery-heading-shadow);
  --mystery-heading-level-2-shadow:var(--mystery-heading-shadow);
  --mystery-heading-level-3-shadow:0 1px 0 rgba(0,0,0,0.5);
  --mystery-rock-grain:none;
  --mystery-panel-grit:none;
  --mystery-divider:linear-gradient(90deg, rgba(201,162,39,0), rgba(201,162,39,0.82), rgba(201,162,39,0));
  --mystery-divider-glow:0 0 18px rgba(201,162,39,0.22);
  --mystery-panel:
    linear-gradient(180deg, rgba(23,25,35,0.98), rgba(17,19,27,0.98));
  --mystery-panel-border:var(--line);
  --mystery-panel-shadow:0 18px 42px rgba(0,0,0,0.18);
  --mystery-answer-panel:var(--mystery-panel);
  --mystery-answer-border:var(--line-strong);
  --mystery-label-color:var(--gold);
  --mystery-label-border:var(--line-strong);
  --mystery-label-bg:rgba(201,162,39,0.08);
  --mystery-label-shadow:none;
  --mystery-video-border:var(--line);
  --mystery-video-shadow:none;
  --mystery-play-border:var(--line-strong);
  --mystery-timeline-line:linear-gradient(rgba(201,162,39,0.62), rgba(201,162,39,0));
  --mystery-marker-border:rgba(201,162,39,0.84);
  --mystery-marker-bg:rgba(201,162,39,0.16);
  --mystery-comparison-panel:var(--mystery-panel);
  --mystery-callout-panel:var(--mystery-panel);
  --mystery-door-panel:
    linear-gradient(180deg, rgba(23,25,35,0.92), rgba(17,19,27,0.98)),
    radial-gradient(ellipse at 10% 0%, rgba(139,58,46,0.18), transparent 42%);
  --mystery-faq-heading:var(--bone);
  --mystery-hero-bg-color:transparent;
  --mystery-hero-position:center, center, right 8% center;
  --mystery-hero-size:cover, cover, auto 92%;
  --mystery-hero-shadow:none;
  --mystery-hero-overlay:linear-gradient(180deg, rgba(15,16,22,0.1), rgba(15,16,22,0.72) 70%, var(--night) 100%);
  --mystery-hero-side-overlay:linear-gradient(90deg, rgba(15,16,22,0.92), rgba(15,16,22,0.28) 46%, rgba(15,16,22,0.84));
}

body.kandahar-theme{
  --mystery-primary:#f0bd50;
  --mystery-secondary:#b55232;
  --mystery-accent:#c9953e;
  --mystery-heading:#f2c967;
  --mystery-muted:#d1c2a0;
  --mystery-border:rgba(240,189,80,0.24);
  --mystery-border-strong:rgba(240,189,80,0.46);
  --mystery-background:
    linear-gradient(180deg, rgba(7,5,3,0.46), rgba(9,6,3,0.82) 62%, #080502 100%),
    linear-gradient(90deg, rgba(6,4,2,0.72), rgba(11,7,4,0.2) 42%, rgba(5,3,2,0.78)),
    url('/mysteries/giant-of-kandahar/giant-of-kandahar-rock-background.jpg'),
    #100b06;
  --mystery-atmosphere:
    radial-gradient(ellipse at 50% 0%, rgba(246,182,84,0.16), transparent 36%),
    radial-gradient(ellipse at 82% 20%, rgba(118,54,25,0.12), transparent 34%),
    linear-gradient(180deg, transparent 0 42%, rgba(7,5,3,0.62) 100%);
  --mystery-texture:
    radial-gradient(circle at 14% 18%, rgba(255,224,142,0.14) 0 1.2px, transparent 2.8px),
    radial-gradient(circle at 62% 42%, rgba(8,4,2,0.38) 0 2px, transparent 4.6px),
    radial-gradient(circle at 81% 68%, rgba(234,179,88,0.1) 0 1.2px, transparent 2.9px),
    radial-gradient(circle at 36% 58%, rgba(7,4,2,0.32) 0 2.4px, transparent 5.4px);
  --mystery-heading-gradient:
    url('/mysteries/giant-of-kandahar/kandahar-caption-material.jpg'),
    radial-gradient(ellipse at 18% 28%, rgba(222,187,116,0.76) 0 10%, transparent 22%),
    radial-gradient(ellipse at 74% 56%, rgba(13,6,2,0.98) 0 16%, transparent 31%),
    linear-gradient(101deg, rgba(21,10,4,0.96) 0 9%, transparent 10% 16%, rgba(211,166,94,0.48) 17% 22%, rgba(60,28,10,0.78) 23% 31%, transparent 32% 44%, rgba(18,8,3,0.94) 45% 53%, transparent 54% 100%),
    linear-gradient(180deg, rgba(212,176,107,0.86) 0%, rgba(157,106,49,0.78) 16%, rgba(71,48,25,0.82) 35%, rgba(18,7,4,0.88) 51%, rgba(107,54,21,0.8) 69%, rgba(192,139,62,0.84) 100%),
    url('/mysteries/giant-of-kandahar/giant-of-kandahar-rock-background.jpg');
  --mystery-heading-text-fill:transparent;
  --mystery-heading-shadow:
    0 1px 0 rgba(218,166,82,0.24),
    0 2px 0 rgba(87,44,17,0.92),
    0 8px 18px rgba(0,0,0,0.72),
    0 0 28px rgba(245,178,70,0.24);
  --mystery-heading-filter:drop-shadow(0 1px 0 rgba(24,15,7,0.8));
  --mystery-heading-weathering:
    radial-gradient(circle at 33% 39%, rgba(0,0,0,1) 0 4.2px, transparent 6.6px),
    radial-gradient(circle at 78% 72%, rgba(0,0,0,0.96) 0 5.4px, transparent 8.2px),
    radial-gradient(circle at 47% 18%, rgba(246,205,118,0.58) 0 2px, transparent 3.2px),
    radial-gradient(circle at 18% 26%, rgba(3,1,0,1) 0 2.2px, transparent 3.4px),
    radial-gradient(circle at 62% 58%, rgba(235,195,117,0.54) 0 1.2px, transparent 2.4px),
    radial-gradient(circle at 74% 31%, rgba(5,2,1,0.92) 0 1.8px, transparent 3px),
    radial-gradient(circle at 9% 28%, rgba(4,1,0,1) 0 15px, transparent 22px),
    radial-gradient(circle at 36% 72%, rgba(225,182,103,0.62) 0 5px, transparent 9px),
    radial-gradient(circle at 66% 35%, rgba(5,1,0,1) 0 14px, transparent 21px),
    radial-gradient(circle at 82% 18%, rgba(220,166,82,0.5) 0 5px, transparent 8px),
    radial-gradient(circle at 27% 54%, rgba(10,3,1,0.98) 0 13px, transparent 20px),
    radial-gradient(circle at 54% 80%, rgba(215,158,72,0.45) 0 5px, transparent 8px),
    radial-gradient(circle at 91% 62%, rgba(4,1,0,0.96) 0 11px, transparent 18px),
    radial-gradient(ellipse 50% 20% at 48% 47%, rgba(4,1,0,0.94) 0 28%, transparent 54%),
    linear-gradient(17deg, transparent 0 43%, rgba(4,1,0,0.98) 43.8% 45.58%, rgba(211,158,79,0.22) 45.68% 45.95%, transparent 46.2%),
    linear-gradient(153deg, transparent 0 60%, rgba(5,2,1,0.92) 60.8% 62.08%, rgba(209,157,80,0.2) 62.2% 62.42%, transparent 62.72%),
    repeating-linear-gradient(101deg, rgba(6,2,1,0.88) 0 1.8px, transparent 1.8px 6.2px),
    repeating-linear-gradient(7deg, rgba(214,160,82,0.28) 0 1px, transparent 1px 6px),
    repeating-linear-gradient(174deg, transparent 0 4px, rgba(5,2,1,0.8) 5px 13px, transparent 14px 20px);
  --mystery-heading-texture-size:74px 62px, 108px 86px, 92px 78px, 42px 38px, 57px 49px, 73px 61px, 136px 104px, 150px 112px, 144px 110px, 132px 98px, 152px 112px, 118px 92px, 128px 86px, 180px 94px, 210px 132px, 190px 118px, 88px 66px, 78px 58px, 136px 88px, 260px 260px, 220px 150px, 260px 178px, 172px 120px, auto, 900px 620px;
  --mystery-heading-ambient:
    radial-gradient(ellipse at 28% 50%, rgba(245,188,74,0.2), transparent 58%),
    radial-gradient(ellipse at 6% 68%, rgba(27,17,8,0.42), transparent 44%),
    linear-gradient(90deg, rgba(49,31,14,0.78), rgba(49,31,14,0.16) 62%, transparent);
  --mystery-heading-ambient-opacity:1;
  --mystery-heading-divider-detail:
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(48,28,11,0.72) 18px 21px, transparent 21px 30px);
  --mystery-heading-level-1-shadow:
    0 7px 0 rgba(18,9,3,0.78),
    0 18px 28px rgba(0,0,0,0.86);
  --mystery-heading-level-2-shadow:
    0 5px 0 rgba(20,10,4,0.72),
    0 12px 20px rgba(0,0,0,0.78);
  --mystery-heading-level-3-shadow:
    0 1px 0 rgba(212,157,74,0.2),
    0 2px 10px rgba(0,0,0,0.64);
  --mystery-divider:
    linear-gradient(90deg, rgba(240,189,80,0), rgba(73,42,16,0.75) 16%, rgba(255,220,127,0.96) 45%, rgba(181,82,50,0.54) 60%, rgba(73,42,16,0.76) 84%, rgba(240,189,80,0));
  --mystery-divider-glow:0 0 18px rgba(240,189,80,0.22), 0 1px 0 rgba(0,0,0,0.56);
  --mystery-panel:
    linear-gradient(180deg, rgba(78,61,39,0.9), rgba(34,35,26,0.94)),
    radial-gradient(ellipse at 0% 0%, rgba(248,199,103,0.18), transparent 42%),
    radial-gradient(ellipse at 100% 20%, rgba(79,96,70,0.2), transparent 40%),
    repeating-linear-gradient(167deg, rgba(255,226,151,0.06) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(29deg, rgba(21,13,6,0.32) 0 1px, transparent 1px 37px);
  --mystery-panel-border:rgba(240,189,80,0.25);
  --mystery-panel-shadow:0 24px 54px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,225,154,0.1);
  --mystery-answer-panel:
    linear-gradient(180deg, rgba(92,70,45,0.92), rgba(39,42,31,0.96)),
    radial-gradient(ellipse at 12% 0%, rgba(255,218,137,0.22), transparent 38%),
    radial-gradient(ellipse at 82% 70%, rgba(19,12,6,0.28), transparent 36%),
    repeating-linear-gradient(135deg, rgba(245,220,164,0.07) 0 1px, transparent 1px 11px),
    repeating-linear-gradient(21deg, transparent 0 32px, rgba(35,20,8,0.28) 33px 35px, transparent 36px 62px);
  --mystery-answer-border:rgba(240,189,80,0.5);
  --mystery-label-color:#ffe6a1;
  --mystery-label-border:rgba(240,189,80,0.6);
  --mystery-label-bg:
    linear-gradient(180deg, rgba(137,72,34,0.38), rgba(55,46,27,0.76)),
    repeating-linear-gradient(-8deg, rgba(240,189,80,0.1) 0 1px, transparent 1px 8px);
  --mystery-label-shadow:inset 0 0 0 1px rgba(0,0,0,0.22), 0 10px 24px rgba(0,0,0,0.18);
  --mystery-video-border:rgba(240,189,80,0.46);
  --mystery-video-shadow:inset 0 0 0 1px rgba(0,0,0,0.44), 0 18px 42px rgba(0,0,0,0.24);
  --mystery-play-border:rgba(240,189,80,0.68);
  --mystery-timeline-line:linear-gradient(rgba(240,189,80,0.72), rgba(181,82,50,0.18), rgba(240,189,80,0));
  --mystery-marker-border:rgba(255,213,110,0.9);
  --mystery-marker-bg:rgba(240,189,80,0.24);
  --mystery-comparison-panel:
    linear-gradient(180deg, rgba(68,54,37,0.92), rgba(27,31,25,0.97)),
    radial-gradient(ellipse at 100% 0%, rgba(89,109,80,0.22), transparent 42%),
    radial-gradient(ellipse at 10% 80%, rgba(17,10,5,0.28), transparent 34%),
    repeating-linear-gradient(90deg, rgba(240,220,164,0.05) 0 1px, transparent 1px 10px),
    repeating-linear-gradient(154deg, transparent 0 26px, rgba(35,20,8,0.26) 27px 28px, transparent 29px 54px);
  --mystery-callout-panel:
    linear-gradient(180deg, rgba(116,63,31,0.82), rgba(31,33,23,0.96)),
    radial-gradient(ellipse at 12% 0%, rgba(255,213,110,0.22), transparent 42%);
  --mystery-door-panel:
    linear-gradient(180deg, rgba(52,37,23,0.66), rgba(16,15,12,0.94)),
    radial-gradient(ellipse at 70% 0%, rgba(240,189,80,0.25), transparent 42%),
    radial-gradient(ellipse at 12% 12%, rgba(104,123,111,0.17), transparent 40%),
    radial-gradient(ellipse at 42% 84%, rgba(4,3,2,0.42), transparent 38%),
    repeating-linear-gradient(165deg, rgba(255,226,151,0.05) 0 1px, transparent 1px 18px),
    linear-gradient(158deg, transparent 0 55%, rgba(96,47,24,0.4) 55.3% 100%);
  --mystery-faq-heading:#f4d276;
  --mystery-hero-bg-color:#17110a;
  --mystery-hero-position:center, left center, left center, right -1% center;
  --mystery-hero-size:cover, cover, cover, auto 108%;
  --mystery-hero-shadow:inset 0 -48px 86px rgba(25,18,11,0.72);
  --mystery-hero-overlay:linear-gradient(180deg, rgba(7,5,3,0.02), rgba(9,6,3,0.12) 48%, rgba(7,4,2,0.88) 100%);
  --mystery-hero-side-overlay:
    linear-gradient(90deg, rgba(6,4,2,0.34) 0 48%, rgba(9,6,3,0.1) 62%, rgba(7,4,2,0.48) 100%),
    url('/mysteries/giant-of-kandahar/giant-of-kandahar-rock-background.jpg');
}

body.rephaim-theme{
  --mystery-primary:#c7a85f;
  --mystery-secondary:#8fa45b;
  --mystery-accent:#5d6f38;
  --mystery-heading:#d6bd7b;
  --mystery-muted:#d2c7aa;
  --mystery-border:rgba(199,168,95,0.24);
  --mystery-border-strong:rgba(199,168,95,0.48);
  --mystery-background:
    linear-gradient(180deg, rgba(5,7,5,0.48), rgba(7,8,6,0.82) 58%, #050605 100%),
    linear-gradient(90deg, rgba(3,4,3,0.74), rgba(18,15,10,0.18) 45%, rgba(3,4,3,0.72)),
    url('/mysteries/rephaim/rephaim-background.png'),
    #070806;
  --mystery-atmosphere:
    radial-gradient(ellipse at 17% 0%, rgba(255,228,154,0.18), transparent 34%),
    radial-gradient(ellipse at 72% 16%, rgba(145,157,87,0.13), transparent 30%),
    linear-gradient(180deg, rgba(5,6,4,0.04), rgba(5,6,4,0.7) 100%);
  --mystery-texture:
    radial-gradient(circle at 18% 26%, rgba(222,198,126,0.09) 0 1px, transparent 2.6px),
    radial-gradient(circle at 72% 54%, rgba(2,3,2,0.36) 0 1.8px, transparent 4.2px),
    radial-gradient(circle at 46% 76%, rgba(117,134,70,0.08) 0 1px, transparent 2.8px),
    repeating-linear-gradient(112deg, transparent 0 42px, rgba(226,205,150,0.028) 43px 44px, transparent 45px 82px);
  --mystery-heading-gradient:
    url('/mysteries/rephaim/rephaim-caption-texture.png'),
    linear-gradient(180deg, rgba(224,202,142,0.9), rgba(131,110,66,0.84) 42%, rgba(70,67,42,0.92) 100%);
  --mystery-heading-text-fill:transparent;
  --mystery-heading-filter:drop-shadow(0 1px 0 rgba(8,7,4,0.9)) brightness(1.72) contrast(1.04) saturate(0.84);
  --mystery-heading-shadow:
    0 1px 0 rgba(231,209,147,0.16),
    0 5px 0 rgba(29,24,13,0.74),
    0 16px 24px rgba(0,0,0,0.82);
  --mystery-heading-level-1-shadow:
    0 6px 0 rgba(18,15,8,0.7),
    0 19px 30px rgba(0,0,0,0.9);
  --mystery-heading-level-2-shadow:
    0 4px 0 rgba(21,18,10,0.64),
    0 12px 22px rgba(0,0,0,0.8);
  --mystery-heading-level-3-shadow:
    0 1px 0 rgba(5,6,4,0.8),
    0 5px 12px rgba(0,0,0,0.62);
  --mystery-heading-texture-size:cover, auto;
  --mystery-heading-divider-detail:
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(32,27,15,0.62) 18px 21px, transparent 21px 31px);
  --mystery-divider:
    linear-gradient(90deg, rgba(199,168,95,0), rgba(99,114,59,0.58) 18%, rgba(214,183,102,0.88) 50%, rgba(99,114,59,0.58) 82%, rgba(199,168,95,0));
  --mystery-divider-glow:0 0 15px rgba(199,168,95,0.2), 0 1px 0 rgba(0,0,0,0.58);
  --mystery-panel:
    linear-gradient(180deg, rgba(47,43,31,0.92), rgba(18,20,15,0.96)),
    radial-gradient(ellipse at 0% 0%, rgba(218,186,109,0.14), transparent 42%),
    radial-gradient(ellipse at 100% 30%, rgba(87,106,54,0.16), transparent 38%),
    repeating-linear-gradient(169deg, rgba(230,208,152,0.045) 0 1px, transparent 1px 15px);
  --mystery-panel-border:rgba(199,168,95,0.25);
  --mystery-panel-shadow:0 24px 54px rgba(0,0,0,0.28), inset 0 1px 0 rgba(245,224,163,0.08);
  --mystery-answer-panel:
    linear-gradient(180deg, rgba(61,55,39,0.94), rgba(21,24,17,0.98)),
    radial-gradient(ellipse at 18% 0%, rgba(232,203,130,0.2), transparent 42%),
    radial-gradient(ellipse at 82% 75%, rgba(80,98,49,0.14), transparent 36%);
  --mystery-answer-border:rgba(199,168,95,0.52);
  --mystery-label-color:#d8be78;
  --mystery-label-border:rgba(199,168,95,0.56);
  --mystery-label-bg:
    linear-gradient(180deg, rgba(86,94,49,0.3), rgba(42,37,22,0.78));
  --mystery-label-shadow:inset 0 0 0 1px rgba(0,0,0,0.28), 0 10px 24px rgba(0,0,0,0.22);
  --mystery-video-border:rgba(199,168,95,0.46);
  --mystery-video-shadow:inset 0 0 0 1px rgba(0,0,0,0.48), 0 18px 42px rgba(0,0,0,0.26);
  --mystery-play-border:rgba(216,190,120,0.7);
  --mystery-timeline-line:linear-gradient(rgba(199,168,95,0.72), rgba(93,111,56,0.2), rgba(199,168,95,0));
  --mystery-marker-border:rgba(216,190,120,0.9);
  --mystery-marker-bg:rgba(93,111,56,0.28);
  --mystery-comparison-panel:
    linear-gradient(180deg, rgba(50,46,33,0.94), rgba(17,19,14,0.98)),
    radial-gradient(ellipse at 100% 0%, rgba(86,106,55,0.2), transparent 42%);
  --mystery-callout-panel:
    linear-gradient(180deg, rgba(71,68,41,0.84), rgba(20,22,15,0.96)),
    radial-gradient(ellipse at 12% 0%, rgba(214,183,102,0.18), transparent 42%);
  --mystery-door-panel:
    linear-gradient(180deg, rgba(43,38,27,0.72), rgba(10,11,8,0.96)),
    radial-gradient(ellipse at 62% 0%, rgba(216,190,120,0.18), transparent 40%),
    radial-gradient(ellipse at 20% 20%, rgba(93,111,56,0.16), transparent 42%),
    repeating-linear-gradient(165deg, rgba(230,208,152,0.038) 0 1px, transparent 1px 18px);
  --mystery-faq-heading:#d9c27e;
  --mystery-hero-bg-color:#0a0b08;
  --mystery-hero-position:center, center, right 7% center, center top;
  --mystery-hero-size:cover, cover, auto 94%, cover;
  --mystery-hero-shadow:inset 0 -52px 90px rgba(7,8,6,0.82);
  --mystery-hero-overlay:linear-gradient(180deg, rgba(4,5,4,0.04), rgba(6,7,5,0.16) 42%, rgba(5,6,4,0.9) 100%);
  --mystery-hero-side-overlay:
    linear-gradient(90deg, rgba(5,6,4,0.86) 0 38%, rgba(8,8,5,0.22) 58%, rgba(5,6,4,0.18) 100%);
}

/* The Land of the Dead — YouTube Investigation 01 */
body.land-dead-theme{
  --underworld-ice:#d9e7f2;
  --underworld-mist:#9fb8cc;
  --underworld-blue:#31516d;
  --underworld-deep:#07111b;
  --underworld-stone:#111a22;
  --underworld-bronze:#b58b50;
  --underworld-fire:#a85f32;
  --mystery-primary:var(--underworld-mist);
  --mystery-secondary:var(--underworld-blue);
  --mystery-accent:var(--underworld-bronze);
  --mystery-heading:var(--underworld-ice);
  --mystery-muted:#b8c5cf;
  --mystery-border:rgba(159,184,204,0.2);
  --mystery-border-strong:rgba(185,208,225,0.46);
  --mystery-background:
    linear-gradient(180deg, rgba(5,12,19,0.34), rgba(6,13,21,0.86) 46%, #050a10 100%),
    linear-gradient(90deg, rgba(3,8,13,0.78), rgba(31,57,77,0.12) 50%, rgba(3,8,13,0.82)),
    url('/mysteries/land-of-the-dead/land-of-the-dead-environment.png'),
    #07111b;
  --mystery-atmosphere:
    radial-gradient(ellipse at 50% 0%, rgba(193,221,241,0.13), transparent 38%),
    radial-gradient(ellipse at 86% 24%, rgba(50,89,119,0.16), transparent 34%),
    linear-gradient(180deg, transparent 0 42%, rgba(3,8,13,0.68) 100%);
  --mystery-texture:
    repeating-linear-gradient(116deg, transparent 0 64px, rgba(206,225,238,0.025) 65px 66px, transparent 67px 124px),
    radial-gradient(circle at 16% 24%, rgba(207,229,243,0.08) 0 1px, transparent 2.4px),
    radial-gradient(circle at 76% 64%, rgba(181,139,80,0.08) 0 1.4px, transparent 3.2px);
  --mystery-panel:
    linear-gradient(180deg, rgba(24,38,50,0.94), rgba(8,16,24,0.98)),
    radial-gradient(ellipse at 0% 0%, rgba(181,211,231,0.12), transparent 40%),
    repeating-linear-gradient(164deg, rgba(221,234,243,0.025) 0 1px, transparent 1px 17px);
  --mystery-answer-panel:
    linear-gradient(180deg, rgba(35,55,69,0.96), rgba(9,18,27,0.99)),
    radial-gradient(ellipse at 14% 0%, rgba(213,231,243,0.16), transparent 42%),
    radial-gradient(ellipse at 88% 78%, rgba(181,139,80,0.1), transparent 36%);
  --mystery-comparison-panel:
    linear-gradient(180deg, rgba(26,42,54,0.96), rgba(8,16,24,0.99)),
    radial-gradient(ellipse at 100% 0%, rgba(70,112,143,0.16), transparent 42%);
  --mystery-callout-panel:
    linear-gradient(180deg, rgba(35,57,72,0.92), rgba(8,16,24,0.99)),
    radial-gradient(ellipse at 12% 0%, rgba(181,139,80,0.18), transparent 42%);
  --mystery-door-panel:
    linear-gradient(180deg, rgba(18,34,46,0.78), rgba(3,8,13,0.99)),
    radial-gradient(ellipse at 50% 0%, rgba(190,217,235,0.16), transparent 42%),
    radial-gradient(ellipse at 12% 82%, rgba(168,95,50,0.1), transparent 34%);
  --mystery-panel-border:rgba(159,184,204,0.24);
  --mystery-panel-shadow:0 26px 60px rgba(0,0,0,0.4), inset 0 1px 0 rgba(222,236,246,0.07);
  --mystery-answer-border:rgba(185,208,225,0.5);
  --mystery-label-color:#d4e4ef;
  --mystery-label-border:rgba(159,184,204,0.54);
  --mystery-label-bg:linear-gradient(180deg, rgba(49,81,109,0.48), rgba(10,23,34,0.84));
  --mystery-label-shadow:inset 0 0 0 1px rgba(0,0,0,0.22), 0 10px 24px rgba(0,0,0,0.2);
  --mystery-divider:linear-gradient(90deg, rgba(159,184,204,0), rgba(49,81,109,0.72) 18%, rgba(215,231,242,0.94) 50%, rgba(181,139,80,0.54) 70%, rgba(159,184,204,0));
  --mystery-divider-glow:0 0 20px rgba(147,188,219,0.22), 0 1px 0 rgba(0,0,0,0.62);
  --mystery-timeline-line:linear-gradient(rgba(188,214,231,0.72), rgba(49,81,109,0.24), rgba(159,184,204,0));
  --mystery-marker-border:rgba(216,233,244,0.9);
  --mystery-marker-bg:rgba(49,81,109,0.42);
  --mystery-video-border:rgba(185,208,225,0.5);
  --mystery-video-shadow:0 24px 56px rgba(0,0,0,0.48), inset 0 0 0 1px rgba(218,234,244,0.08);
  --mystery-faq-heading:#d5e4ef;
  background-color:#050a10;
  background-position:center top, center top, center top, center top;
  background-repeat:no-repeat;
  background-size:cover, cover, cover, auto;
  background-attachment:scroll, scroll, fixed, scroll;
}

body.land-dead-theme .mystery-hero.has-art{
  min-height:830px;
  background-image:
    linear-gradient(180deg, rgba(4,10,16,0.05), rgba(4,10,16,0.3) 54%, rgba(4,10,16,0.96) 100%),
    linear-gradient(90deg, rgba(4,10,16,0.96) 0 38%, rgba(5,14,23,0.32) 61%, rgba(4,10,16,0.16) 100%),
    url('/mysteries/land-of-the-dead/land-of-the-dead-environment.png');
  background-position:center, center, center 45%;
  background-size:cover, cover, cover;
  background-repeat:no-repeat;
  background-color:#07111b;
  box-shadow:inset 0 -70px 110px rgba(3,8,13,0.94);
}

body.land-dead-theme .mystery-hero.has-art::after{
  display:block;
  content:"";
  position:absolute;
  inset:34px clamp(22px, 5vw, 82px) 34px auto;
  z-index:1;
  width:min(39vw, 500px);
  min-width:330px;
  height:auto;
  clip-path:none;
  opacity:1;
  pointer-events:none;
  background:var(--hero-image) center top / contain no-repeat;
  filter:drop-shadow(0 28px 52px rgba(0,0,0,0.76));
}

body.land-dead-theme .land-dead-hero .hero-inner{
  padding-right:min(48vw, 590px);
}

body.land-dead-theme .land-dead-hero h1{
  max-width:690px;
  font-size:clamp(2.5rem, 6.8vw, 5.5rem);
}

body.land-dead-theme .hero-copy{
  max-width:610px;
  margin:22px 0 0;
  color:#d5e0e8;
  font-size:clamp(1.02rem, 1.8vw, 1.2rem);
}

body.land-dead-theme .begin-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  margin-top:22px;
  padding:12px 17px;
  border:1px solid rgba(185,208,225,0.54);
  color:#e3edf4;
  background:linear-gradient(180deg, rgba(49,81,109,0.78), rgba(8,19,29,0.94));
  box-shadow:0 14px 30px rgba(0,0,0,0.36), inset 0 1px 0 rgba(221,236,246,0.18);
  font-family:'JetBrains Mono', monospace;
  font-size:0.72rem;
  letter-spacing:0.1em;
  text-decoration:none;
  text-transform:uppercase;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.land-dead-theme .begin-cta:hover,
body.land-dead-theme .begin-cta:focus-visible{
  transform:translateY(-2px);
  border-color:#d5e4ef;
  box-shadow:0 18px 34px rgba(0,0,0,0.46), 0 0 0 3px rgba(159,184,204,0.12);
  outline:none;
}

body.land-dead-theme .mystery-hero h1[data-heading],
body.land-dead-theme .section h2[data-heading],
body.land-dead-theme .question-title h2[data-heading]{
  color:#b9c7d2;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0.32px rgba(4,11,17,0.82);
  filter:none;
  text-shadow:0 2px 0 rgba(2,7,11,0.94), 0 10px 24px rgba(0,0,0,0.88);
}

body.land-dead-theme .mystery-hero h1[data-heading]::before,
body.land-dead-theme .section h2[data-heading]::before,
body.land-dead-theme .question-title h2[data-heading]::before{
  content:attr(data-heading);
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  color:transparent;
  background-color:#819aad;
  background-image:url('/mysteries/land-of-the-dead/land-of-the-dead-heading-texture.png');
  background-position:50% 48%;
  background-size:620px 207px;
  background-repeat:repeat;
  background-blend-mode:screen;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:0.14px rgba(3,10,16,0.62);
  filter:brightness(1.48) contrast(1.18) saturate(0.82);
  opacity:0.96;
  text-shadow:none;
}

body.land-dead-theme .mystery-hero h1[data-heading]::before{
  background-size:760px 253px;
  opacity:1;
}

body.land-dead-theme .section h3,
body.land-dead-theme .timeline-date,
body.land-dead-theme .faq summary,
body.land-dead-theme .callout h3,
body.land-dead-theme .source-kicker,
body.land-dead-theme .related-card h3{
  color:#d1ac72;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:0 3px 12px rgba(0,0,0,0.76);
}

body.land-dead-theme .section-kicker,
body.land-dead-theme .video-label{
  display:block;
  margin-bottom:10px;
  color:#93b6cf;
  font-family:'JetBrains Mono', monospace;
  font-size:0.7rem;
  letter-spacing:0.13em;
  text-transform:uppercase;
}

body.land-dead-theme .video-evidence-layout{
  display:grid;
  grid-template-columns:minmax(250px, 420px) minmax(0, 1fr);
  gap:clamp(26px, 5vw, 58px);
  align-items:center;
  padding:clamp(20px, 4vw, 38px);
}

body.land-dead-theme .video-evidence-copy h3{
  margin-top:0;
  font-size:clamp(1.35rem, 2.5vw, 2rem);
  line-height:1.2;
}

body.land-dead-theme .video-evidence-copy .text-link{
  display:inline-flex;
  margin-top:10px;
}

body.land-dead-theme .interpretation-note{
  margin:24px 0 8px;
  padding:22px 24px;
  border-left:3px solid var(--underworld-bronze);
  background:linear-gradient(90deg, rgba(181,139,80,0.14), rgba(16,30,41,0.74));
}

body.land-dead-theme .interpretation-note span,
body.land-dead-theme .verdict-card span,
body.land-dead-theme .verdict-payoff span{
  display:block;
  margin-bottom:8px;
  color:#d0ab70;
  font-family:'JetBrains Mono', monospace;
  font-size:0.68rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
}

body.land-dead-theme .interpretation-note p{
  margin:0;
  color:#e4ebf0;
  font-family:'Cinzel', serif;
  font-size:clamp(1.15rem, 2.4vw, 1.65rem);
}

body.land-dead-theme .key-line{
  border-left:3px solid #9fb8cc;
}

body.land-dead-theme .key-line p{
  margin:0;
  font-family:'Cinzel', serif;
  font-size:clamp(1.1rem, 2.2vw, 1.55rem);
}

body.land-dead-theme .achilles-section{
  position:relative;
}

body.land-dead-theme .achilles-section::before{
  content:"";
  position:absolute;
  inset:16px calc(50% - 50vw);
  z-index:-1;
  background:radial-gradient(ellipse at 50% 42%, rgba(134,174,203,0.13), transparent 48%);
  pointer-events:none;
}

body.land-dead-theme .synthesis-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}

body.land-dead-theme .synthesis-card{
  min-height:220px;
  padding:22px;
  border:1px solid rgba(159,184,204,0.26);
  background:linear-gradient(180deg, rgba(30,48,62,0.94), rgba(7,15,23,0.98));
  box-shadow:0 18px 38px rgba(0,0,0,0.28), inset 0 1px 0 rgba(214,231,242,0.06);
}

body.land-dead-theme .synthesis-card > span{
  color:#7296b0;
  font-family:'JetBrains Mono', monospace;
  font-size:0.66rem;
}

body.land-dead-theme .synthesis-card h3{
  margin-top:36px;
}

body.land-dead-theme .synthesis-card p{
  color:#d6e1e8;
  font-style:italic;
}

body.land-dead-theme .verdict-levels{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
}

body.land-dead-theme .verdict-card{
  padding:26px;
  border:1px solid rgba(159,184,204,0.28);
  background:linear-gradient(180deg, rgba(30,48,62,0.9), rgba(7,15,23,0.98));
}

body.land-dead-theme .verdict-card.interpretive{
  border-color:rgba(181,139,80,0.44);
  background:linear-gradient(180deg, rgba(65,55,42,0.62), rgba(8,16,24,0.98));
}

body.land-dead-theme .verdict-card p{
  margin:0;
  color:#e0e8ee;
  font-size:1.08rem;
}

body.land-dead-theme .verdict-payoff{
  margin-top:26px;
  padding:clamp(24px, 4vw, 38px);
  border-top:1px solid rgba(197,219,233,0.32);
  border-bottom:1px solid rgba(197,219,233,0.32);
  text-align:center;
}

body.land-dead-theme .verdict-payoff p{
  margin:0 0 16px;
  color:#e5edf2;
  font-family:'Cinzel', serif;
  font-size:clamp(1.2rem, 3vw, 2rem);
  letter-spacing:0.05em;
  text-transform:uppercase;
}

body.land-dead-theme .verdict-payoff p:last-child{
  margin-bottom:0;
  color:#d4b47e;
}

body.land-dead-theme .door-section{
  padding-bottom:92px;
}

body.land-dead-theme .door-beyond{
  padding:clamp(34px, 7vw, 76px);
  text-align:center;
}

body.land-dead-theme .door-beyond h2::after{
  margin-left:auto;
  margin-right:auto;
}

body.land-dead-theme .door-truth{
  margin:28px auto;
  color:#d8e6ef;
  font-family:'Cinzel', serif;
  font-size:clamp(1.35rem, 3.4vw, 2.4rem);
  letter-spacing:0.06em;
  line-height:1.3;
  text-transform:uppercase;
}

@media (max-width:980px){
  body.land-dead-theme .synthesis-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

@media (max-width:900px){
  body.land-dead-theme .mystery-hero.has-art{
    background-position:center, center, center top;
    background-size:cover, cover, cover;
  }
  body.land-dead-theme .video-evidence-layout{ grid-template-columns:minmax(230px, 360px) minmax(0, 1fr); }
}

@media (max-width:640px){
  body.land-dead-theme{
    background-size:cover, cover, auto 140vh, auto;
    background-attachment:scroll;
  }
  body.land-dead-theme .land-dead-hero{ align-items:start; }
  body.land-dead-theme .land-dead-hero .hero-inner{ padding:44px 20px 0; }
  body.land-dead-theme .mystery-hero.has-art{
    min-height:auto;
    background-image:
      linear-gradient(180deg, rgba(4,10,16,0.14), rgba(4,10,16,0.56) 48%, rgba(4,10,16,0.96) 100%),
      linear-gradient(90deg, rgba(4,10,16,0.76), rgba(4,10,16,0.18)),
      url('/mysteries/land-of-the-dead/land-of-the-dead-environment.png');
    background-position:center, center, center top;
    background-size:cover, cover, cover;
  }
  body.land-dead-theme .mystery-hero.has-art::after{
    position:relative;
    inset:auto;
    width:min(calc(100% - 40px), 430px);
    min-width:0;
    height:auto;
    aspect-ratio:2 / 3;
    margin:28px auto 42px;
    background:var(--hero-image) center top / contain no-repeat;
  }
  body.land-dead-theme .land-dead-hero h1{ font-size:clamp(2.05rem, 11vw, 3.35rem); }
  body.land-dead-theme .hero-copy{ font-size:1rem; }
  body.land-dead-theme .video-evidence-layout,
  body.land-dead-theme .synthesis-grid,
  body.land-dead-theme .verdict-levels{ grid-template-columns:1fr; }
  body.land-dead-theme .video-evidence-layout{ padding:18px; }
  body.land-dead-theme .video-frame.portrait{ max-width:100%; }
  body.land-dead-theme .synthesis-card{ min-height:0; }
  body.land-dead-theme .synthesis-card h3{ margin-top:22px; }
}

body.sitecah-theme{
  --sitecah-charcoal:#090706;
  --sitecah-earth:#24150d;
  --sitecah-ochre:#b76528;
  --sitecah-red:#8e2e19;
  --sitecah-sandstone:#d8b783;
  --sitecah-fire-gold:#e0a344;
  --sitecah-ivory:#f0e2c3;
  --mystery-primary:var(--sitecah-fire-gold);
  --mystery-secondary:var(--sitecah-red);
  --mystery-accent:var(--sitecah-ochre);
  --mystery-heading:var(--sitecah-sandstone);
  --mystery-muted:#cfbda0;
  --mystery-border:rgba(224,163,68,0.22);
  --mystery-border-strong:rgba(224,163,68,0.45);
  --mystery-background:
    linear-gradient(180deg, rgba(9,7,6,0.24), rgba(12,8,5,0.74) 52%, #090706 100%),
    linear-gradient(90deg, rgba(8,5,3,0.68), rgba(45,21,10,0.14) 46%, rgba(8,5,3,0.72)),
    url('/mysteries/si-te-cah/sitecah-environment.png'),
    linear-gradient(180deg, #24150d, #090706);
  --mystery-atmosphere:
    radial-gradient(ellipse at 18% 0%, rgba(255,123,34,0.18), transparent 34%),
    radial-gradient(ellipse at 78% 12%, rgba(178,63,23,0.16), transparent 32%),
    linear-gradient(180deg, rgba(67,23,10,0.08), rgba(9,7,6,0.72) 100%);
  --mystery-texture:
    radial-gradient(circle at 16% 24%, rgba(226,173,99,0.08) 0 1px, transparent 2.6px),
    radial-gradient(circle at 70% 52%, rgba(4,3,2,0.38) 0 1.8px, transparent 4.2px),
    repeating-linear-gradient(117deg, transparent 0 38px, rgba(222,154,82,0.035) 39px 40px, transparent 41px 78px);
  --mystery-heading-gradient:
    radial-gradient(circle at 14% 28%, rgba(80,35,16,0.5) 0 1.1px, transparent 1.8px),
    radial-gradient(circle at 76% 58%, rgba(244,209,154,0.48) 0 1.4px, transparent 2.4px),
    repeating-linear-gradient(112deg, transparent 0 23px, rgba(85,38,17,0.34) 24px 25px, transparent 26px 52px),
    linear-gradient(130deg, rgba(149,51,27,0.38), transparent 34%, rgba(201,95,45,0.28) 58%, transparent 78%),
    url('/mysteries/si-te-cah/sitecah-ochre-texture.png'),
    linear-gradient(180deg, rgba(245,219,172,0.78), rgba(224,167,92,0.58) 48%, rgba(236,198,136,0.72) 100%),
    linear-gradient(180deg, #e7c99b 0%, #d3a061 44%, #ad6135 64%, #dfbb82 100%);
  --mystery-heading-text-fill:transparent;
  --mystery-heading-filter:drop-shadow(0 1px 0 rgba(18,9,4,0.9)) brightness(1.2) contrast(1.12) saturate(0.86);
  --mystery-heading-shadow:
    0 1px 0 rgba(241,217,169,0.14),
    0 5px 0 rgba(59,25,10,0.72),
    0 15px 25px rgba(0,0,0,0.86);
  --mystery-heading-level-1-shadow:
    0 6px 0 rgba(54,23,10,0.7),
    0 19px 30px rgba(0,0,0,0.88);
  --mystery-heading-level-2-shadow:
    0 4px 0 rgba(51,24,12,0.64),
    0 12px 22px rgba(0,0,0,0.78);
  --mystery-heading-level-3-shadow:
    0 1px 0 rgba(31,13,6,0.78),
    0 5px 12px rgba(0,0,0,0.62);
  --mystery-heading-texture-size:92px 74px, 118px 92px, 170px 130px, 760px 440px, 620px 420px, auto, auto;
  --mystery-heading-divider-detail:
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(70,34,15,0.66) 18px 21px, transparent 21px 31px);
  --mystery-divider:
    linear-gradient(90deg, rgba(224,163,68,0), rgba(142,46,25,0.56) 18%, rgba(216,183,131,0.9) 50%, rgba(142,46,25,0.56) 82%, rgba(224,163,68,0));
  --mystery-divider-glow:0 0 15px rgba(224,93,35,0.2), 0 1px 0 rgba(0,0,0,0.58);
  --mystery-panel:
    linear-gradient(180deg, rgba(52,32,20,0.94), rgba(16,12,9,0.97)),
    radial-gradient(ellipse at 0% 0%, rgba(226,143,66,0.13), transparent 42%),
    repeating-linear-gradient(169deg, rgba(232,194,137,0.045) 0 1px, transparent 1px 15px);
  --mystery-panel-border:rgba(224,163,68,0.24);
  --mystery-panel-shadow:0 24px 54px rgba(0,0,0,0.3), inset 0 1px 0 rgba(245,214,163,0.08);
  --mystery-answer-panel:
    linear-gradient(180deg, rgba(63,38,23,0.96), rgba(18,13,9,0.98)),
    radial-gradient(ellipse at 18% 0%, rgba(226,143,66,0.18), transparent 42%);
  --mystery-answer-border:rgba(224,163,68,0.5);
  --mystery-label-color:#e8bb72;
  --mystery-label-border:rgba(224,163,68,0.56);
  --mystery-label-bg:
    linear-gradient(180deg, rgba(142,46,25,0.34), rgba(40,25,16,0.78));
  --mystery-label-shadow:inset 0 0 0 1px rgba(0,0,0,0.28), 0 10px 24px rgba(0,0,0,0.22);
  --mystery-video-border:rgba(224,163,68,0.46);
  --mystery-video-shadow:inset 0 0 0 1px rgba(0,0,0,0.48), 0 18px 42px rgba(0,0,0,0.26);
  --mystery-play-border:rgba(224,163,68,0.74);
  --mystery-timeline-line:linear-gradient(rgba(224,163,68,0.72), rgba(142,46,25,0.22), rgba(224,163,68,0));
  --mystery-marker-border:rgba(232,187,114,0.9);
  --mystery-marker-bg:rgba(142,46,25,0.28);
  --mystery-comparison-panel:
    linear-gradient(180deg, rgba(50,31,20,0.94), rgba(16,12,9,0.98)),
    radial-gradient(ellipse at 100% 0%, rgba(142,46,25,0.2), transparent 42%);
  --mystery-callout-panel:
    linear-gradient(180deg, rgba(90,38,20,0.84), rgba(20,14,10,0.96)),
    radial-gradient(ellipse at 12% 0%, rgba(224,163,68,0.18), transparent 42%);
  --mystery-door-panel:
    linear-gradient(180deg, rgba(45,28,18,0.76), rgba(9,7,6,0.96)),
    radial-gradient(ellipse at 62% 0%, rgba(224,93,35,0.2), transparent 40%),
    repeating-linear-gradient(165deg, rgba(232,194,137,0.038) 0 1px, transparent 1px 18px);
  --mystery-faq-heading:#e2bd7a;
  --mystery-hero-bg-color:#130b07;
  --mystery-hero-position:center, center, right 8% center, center top;
  --mystery-hero-size:cover, cover, auto 92%, cover;
  --mystery-hero-shadow:inset 0 -52px 90px rgba(9,7,6,0.86);
  --mystery-hero-overlay:linear-gradient(180deg, rgba(21,8,3,0.04), rgba(18,9,5,0.2) 42%, rgba(9,7,6,0.92) 100%);
  --mystery-hero-side-overlay:
    linear-gradient(90deg, rgba(9,7,6,0.88) 0 40%, rgba(24,10,5,0.2) 58%, rgba(9,7,6,0.38) 100%);
}

body.diomedes-theme{
  --diomedes-charcoal:#07080d;
  --diomedes-storm:#0f2d58;
  --diomedes-lightning:#70b8ff;
  --diomedes-fire:#d96825;
  --diomedes-bronze:#c99442;
  --diomedes-gold:#e5bf66;
  --diomedes-crimson:#7d2019;
  --mystery-primary:var(--diomedes-gold);
  --mystery-secondary:var(--diomedes-fire);
  --mystery-accent:var(--diomedes-lightning);
  --mystery-heading:#ddb45c;
  --mystery-muted:#d2c5ad;
  --mystery-border:rgba(229,191,102,0.22);
  --mystery-border-strong:rgba(229,191,102,0.48);
  --mystery-background:
    linear-gradient(180deg, rgba(5,7,12,0.18), rgba(8,8,10,0.76) 42%, #07080d 100%),
    linear-gradient(90deg, rgba(6,8,13,0.76), rgba(22,34,48,0.1) 45%, rgba(7,7,10,0.78)),
    url('/mysteries/the-man-who-made-a-god-bleed/diomedes-environment.png'),
    linear-gradient(180deg, #0d1728, #07080d);
  --mystery-atmosphere:
    radial-gradient(ellipse at 21% 0%, rgba(112,184,255,0.18), transparent 34%),
    radial-gradient(ellipse at 82% 10%, rgba(217,104,37,0.15), transparent 34%),
    linear-gradient(180deg, rgba(112,184,255,0.05), rgba(7,8,13,0.74) 100%);
  --mystery-texture:
    radial-gradient(circle at 18% 22%, rgba(235,206,133,0.08) 0 1.2px, transparent 2.8px),
    radial-gradient(circle at 72% 52%, rgba(2,3,5,0.42) 0 2px, transparent 4.8px),
    repeating-linear-gradient(116deg, transparent 0 40px, rgba(229,191,102,0.035) 41px 42px, transparent 43px 80px);
  --mystery-heading-gradient:
    linear-gradient(180deg, rgba(246,216,139,0.68), rgba(198,137,57,0.52) 46%, rgba(236,190,93,0.64) 100%),
    url('/mysteries/the-man-who-made-a-god-bleed/diomedes-bronze-material.png'),
    linear-gradient(180deg, #f0d489 0%, #c99442 44%, #8f5a25 72%, #e2bd65 100%);
  --mystery-heading-text-fill:transparent;
  --mystery-heading-filter:drop-shadow(0 1px 0 rgba(10,7,4,0.92)) brightness(1.18) contrast(1.16) saturate(0.9);
  --mystery-heading-shadow:
    0 1px 0 rgba(247,220,145,0.16),
    0 4px 0 rgba(47,25,9,0.78),
    0 16px 26px rgba(0,0,0,0.9),
    0 0 24px rgba(112,184,255,0.14);
  --mystery-heading-level-1-shadow:
    0 6px 0 rgba(39,20,7,0.76),
    0 20px 32px rgba(0,0,0,0.92),
    0 0 30px rgba(112,184,255,0.16);
  --mystery-heading-level-2-shadow:
    0 4px 0 rgba(39,20,8,0.7),
    0 13px 23px rgba(0,0,0,0.84);
  --mystery-heading-level-3-shadow:
    0 1px 0 rgba(12,8,4,0.82),
    0 5px 12px rgba(0,0,0,0.64);
  --mystery-heading-texture-size:auto, 820px 540px, auto;
  --mystery-heading-divider-detail:
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(54,31,13,0.7) 18px 21px, transparent 21px 30px);
  --mystery-divider:
    linear-gradient(90deg, rgba(229,191,102,0), rgba(112,184,255,0.46) 18%, rgba(235,204,120,0.95) 48%, rgba(217,104,37,0.62) 68%, rgba(229,191,102,0));
  --mystery-divider-glow:0 0 18px rgba(112,184,255,0.2), 0 1px 0 rgba(0,0,0,0.58);
  --mystery-panel:
    linear-gradient(180deg, rgba(35,32,29,0.94), rgba(9,11,15,0.98)),
    radial-gradient(ellipse at 0% 0%, rgba(229,191,102,0.13), transparent 40%),
    radial-gradient(ellipse at 100% 20%, rgba(112,184,255,0.11), transparent 38%),
    repeating-linear-gradient(166deg, rgba(235,216,168,0.04) 0 1px, transparent 1px 18px);
  --mystery-panel-border:rgba(229,191,102,0.24);
  --mystery-panel-shadow:0 24px 56px rgba(0,0,0,0.32), inset 0 1px 0 rgba(247,220,145,0.08);
  --mystery-answer-panel:
    linear-gradient(180deg, rgba(49,39,28,0.94), rgba(10,12,17,0.98)),
    radial-gradient(ellipse at 18% 0%, rgba(229,191,102,0.2), transparent 42%),
    radial-gradient(ellipse at 82% 76%, rgba(112,184,255,0.13), transparent 36%);
  --mystery-answer-border:rgba(229,191,102,0.54);
  --mystery-label-color:#f0cf83;
  --mystery-label-border:rgba(229,191,102,0.58);
  --mystery-label-bg:
    linear-gradient(180deg, rgba(79,53,25,0.48), rgba(19,19,18,0.78));
  --mystery-label-shadow:inset 0 0 0 1px rgba(0,0,0,0.28), 0 10px 24px rgba(0,0,0,0.22);
  --mystery-video-border:rgba(229,191,102,0.48);
  --mystery-play-border:rgba(240,207,131,0.72);
  --mystery-timeline-line:linear-gradient(rgba(229,191,102,0.72), rgba(112,184,255,0.22), rgba(217,104,37,0));
  --mystery-marker-border:rgba(240,207,131,0.92);
  --mystery-marker-bg:rgba(112,184,255,0.2);
  --mystery-comparison-panel:
    linear-gradient(180deg, rgba(39,34,29,0.94), rgba(10,12,16,0.98)),
    radial-gradient(ellipse at 100% 0%, rgba(112,184,255,0.14), transparent 42%);
  --mystery-callout-panel:
    linear-gradient(180deg, rgba(55,38,25,0.88), rgba(11,12,15,0.97)),
    radial-gradient(ellipse at 12% 0%, rgba(217,104,37,0.2), transparent 42%);
  --mystery-door-panel:
    linear-gradient(180deg, rgba(38,31,25,0.74), rgba(5,6,10,0.98)),
    radial-gradient(ellipse at 70% 0%, rgba(112,184,255,0.2), transparent 40%),
    radial-gradient(ellipse at 22% 20%, rgba(217,104,37,0.16), transparent 42%),
    repeating-linear-gradient(165deg, rgba(235,216,168,0.04) 0 1px, transparent 1px 18px);
  --mystery-faq-heading:#e7c475;
  --mystery-hero-bg-color:#090c13;
  --mystery-hero-position:center, center, right 5% center, center;
  --mystery-hero-size:cover, cover, auto 94%, cover;
  --mystery-hero-shadow:inset 0 -54px 92px rgba(7,8,13,0.88);
  --mystery-hero-overlay:linear-gradient(180deg, rgba(6,8,13,0.02), rgba(7,8,13,0.2) 50%, rgba(7,8,13,0.92) 100%);
  --mystery-hero-side-overlay:
    linear-gradient(90deg, rgba(7,8,13,0.9) 0 34%, rgba(7,8,13,0.2) 58%, rgba(7,8,13,0.12) 100%);
}

body.diomedes-theme .mystery-hero.has-art{
  background-image:
    var(--mystery-hero-overlay),
    var(--mystery-hero-side-overlay),
    url('/mysteries/the-man-who-made-a-god-bleed/diomedes-environment.png');
  background-position:center, center, center;
  background-size:cover, cover, cover;
}

body.diomedes-theme .mystery-hero.has-art::after{
  display:block;
  content:"";
  position:absolute;
  z-index:1;
  right:clamp(28px, 7vw, 112px);
  top:44px;
  bottom:34px;
  width:min(34vw, 430px);
  min-width:300px;
  height:auto;
  opacity:1;
  pointer-events:none;
  background:var(--hero-image) center top / contain no-repeat;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,0.64));
}

body.diomedes-theme .diomedes-hero .hero-inner{
  padding-right:min(46vw, 560px);
}

body.diomedes-theme .diomedes-hero .mystery-hero h1,
body.diomedes-theme .diomedes-hero h1{
  max-width:620px;
}

body.diomedes-theme .mystery-hero h1,
body.diomedes-theme .section h2,
body.diomedes-theme .question-title h2{
  color:#d9ad55;
  background-repeat:no-repeat;
  background-position:center;
  -webkit-text-stroke:0.34px rgba(42,25,10,0.42);
  filter:var(--mystery-heading-filter) brightness(1.28);
}

body.diomedes-theme .section h3,
body.diomedes-theme .timeline-date,
body.diomedes-theme .faq summary,
body.diomedes-theme .callout h3,
body.diomedes-theme .source-kicker,
body.diomedes-theme .related-card h3{
  color:#e3c274;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:var(--mystery-heading-level-3-shadow);
}

body.diomedes-theme .callout h3,
body.diomedes-theme .timeline-item h3{
  color:#8ec7ff;
}

body.diomedes-theme .door-beyond .question{
  color:#f0d896;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:0 5px 16px rgba(0,0,0,0.76);
}

body.gilgamesh-theme{
  --gilgamesh-night:#070605;
  --gilgamesh-clay:#6f4122;
  --gilgamesh-earth:#2b1b10;
  --gilgamesh-gold:#d7a548;
  --gilgamesh-pale:#ead3a2;
  --gilgamesh-blue:#183654;
  --gilgamesh-river:#6f9ab2;
  --mystery-primary:var(--gilgamesh-gold);
  --mystery-secondary:var(--gilgamesh-clay);
  --mystery-accent:var(--gilgamesh-blue);
  --mystery-heading:#d5a653;
  --mystery-muted:#d0bfa4;
  --mystery-border:rgba(215,165,72,0.22);
  --mystery-border-strong:rgba(215,165,72,0.48);
  --mystery-background:
    linear-gradient(180deg, rgba(6,5,4,0.18), rgba(9,7,5,0.76) 42%, #070605 100%),
    linear-gradient(90deg, rgba(7,5,3,0.78), rgba(39,25,14,0.08) 46%, rgba(5,5,5,0.8)),
    url('/mysteries/gilgamesh/Gilgamesh%20Enviroment%20Inv.png'),
    linear-gradient(180deg, #21160d, #070605);
  --mystery-atmosphere:
    radial-gradient(ellipse at 17% 0%, rgba(255,190,82,0.2), transparent 34%),
    radial-gradient(ellipse at 84% 12%, rgba(24,54,84,0.24), transparent 34%),
    linear-gradient(180deg, rgba(104,58,25,0.05), rgba(7,6,5,0.76) 100%);
  --mystery-texture:
    radial-gradient(circle at 16% 24%, rgba(236,196,116,0.08) 0 1.2px, transparent 2.8px),
    radial-gradient(circle at 72% 52%, rgba(2,2,2,0.46) 0 2px, transparent 4.8px),
    repeating-linear-gradient(118deg, transparent 0 38px, rgba(211,157,73,0.034) 39px 40px, transparent 41px 79px);
  --mystery-heading-gradient:
    linear-gradient(180deg, rgba(237,200,124,0.7), rgba(159,101,43,0.44) 46%, rgba(226,171,78,0.62) 100%),
    url('/mysteries/gilgamesh/Gilgamesh%20texture%20Inv.png'),
    linear-gradient(180deg, #e6bd72 0%, #ac7133 48%, #5c351b 72%, #d8a44e 100%);
  --mystery-heading-text-fill:currentColor;
  --mystery-heading-filter:none;
  --mystery-heading-shadow:
    0 1px 0 rgba(247,218,154,0.14),
    0 4px 0 rgba(47,27,12,0.78),
    0 16px 26px rgba(0,0,0,0.9),
    0 0 24px rgba(111,154,178,0.1);
  --mystery-heading-level-1-shadow:
    0 6px 0 rgba(40,23,10,0.78),
    0 20px 32px rgba(0,0,0,0.92),
    0 0 28px rgba(215,165,72,0.14);
  --mystery-heading-level-2-shadow:
    0 4px 0 rgba(39,22,10,0.72),
    0 13px 23px rgba(0,0,0,0.86);
  --mystery-heading-level-3-shadow:
    0 1px 0 rgba(12,8,4,0.84),
    0 5px 12px rgba(0,0,0,0.66);
  --mystery-heading-divider-detail:
    repeating-linear-gradient(90deg, transparent 0 17px, rgba(56,34,16,0.72) 17px 20px, transparent 20px 30px);
  --mystery-divider:
    linear-gradient(90deg, rgba(215,165,72,0), rgba(111,154,178,0.42) 18%, rgba(235,193,105,0.96) 48%, rgba(118,65,31,0.66) 70%, rgba(215,165,72,0));
  --mystery-divider-glow:0 0 18px rgba(215,165,72,0.2), 0 1px 0 rgba(0,0,0,0.58);
  --mystery-panel:
    linear-gradient(180deg, rgba(45,34,24,0.95), rgba(10,9,8,0.98)),
    radial-gradient(ellipse at 0% 0%, rgba(220,169,79,0.14), transparent 40%),
    radial-gradient(ellipse at 100% 20%, rgba(24,54,84,0.14), transparent 38%),
    repeating-linear-gradient(166deg, rgba(236,205,147,0.038) 0 1px, transparent 1px 17px);
  --mystery-panel-border:rgba(215,165,72,0.25);
  --mystery-panel-shadow:0 24px 56px rgba(0,0,0,0.34), inset 0 1px 0 rgba(247,220,157,0.08);
  --mystery-answer-panel:
    linear-gradient(180deg, rgba(61,44,28,0.95), rgba(11,10,9,0.98)),
    radial-gradient(ellipse at 18% 0%, rgba(220,169,79,0.21), transparent 42%),
    radial-gradient(ellipse at 82% 76%, rgba(24,54,84,0.14), transparent 36%);
  --mystery-answer-border:rgba(215,165,72,0.54);
  --mystery-label-color:#eccb84;
  --mystery-label-border:rgba(215,165,72,0.58);
  --mystery-label-bg:
    linear-gradient(180deg, rgba(105,65,31,0.5), rgba(23,19,15,0.8));
  --mystery-label-shadow:inset 0 0 0 1px rgba(0,0,0,0.3), 0 10px 24px rgba(0,0,0,0.24);
  --mystery-video-border:rgba(215,165,72,0.48);
  --mystery-video-shadow:inset 0 0 0 1px rgba(0,0,0,0.48), 0 18px 42px rgba(0,0,0,0.3);
  --mystery-play-border:rgba(236,203,132,0.74);
  --mystery-timeline-line:linear-gradient(rgba(215,165,72,0.74), rgba(111,154,178,0.22), rgba(111,63,32,0));
  --mystery-marker-border:rgba(236,203,132,0.92);
  --mystery-marker-bg:rgba(24,54,84,0.32);
  --mystery-comparison-panel:
    linear-gradient(180deg, rgba(48,36,25,0.95), rgba(10,10,9,0.98)),
    radial-gradient(ellipse at 100% 0%, rgba(24,54,84,0.16), transparent 42%);
  --mystery-callout-panel:
    linear-gradient(180deg, rgba(70,45,26,0.9), rgba(12,11,10,0.98)),
    radial-gradient(ellipse at 12% 0%, rgba(215,165,72,0.2), transparent 42%);
  --mystery-door-panel:
    linear-gradient(180deg, rgba(45,33,23,0.76), rgba(5,5,5,0.98)),
    radial-gradient(ellipse at 70% 0%, rgba(111,154,178,0.2), transparent 40%),
    radial-gradient(ellipse at 22% 20%, rgba(145,84,38,0.17), transparent 42%),
    repeating-linear-gradient(165deg, rgba(236,205,147,0.04) 0 1px, transparent 1px 18px);
  --mystery-faq-heading:#e4bd70;
  --mystery-hero-bg-color:#0d0a07;
  --mystery-hero-shadow:inset 0 -56px 96px rgba(7,6,5,0.9);
  --mystery-hero-overlay:linear-gradient(180deg, rgba(7,5,3,0.02), rgba(8,7,5,0.2) 50%, rgba(7,6,5,0.93) 100%);
  --mystery-hero-side-overlay:linear-gradient(90deg, rgba(7,6,5,0.92) 0 35%, rgba(15,12,8,0.22) 60%, rgba(7,6,5,0.12) 100%);
}

body.gilgamesh-theme .mystery-hero.has-art{
  background-image:
    var(--mystery-hero-overlay),
    var(--mystery-hero-side-overlay),
    url('/mysteries/gilgamesh/Gilgamesh%20Enviroment%20Inv.png');
  background-position:center, center, center 42%;
  background-repeat:no-repeat;
  background-size:cover, cover, cover;
  background-color:var(--mystery-hero-bg-color);
  box-shadow:var(--mystery-hero-shadow);
}

body.gilgamesh-theme .mystery-hero.has-art::after{
  display:block;
  content:"";
  position:absolute;
  z-index:1;
  inset:40px clamp(26px, 6vw, 102px) 34px auto;
  width:min(35vw, 440px);
  min-width:310px;
  height:auto;
  clip-path:none;
  opacity:1;
  pointer-events:none;
  background:var(--hero-image) center top / contain no-repeat;
  filter:drop-shadow(0 24px 44px rgba(0,0,0,0.7));
}

body.gilgamesh-theme .gilgamesh-hero .hero-inner{
  padding-right:min(47vw, 570px);
}

body.gilgamesh-theme .gilgamesh-hero h1{
  max-width:600px;
}

body.gilgamesh-theme .mystery-hero h1,
body.gilgamesh-theme .section h2,
body.gilgamesh-theme .question-title h2{
  color:#ddb665;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0.38px rgba(48,27,11,0.58);
  filter:none;
}

body.gilgamesh-theme .mystery-hero h1[data-heading],
body.gilgamesh-theme .section h2[data-heading],
body.gilgamesh-theme .question-title h2[data-heading]{
  text-shadow:var(--mystery-heading-level-2-shadow);
}

body.gilgamesh-theme .mystery-hero h1[data-heading]{
  text-shadow:var(--mystery-heading-level-1-shadow);
}

body.gilgamesh-theme .mystery-hero h1[data-heading]::before,
body.gilgamesh-theme .section h2[data-heading]::before,
body.gilgamesh-theme .question-title h2[data-heading]::before{
  content:attr(data-heading);
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  color:transparent;
  background-color:#a3682f;
  background-image:url('/mysteries/gilgamesh/Gilgamesh%20texture%20Inv.png');
  background-position:14% 64%;
  background-size:540px 360px;
  background-repeat:repeat;
  background-blend-mode:screen;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:0.18px rgba(65,38,16,0.4);
  filter:brightness(1.38) contrast(1.06) saturate(0.86);
  opacity:0.66;
  text-shadow:none;
}

body.gilgamesh-theme .mystery-hero h1[data-heading]::before{
  background-position:12% 56%;
  background-size:610px 407px;
  filter:brightness(1.42) contrast(1.08) saturate(0.88);
  opacity:0.76;
}

body.gilgamesh-theme .section h3,
body.gilgamesh-theme .timeline-date,
body.gilgamesh-theme .faq summary,
body.gilgamesh-theme .callout h3,
body.gilgamesh-theme .source-kicker,
body.gilgamesh-theme .related-card h3{
  color:#e1bb70;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:var(--mystery-heading-level-3-shadow);
}

body.gilgamesh-theme .timeline-item h3,
body.gilgamesh-theme .callout h3{
  color:#90b6c9;
}

body.gilgamesh-theme .door-beyond .question{
  color:#eed59c;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:0 5px 16px rgba(0,0,0,0.78);
}

body.gilgamesh-theme .video-card .note{
  max-width:660px;
  margin:18px auto 0;
  text-align:center;
}

body.og-theme{
  --og-basalt:#070706;
  --og-iron:#171612;
  --og-amber:#b06b25;
  --og-mineral:#c8953f;
  --og-stone:#d0b17d;
  --og-ivory:#efe4ca;
  --mystery-primary:var(--og-mineral);
  --mystery-secondary:var(--og-amber);
  --mystery-accent:#83673e;
  --mystery-heading:#b98735;
  --mystery-muted:#cabca3;
  --mystery-border:rgba(200,149,63,0.2);
  --mystery-border-strong:rgba(200,149,63,0.45);
  --mystery-background:
    linear-gradient(180deg, rgba(7,7,6,0.12), rgba(10,9,7,0.78) 44%, #070706 100%),
    linear-gradient(90deg, rgba(5,5,4,0.8), rgba(41,29,16,0.1) 48%, rgba(7,7,6,0.84)),
    url('/mysteries/og-of-bashan/og-environment.png'),
    linear-gradient(180deg, #211911, #070706);
  --mystery-atmosphere:
    radial-gradient(ellipse at 78% 0%, rgba(176,107,37,0.17), transparent 34%),
    radial-gradient(ellipse at 17% 4%, rgba(208,177,125,0.08), transparent 30%),
    linear-gradient(180deg, rgba(93,62,27,0.05), rgba(7,7,6,0.74) 100%);
  --mystery-texture:
    radial-gradient(circle at 16% 28%, rgba(208,177,125,0.06) 0 1.2px, transparent 2.8px),
    radial-gradient(circle at 68% 50%, rgba(0,0,0,0.4) 0 2px, transparent 4.6px),
    repeating-linear-gradient(114deg, transparent 0 42px, rgba(200,149,63,0.032) 43px 44px, transparent 45px 86px);
  --mystery-heading-divider-detail:
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(36,28,18,0.74) 18px 21px, transparent 21px 31px);
  --mystery-divider:
    linear-gradient(90deg, rgba(200,149,63,0), rgba(80,61,38,0.78) 18%, rgba(211,168,91,0.88) 50%, rgba(133,85,35,0.58) 72%, rgba(200,149,63,0));
  --mystery-divider-glow:0 0 16px rgba(176,107,37,0.18), 0 1px 0 rgba(0,0,0,0.62);
  --mystery-panel:
    linear-gradient(180deg, rgba(38,34,27,0.95), rgba(12,12,10,0.98)),
    radial-gradient(ellipse at 0% 0%, rgba(200,149,63,0.1), transparent 40%),
    radial-gradient(ellipse at 100% 26%, rgba(74,61,45,0.14), transparent 38%),
    repeating-linear-gradient(166deg, rgba(220,193,145,0.035) 0 1px, transparent 1px 18px);
  --mystery-panel-border:rgba(200,149,63,0.22);
  --mystery-panel-shadow:0 24px 56px rgba(0,0,0,0.34), inset 0 1px 0 rgba(229,207,164,0.06);
  --mystery-answer-panel:
    linear-gradient(180deg, rgba(45,38,28,0.94), rgba(13,13,11,0.98)),
    radial-gradient(ellipse at 18% 0%, rgba(200,149,63,0.18), transparent 42%);
  --mystery-answer-border:rgba(200,149,63,0.52);
  --mystery-label-color:#d8b26d;
  --mystery-label-border:rgba(200,149,63,0.56);
  --mystery-label-bg:linear-gradient(180deg, rgba(82,55,28,0.48), rgba(18,17,14,0.8));
  --mystery-label-shadow:inset 0 0 0 1px rgba(0,0,0,0.32), 0 10px 24px rgba(0,0,0,0.24);
  --mystery-video-border:rgba(200,149,63,0.46);
  --mystery-play-border:rgba(216,178,109,0.72);
  --mystery-timeline-line:linear-gradient(rgba(200,149,63,0.74), rgba(111,78,41,0.22), rgba(200,149,63,0));
  --mystery-marker-border:rgba(216,178,109,0.9);
  --mystery-marker-bg:rgba(111,78,41,0.28);
  --mystery-comparison-panel:
    linear-gradient(180deg, rgba(35,31,25,0.95), rgba(12,12,10,0.98)),
    radial-gradient(ellipse at 100% 0%, rgba(176,107,37,0.13), transparent 42%);
  --mystery-callout-panel:
    linear-gradient(180deg, rgba(55,39,24,0.88), rgba(12,12,10,0.97)),
    radial-gradient(ellipse at 12% 0%, rgba(176,107,37,0.16), transparent 42%);
  --mystery-door-panel:
    linear-gradient(180deg, rgba(35,29,22,0.76), rgba(6,6,5,0.98)),
    radial-gradient(ellipse at 70% 0%, rgba(176,107,37,0.18), transparent 40%),
    repeating-linear-gradient(165deg, rgba(220,193,145,0.036) 0 1px, transparent 1px 18px);
  --mystery-faq-heading:#d8b26d;
  --mystery-hero-bg-color:#090806;
  --mystery-hero-overlay:linear-gradient(180deg, rgba(8,7,5,0.02), rgba(9,8,6,0.22) 48%, rgba(7,7,6,0.94) 100%);
  --mystery-hero-side-overlay:
    linear-gradient(90deg, rgba(7,7,6,0.92) 0 36%, rgba(22,17,11,0.28) 58%, rgba(7,7,6,0.18) 100%);
}

body.og-theme .mystery-hero.has-art{
  background-image:
    var(--mystery-hero-overlay),
    var(--mystery-hero-side-overlay),
    url('/mysteries/og-of-bashan/og-environment.png');
  background-position:center, center, center;
  background-repeat:no-repeat;
  background-size:cover, cover, cover;
  background-color:var(--mystery-hero-bg-color);
  box-shadow:inset 0 -54px 94px rgba(7,7,6,0.9);
}

body.og-theme .mystery-hero.has-art::after{
  display:block;
  content:"";
  position:absolute;
  z-index:1;
  right:clamp(24px, 6vw, 96px);
  top:38px;
  bottom:32px;
  width:min(36vw, 460px);
  min-width:320px;
  height:auto;
  opacity:1;
  pointer-events:none;
  background:var(--hero-image) center top / contain no-repeat;
  filter:drop-shadow(0 24px 44px rgba(0,0,0,0.68));
}

body.og-theme .og-hero .hero-inner{
  padding-right:min(47vw, 590px);
}

body.og-theme .og-hero h1{
  max-width:620px;
}

body.og-theme .mystery-hero h1[data-heading],
body.og-theme .section h2[data-heading]{
  color:#bd8d45;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0.38px rgba(17,14,10,0.7);
  filter:none;
  text-shadow:
    0 1px 0 rgba(221,184,108,0.1),
    0 4px 0 rgba(17,13,8,0.78),
    0 15px 26px rgba(0,0,0,0.9);
}

body.og-theme .mystery-hero h1[data-heading]::before,
body.og-theme .section h2[data-heading]::before{
  content:attr(data-heading);
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  color:transparent;
  background-color:#c09656;
  background-image:url('/mysteries/og-of-bashan/og-heading-material.png');
  background-position:34px 18px;
  background-size:245px 163px;
  background-repeat:repeat;
  background-blend-mode:screen;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:0.2px rgba(28,23,16,0.5);
  filter:brightness(1.58) contrast(1.01) saturate(0.7);
  opacity:0.82;
  text-shadow:none;
}

body.og-theme .mystery-hero h1[data-heading]::before{
  background-position:42px 28px;
  background-size:285px 190px;
  filter:brightness(1.58) contrast(1.01) saturate(0.7);
  opacity:0.84;
}

body.og-theme .section h3,
body.og-theme .timeline-date,
body.og-theme .faq summary,
body.og-theme .callout h3,
body.og-theme .source-kicker,
body.og-theme .related-card h3{
  color:#d4b071;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:var(--mystery-heading-level-3-shadow);
}

body.og-theme .timeline-item h3,
body.og-theme .callout h3{
  color:#c8953f;
}

body.og-theme .door-beyond .question{
  color:#efe4ca;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:0 5px 16px rgba(0,0,0,0.76);
}

body.og-theme .dimension-box{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin:24px 0;
}

body.og-theme .dimension-box .comparison-card{
  text-align:center;
}

body.og-theme .dimension-number{
  display:block;
  color:#efe4ca;
  font-family:'Cinzel', serif;
  font-size:clamp(2rem, 5vw, 3.4rem);
  line-height:1;
  margin-bottom:8px;
}

body.og-theme .video-card .note{
  max-width:640px;
  margin:18px auto 0;
  text-align:center;
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{
  scroll-behavior:smooth;
  overflow-x:hidden;
}
body{
  background:var(--mystery-background);
  color:var(--bone);
  font-family:'Spectral', serif;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.kandahar-theme{
  background-color:#100b06;
  background-position:center top, center top, center top, center;
  background-repeat:no-repeat;
  background-size:cover, cover, cover, auto;
}
body.gilgamesh-theme{
  background-color:#070605;
  background-position:center top, center top, center top, center top;
  background-repeat:no-repeat;
  background-size:cover, cover, cover, auto;
  background-attachment:scroll, scroll, fixed, scroll;
}
body.rephaim-theme{
  background-color:#070806;
  background-position:center top, center top, center top, center;
  background-repeat:no-repeat;
  background-size:cover, cover, cover, auto;
}
body.sitecah-theme{
  background-color:#090706;
  background-position:center top, center top, center top, center;
  background-repeat:no-repeat;
  background-size:cover, cover, cover, auto;
}
body.sitecah-theme .mystery-hero.has-art{
  background-image:
    var(--mystery-hero-overlay),
    var(--mystery-hero-side-overlay),
    var(--hero-image),
    url('/mysteries/si-te-cah/sitecah-environment.png');
  background-position:center, center, right 8% center, center top;
  background-repeat:no-repeat;
  background-size:cover, cover, auto 92%, cover;
  background-color:var(--mystery-hero-bg-color);
  box-shadow:var(--mystery-hero-shadow);
}
body.sitecah-theme .mystery-hero h1,
body.sitecah-theme .section h2,
body.sitecah-theme .question-title h2{
  color:#d9b173;
  background:none;
  -webkit-text-stroke:0.36px rgba(70,34,15,0.48);
  -webkit-text-fill-color:currentColor;
}
body.sitecah-theme .mystery-hero h1::after,
body.sitecah-theme .section h2::after,
body.sitecah-theme .question-title h2::after{
  content:attr(data-heading);
  display:block;
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  margin:0;
  pointer-events:none;
  color:transparent;
  background:url('/mysteries/si-te-cah/sitecah-heading-stone.png') 50% 47% / 620px 413px repeat;
  box-shadow:none;
  opacity:1;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:0.22px rgba(85,42,18,0.38);
  filter:contrast(1.08) saturate(1.04);
  text-shadow:none;
}
body.sitecah-theme .section h3,
body.sitecah-theme .timeline-date,
body.sitecah-theme .faq summary,
body.sitecah-theme .callout h3,
body.sitecah-theme .source-kicker,
body.sitecah-theme .related-card h3{
  color:#e2bd7a;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:var(--mystery-heading-level-3-shadow);
}
body.sitecah-theme .timeline-item h3,
body.sitecah-theme .callout h3{
  color:#f0c078;
}
body.sitecah-theme .door-beyond .question{
  color:#f0e2c3;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:0 5px 16px rgba(0,0,0,0.72);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:var(--mystery-atmosphere);
  opacity:0.9;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:var(--mystery-texture);
  mix-blend-mode:screen;
  opacity:0.42;
}
body.kandahar-theme::before{
  opacity:0.96;
}
body.kandahar-theme::after{
  mix-blend-mode:multiply;
  opacity:0.58;
  background-size:197px 149px, 281px 213px, 173px 137px, 421px 287px, 337px 251px, auto, auto, auto, auto;
}
a{ color:inherit; }
.wrap{ max-width:1180px; margin:0 auto; padding:0 28px; }

header{ padding:30px 0 0; }
.nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  padding-bottom:22px;
  border-bottom:1px solid var(--line);
}
.brand{
  font-family:'Cinzel', serif;
  font-weight:600;
  letter-spacing:0.12em;
  font-size:1.1rem;
  color:var(--gold);
  text-decoration:none;
}
.nav-links{ display:flex; gap:30px; list-style:none; flex-wrap:wrap; justify-content:flex-end; }
.nav-links a,
.text-link{
  font-family:'JetBrains Mono', monospace;
  font-size:0.72rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--bone-dim);
  text-decoration:none;
  transition:color .2s ease, text-shadow .2s ease;
}
.nav-links a:hover,
.nav-links a:focus-visible,
.text-link:hover,
.text-link:focus-visible{
  color:var(--gold);
  text-shadow:0 0 22px rgba(201,162,39,0.22);
}

.breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:34px auto 18px;
  font-family:'JetBrains Mono', monospace;
  font-size:0.7rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--bone-dim);
}
.breadcrumbs a{ text-decoration:none; color:var(--gold-dim); }
.breadcrumbs span{ color:var(--bone-dim); }

.mystery-hero{
  min-height:clamp(420px, 76vh, 720px);
  display:grid;
  align-items:end;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(15,16,22,0.18), rgba(15,16,22,0.82) 72%, var(--night) 100%),
    linear-gradient(100deg, rgba(15,16,22,0.94) 0%, rgba(15,16,22,0.48) 44%, rgba(15,16,22,0.88) 100%),
    radial-gradient(ellipse at 76% 30%, rgba(201,162,39,0.16), transparent 32%),
    radial-gradient(ellipse at 72% 42%, rgba(139,58,46,0.22), transparent 42%),
    linear-gradient(155deg, #0b0d12 0%, #1b1f29 45%, #090a0e 100%);
  background-position:center;
  background-size:cover;
}
.mystery-hero.has-art{
  background-image:
    var(--mystery-hero-overlay),
    var(--mystery-hero-side-overlay),
    var(--hero-image);
}
.mystery-hero.kandahar-hero{
  background-repeat:no-repeat;
  background-color:var(--mystery-hero-bg-color);
  background-position:var(--mystery-hero-position);
  background-size:var(--mystery-hero-size);
  box-shadow:var(--mystery-hero-shadow);
}
.mystery-hero.rephaim-hero{
  background-repeat:no-repeat;
  background-color:var(--mystery-hero-bg-color);
  background-position:var(--mystery-hero-position);
  background-size:var(--mystery-hero-size);
  box-shadow:var(--mystery-hero-shadow);
}
body.kandahar-theme .mystery-hero.has-art{
  background-image:
    var(--mystery-hero-overlay),
    linear-gradient(90deg, rgba(6,4,2,0.74) 0 48%, rgba(9,6,3,0.04) 63%, rgba(5,3,1,0.2) 100%),
    var(--hero-image),
    url('/mysteries/giant-of-kandahar/giant-of-kandahar-rock-background.jpg');
  background-position:center, center, right -1% center, left center;
  background-size:cover, cover, auto 108%, cover;
}
body.rephaim-theme .mystery-hero.has-art{
  background-image:
    var(--mystery-hero-overlay),
    var(--mystery-hero-side-overlay),
    var(--hero-image),
    url('/mysteries/rephaim/rephaim-background.png');
  background-position:center, center, right 7% center, center top;
  background-size:cover, cover, auto 94%, cover;
}
body.rephaim-theme .mystery-hero h1{
  max-width:680px;
  font-size:clamp(2.4rem, 7vw, 5.25rem);
}
.mystery-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(142deg, transparent 0 44%, rgba(201,162,39,0.16) 44.4%, transparent 45%),
    linear-gradient(158deg, transparent 0 51%, rgba(233,227,208,0.07) 51.2%, transparent 51.8%),
    repeating-linear-gradient(110deg, transparent 0 72px, rgba(233,227,208,0.025) 73px 74px);
  opacity:0.8;
}
body.kandahar-theme .mystery-hero::before{
  background:
    linear-gradient(180deg, rgba(66,43,20,0.02), rgba(17,10,4,0.24) 68%, rgba(6,4,2,0.82)),
    linear-gradient(90deg, rgba(5,3,1,0.46), rgba(8,5,2,0.04) 54%, rgba(5,3,1,0.28)),
    radial-gradient(circle at 18% 24%, rgba(255,225,148,0.08) 0 1.8px, transparent 3.8px),
    radial-gradient(circle at 39% 55%, rgba(5,3,1,0.36) 0 3.2px, transparent 6.4px),
    radial-gradient(circle at 72% 66%, rgba(255,210,124,0.06) 0 2.2px, transparent 4.8px),
    radial-gradient(ellipse at 28% 50%, rgba(7,3,1,0.28), transparent 42%);
  background-size:auto, auto, 157px 113px, 211px 167px, 181px 139px, auto;
  mix-blend-mode:normal;
  opacity:0.62;
  z-index:0;
}
.mystery-hero::after{
  content:"";
  position:absolute;
  right:7%;
  bottom:0;
  width:min(34vw, 380px);
  height:min(70vh, 620px);
  background:
    radial-gradient(ellipse at 50% 9%, rgba(233,227,208,0.18), transparent 12%),
    linear-gradient(90deg, transparent 0 28%, rgba(233,227,208,0.08) 29% 33%, transparent 34% 100%),
    linear-gradient(180deg, rgba(201,162,39,0.18), rgba(15,16,22,0.2) 38%, rgba(15,16,22,0.92) 100%);
  clip-path:polygon(44% 0, 58% 0, 68% 20%, 82% 100%, 18% 100%, 31% 20%);
  opacity:0.55;
}
.mystery-hero.has-art::after{ display:none; }
.hero-inner{
  position:relative;
  z-index:2;
  padding:76px 28px 72px;
}
.kandahar-hero .hero-inner{
  padding-top:96px;
  padding-bottom:72px;
}
.overline,
.tag,
.status-label,
.source-kicker{
  font-family:'JetBrains Mono', monospace;
  font-size:0.72rem;
  letter-spacing:0.13em;
  text-transform:uppercase;
}
.overline{ color:var(--gold); margin-bottom:18px; }
.mystery-hero h1{
  font-family:'Cinzel', serif;
  font-weight:700;
  font-size:clamp(2.4rem, 8vw, 6rem);
  line-height:0.98;
  letter-spacing:0.03em;
  max-width:760px;
  text-shadow:0 0 46px rgba(201,162,39,0.2);
}
.mystery-hero h1,
.question-title h2,
.section h2,
.door-beyond .question{
  position:relative;
  isolation:isolate;
  color:var(--mystery-heading);
  background:
    var(--mystery-heading-weathering),
    var(--mystery-heading-gradient);
  background-size:var(--mystery-heading-texture-size);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:var(--mystery-heading-text-fill);
  text-shadow:var(--mystery-heading-shadow);
  filter:var(--mystery-heading-filter);
}
.mystery-hero h1{ text-shadow:var(--mystery-heading-level-1-shadow); }
.question-title h2,
.section h2{ text-shadow:var(--mystery-heading-level-2-shadow); }
.mystery-hero h1,
.section h2{
  text-transform:uppercase;
}
body.kandahar-theme .mystery-hero h1,
body.kandahar-theme .section h2,
body.kandahar-theme .question-title h2{
  color:transparent;
  -webkit-text-stroke:0.55px rgba(78,42,17,0.48);
  -webkit-text-fill-color:transparent;
}
body.rephaim-theme .mystery-hero h1,
body.rephaim-theme .section h2,
body.rephaim-theme .question-title h2{
  color:transparent;
  background-repeat:no-repeat;
  background-position:center;
  -webkit-text-stroke:0.42px rgba(30,27,16,0.55);
  -webkit-text-fill-color:transparent;
}
body.kandahar-theme .mystery-hero h1{
  background:url('/mysteries/giant-of-kandahar/kandahar-caption-material.jpg') 50% 50% / 700px 700px;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:var(--mystery-heading-filter) brightness(1.78) contrast(1.08) saturate(0.82);
}
body.kandahar-theme .section h2,
body.kandahar-theme .question-title h2{
  background:url('/mysteries/giant-of-kandahar/kandahar-caption-material.jpg') 50% 45% / 520px 520px;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:var(--mystery-heading-filter) brightness(1.42) contrast(1.06) saturate(0.82);
}
body.kandahar-theme .mystery-hero h1::before,
body.kandahar-theme .section h2::before,
body.kandahar-theme .question-title h2::before{
  content:"";
  position:absolute;
  inset:-0.36em -0.42em -0.28em;
  z-index:-1;
  pointer-events:none;
  background:var(--mystery-heading-ambient);
  filter:blur(10px);
  opacity:var(--mystery-heading-ambient-opacity);
}
body.kandahar-theme .mystery-hero h1::before{
  inset:-0.42em -0.24em -0.2em -0.34em;
  background:
    radial-gradient(ellipse at 32% 58%, rgba(255,201,92,0.22), transparent 54%),
    linear-gradient(90deg, rgba(40,25,11,0.88), rgba(54,34,16,0.18) 62%, transparent);
  filter:blur(12px);
}
body.kandahar-theme .mystery-hero.has-art::after{
  display:block;
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  width:auto;
  height:auto;
  clip-path:none;
  background:
    linear-gradient(90deg, transparent 0 55%, rgba(7,4,2,0.74) 64%, rgba(7,4,2,0.1) 76%, transparent 100%),
    linear-gradient(180deg, rgba(7,4,2,0.56), transparent 24%, transparent 68%, rgba(7,4,2,0.76));
  opacity:0.66;
}
body.diomedes-theme .mystery-hero.has-art::after{
  display:block;
  content:"";
  position:absolute;
  inset:44px clamp(28px, 7vw, 112px) 34px auto;
  z-index:1;
  width:min(34vw, 430px);
  min-width:300px;
  height:auto;
  clip-path:none;
  opacity:1;
  pointer-events:none;
  background:var(--hero-image) center top / contain no-repeat;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,0.64));
}
body.diomedes-theme .mystery-hero h1[data-heading],
body.diomedes-theme .section h2[data-heading]{
  color:#d1a052;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0.38px rgba(47,26,9,0.56);
  filter:none;
  text-shadow:
    0 1px 0 rgba(242,211,137,0.12),
    0 4px 0 rgba(34,18,7,0.74),
    0 16px 26px rgba(0,0,0,0.88);
}
body.diomedes-theme .mystery-hero h1[data-heading]::before,
body.diomedes-theme .section h2[data-heading]::before{
  content:attr(data-heading);
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  color:transparent;
  background-color:#b67d3b;
  background-image:url('/mysteries/the-man-who-made-a-god-bleed/diomedes-bronze-material.png');
  background-position:0 0;
  background-size:220px 146px;
  background-repeat:repeat;
  background-blend-mode:screen;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:0.18px rgba(70,42,17,0.36);
  filter:brightness(1.32) contrast(1.05) saturate(0.84);
  opacity:0.78;
  text-shadow:none;
}
body.diomedes-theme .mystery-hero h1[data-heading]::before{
  background-position:0 0;
  background-size:250px 166px;
  filter:brightness(1.3) contrast(1.04) saturate(0.84);
  opacity:0.8;
}
.mystery-hero h1::after,
.section h2::after,
.question-title h2::after{
  content:"";
  display:block;
  width:min(220px, 46vw);
  height:3px;
  margin:18px 0 0;
  background:
    var(--mystery-heading-divider-detail),
    var(--mystery-divider);
  box-shadow:var(--mystery-divider-glow);
  opacity:0.94;
}
.hero-subtitle{
  max-width:640px;
  margin:18px 0 0;
  padding:12px 16px;
  color:var(--bone);
  border-left:2px solid var(--mystery-primary);
  background:linear-gradient(90deg, rgba(35,24,12,0.72), rgba(35,24,12,0.12));
  font-size:clamp(1rem, 2vw, 1.2rem);
  letter-spacing:0.02em;
}
.question-title{
  padding:42px 0 30px;
  border-bottom:1px solid var(--line);
}
body.kandahar-theme .question-title,
body.kandahar-theme .section{
  position:relative;
}
body.kandahar-theme .question-title::before,
body.kandahar-theme .section::before{
  content:"";
  position:absolute;
  inset:0 calc(50% - 50vw);
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(7,5,3,0.5), rgba(8,5,3,0.24) 46%, rgba(7,4,2,0.68)),
    linear-gradient(90deg, rgba(4,3,2,0.6), rgba(10,7,4,0.12) 50%, rgba(4,3,2,0.62)),
    url('/mysteries/giant-of-kandahar/giant-of-kandahar-rock-background.jpg'),
    radial-gradient(circle at 18% 24%, rgba(255,231,167,0.04) 0 1.4px, transparent 3px),
    radial-gradient(circle at 44% 52%, rgba(7,3,1,0.22) 0 2.4px, transparent 5.2px),
    radial-gradient(circle at 78% 68%, rgba(255,218,134,0.035) 0 1.6px, transparent 3.4px);
  background-position:center top, center top, center top, center;
  background-repeat:no-repeat;
  background-size:cover, cover, cover, 173px 131px, 241px 193px, 197px 149px;
  opacity:0.55;
}
body.kandahar-theme .section:nth-of-type(odd)::before{
  background:
    linear-gradient(180deg, rgba(7,5,3,0.6), rgba(17,10,4,0.24) 50%, rgba(6,4,2,0.74)),
    linear-gradient(90deg, rgba(3,2,1,0.52), rgba(73,43,18,0.12) 42%, rgba(3,2,1,0.58)),
    url('/mysteries/giant-of-kandahar/giant-of-kandahar-rock-background.jpg'),
    radial-gradient(circle at 22% 36%, rgba(255,226,151,0.035) 0 1.4px, transparent 3px),
    radial-gradient(circle at 64% 66%, rgba(7,3,1,0.18) 0 2.2px, transparent 5px);
  background-position:center top, center top, center 34%, center;
  background-repeat:no-repeat;
  background-size:cover, cover, cover, 199px 151px, 263px 211px;
}
.question-title h2{
  font-family:'Cinzel', serif;
  font-weight:600;
  font-size:clamp(1.7rem, 4vw, 3rem);
  line-height:1.16;
  letter-spacing:0.03em;
  max-width:980px;
}
.page-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(240px, 320px);
  gap:42px;
  align-items:start;
}
main{ padding-bottom:52px; }
.section{
  padding:72px 0;
  border-bottom:1px solid var(--line);
}
.section:last-of-type{ border-bottom:none; }
.section h2{
  font-family:'Cinzel', serif;
  font-weight:600;
  font-size:clamp(1.55rem, 3vw, 2.35rem);
  line-height:1.18;
  letter-spacing:0.05em;
  margin-bottom:22px;
}
.section h3{
  font-family:'Cinzel', serif;
  font-weight:600;
  font-size:1.05rem;
  letter-spacing:0.04em;
  margin:24px 0 10px;
}
body.kandahar-theme .section h3,
body.kandahar-theme .timeline-date,
body.kandahar-theme .faq summary,
body.kandahar-theme .callout h3,
body.kandahar-theme .source-kicker,
body.kandahar-theme .related-card h3{
  color:#f0c875;
  text-shadow:var(--mystery-heading-level-3-shadow);
}
body.kandahar-theme .section h3,
body.kandahar-theme .callout h3{
  color:#e2b760;
  background:none;
  -webkit-text-fill-color:currentColor;
  text-shadow:
    0 1px 0 rgba(60,32,12,0.68),
    0 4px 12px rgba(0,0,0,0.58);
  filter:none;
}
body.kandahar-theme .timeline-item h3{
  color:#edc978;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:
    0 1px 0 rgba(58,31,12,0.58),
    0 4px 10px rgba(0,0,0,0.5);
}
body.rephaim-theme .section h3,
body.rephaim-theme .timeline-date,
body.rephaim-theme .faq summary,
body.rephaim-theme .callout h3,
body.rephaim-theme .source-kicker,
body.rephaim-theme .related-card h3{
  color:#d7bf78;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:var(--mystery-heading-level-3-shadow);
}
body.rephaim-theme .timeline-item h3,
body.rephaim-theme .callout h3{
  color:#c6d07f;
}
body.rephaim-theme .door-beyond .question{
  color:#e0d6b9;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:0 5px 16px rgba(0,0,0,0.72);
}
p{ color:var(--bone-dim); margin:0 0 16px; }
strong{ color:var(--bone); }
.lede{ font-size:1.12rem; color:var(--bone); }
.answer-box,
.video-card,
.source-panel,
.door-beyond,
.callout,
.timeline,
.comparison-card,
.related-card,
.faq details{
  background:var(--mystery-panel);
  border:1px solid var(--mystery-panel-border);
  border-radius:2px;
  box-shadow:var(--mystery-panel-shadow);
}
body.kandahar-theme .answer-box,
body.kandahar-theme .video-card,
body.kandahar-theme .source-panel,
body.kandahar-theme .door-beyond,
body.kandahar-theme .callout,
body.kandahar-theme .timeline,
body.kandahar-theme .comparison-card,
body.kandahar-theme .related-card,
body.kandahar-theme .faq details{
  position:relative;
  overflow:hidden;
}
body.kandahar-theme .answer-box::before,
body.kandahar-theme .video-card::before,
body.kandahar-theme .source-panel::before,
body.kandahar-theme .door-beyond::before,
body.kandahar-theme .callout::before,
body.kandahar-theme .timeline::before,
body.kandahar-theme .comparison-card::before,
body.kandahar-theme .related-card::before,
body.kandahar-theme .faq details::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 28%, rgba(255,224,146,0.1) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 56%, rgba(11,7,3,0.28) 0 1.4px, transparent 2.8px),
    repeating-linear-gradient(8deg, rgba(255,231,166,0.034) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(124deg, transparent 0 28px, rgba(15,8,3,0.22) 29px 30px, transparent 31px 56px);
  background-size:120px 90px, 150px 120px, auto, auto;
  mix-blend-mode:soft-light;
  opacity:0.7;
}
body.kandahar-theme .answer-box > *,
body.kandahar-theme .video-card > *,
body.kandahar-theme .source-panel > *,
body.kandahar-theme .door-beyond > *,
body.kandahar-theme .callout > *,
body.kandahar-theme .timeline > *,
body.kandahar-theme .comparison-card > *,
body.kandahar-theme .related-card > *,
body.kandahar-theme .faq details > *{
  position:relative;
  z-index:1;
}
.answer-box{
  padding:30px;
  border-color:var(--mystery-answer-border);
  background:var(--mystery-answer-panel);
}
.status-label{
  display:inline-block;
  color:var(--mystery-label-color);
  border:1px solid var(--mystery-label-border);
  background:var(--mystery-label-bg);
  padding:8px 12px;
  margin:10px 0 18px;
  box-shadow:var(--mystery-label-shadow);
}
.video-card{
  padding:22px;
  border-color:var(--mystery-border-strong);
}
.video-frame{
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:9/16;
  max-height:680px;
  background:#050609;
  border:1px solid var(--mystery-video-border);
  overflow:hidden;
  box-shadow:var(--mystery-video-shadow);
}
.video-frame.poster-link{
  position:relative;
  min-height:320px;
  background-position:center;
  background-size:cover;
  color:var(--bone);
  text-decoration:none;
}
.video-frame.poster-link::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(5,6,9,0.08), rgba(5,6,9,0.68));
}
.video-frame.wide{
  aspect-ratio:16/9;
  max-height:none;
}
.video-frame.portrait{
  aspect-ratio:9/16;
  max-width:460px;
  max-height:none;
  min-height:0;
  margin:0 auto;
}
.video-frame iframe{
  width:100%;
  height:100%;
  border:0;
}
.poster-play,
.poster-label{
  position:relative;
  z-index:1;
}
.poster-play{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border:1px solid var(--mystery-play-border);
  border-radius:50%;
  background:rgba(5,6,9,0.72);
  color:var(--gold);
  font-size:1.4rem;
  line-height:1;
}
.poster-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  color:var(--gold);
  font-family:'JetBrains Mono', monospace;
  font-size:0.78rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  text-decoration:none;
}
.video-frame.poster-link:hover .poster-label,
.video-frame.poster-link:focus-visible .poster-label{
  color:var(--bone);
}
.media-needed{
  padding:28px;
  text-align:center;
  color:var(--bone-dim);
  font-family:'JetBrains Mono', monospace;
  font-size:0.72rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.note{
  margin-top:14px;
  font-size:0.95rem;
  color:var(--bone);
}
.timeline{ padding:8px 0; }
.timeline-item{
  display:grid;
  grid-template-columns:110px minmax(0, 1fr);
  gap:20px;
  padding:24px 26px;
  border-bottom:1px solid var(--line);
  position:relative;
}
.timeline-item::before{
  content:"";
  position:absolute;
  left:78px;
  top:26px;
  bottom:-26px;
  width:1px;
  background:var(--mystery-timeline-line);
}
.timeline-item:last-child{ border-bottom:none; }
.timeline-item:last-child::before{ display:none; }
.timeline-date{
  font-family:'Cinzel', serif;
  font-weight:700;
  font-size:1.08rem;
  color:var(--mystery-heading);
  text-shadow:0 2px 12px rgba(0,0,0,0.72);
  position:relative;
}
.timeline-date::before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:10px;
  border:1px solid var(--mystery-marker-border);
  transform:rotate(45deg);
  background:var(--mystery-marker-bg);
}
.timeline-item h3{ margin-top:0; }
.source-panel{ padding:24px; margin-top:24px; }
.source-kicker{ color:var(--gold-dim); margin-bottom:8px; }
.comparison-grid,
.related-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
}
.comparison-card,
.related-card{ padding:24px; }
.comparison-card{
  background:var(--mystery-comparison-panel);
}
.comparison-card ul,
.source-list{
  padding-left:20px;
  color:var(--bone-dim);
}
.comparison-card li,
.source-list li{ margin:8px 0; }
.callout{
  margin-top:24px;
  padding:24px;
  border-color:var(--mystery-label-border);
  background:var(--mystery-callout-panel);
}
.callout h3{
  margin-top:0;
  color:var(--mystery-label-color);
  text-transform:uppercase;
}
.faq{
  display:grid;
  gap:14px;
}
.faq details{ padding:18px 22px; }
.faq summary{
  cursor:pointer;
  font-family:'Cinzel', serif;
  font-weight:600;
  color:var(--mystery-faq-heading);
}
.faq p{ margin-top:12px; }
.door-beyond{
  padding:34px;
  border-color:var(--mystery-border-strong);
  background:var(--mystery-door-panel);
}
.door-beyond .question{
  font-size:1.2rem;
  color:var(--bone);
  font-style:italic;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:18px 0;
  margin:22px 0;
}
.related-card{
  display:block;
  text-decoration:none;
  transition:border-color .24s ease, transform .24s ease;
}
.related-card:hover,
.related-card:focus-visible{
  border-color:var(--line-strong);
  transform:translateY(-3px);
}
.related-card .tag{ color:var(--gold-dim); }
.related-card h3{
  color:var(--bone);
  margin:8px 0;
}
footer{
  padding:40px 0 60px;
  text-align:center;
  font-family:'JetBrains Mono', monospace;
  font-size:0.7rem;
  color:var(--bone-dim);
  letter-spacing:0.05em;
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .nav-links a,
  .text-link,
  .related-card{ transition:none; }
}
@media (max-width:900px){
  .page-grid{ grid-template-columns:1fr; }
  .comparison-grid,
  .related-grid{ grid-template-columns:1fr; }
  body.og-theme .dimension-box{ grid-template-columns:1fr; }
  .mystery-hero::after{ width:52vw; opacity:0.42; }
  body.kandahar-theme .mystery-hero.has-art{
    background-position:center, center, center top, left center;
    background-size:cover, cover, auto 70%, cover;
    box-shadow:inset 0 -42px 72px rgba(25,18,11,0.72);
  }
  body.rephaim-theme .mystery-hero.has-art{
    background-position:center, center, center bottom 28px, center top;
    background-size:cover, cover, auto 62%, cover;
    box-shadow:inset 0 -44px 74px rgba(7,8,6,0.82);
  }
  body.sitecah-theme .mystery-hero.has-art{
    background-position:center, center, right 4% center, center top;
    background-size:cover, cover, auto 72%, cover;
    box-shadow:inset 0 -44px 74px rgba(9,7,6,0.82);
  }
  body.diomedes-theme .mystery-hero.has-art{
    background-position:center, center, right 4% center, center top;
    background-size:cover, cover, auto 72%, cover;
    box-shadow:inset 0 -44px 74px rgba(7,8,13,0.86);
  }
  body.gilgamesh-theme .mystery-hero.has-art{
    background-position:center, center, center top;
    background-size:cover, cover, cover;
    box-shadow:inset 0 -44px 74px rgba(7,6,5,0.88);
  }
  body.og-theme .mystery-hero.has-art{
    background-position:center, center, center top;
    background-size:cover, cover, cover;
    box-shadow:inset 0 -44px 74px rgba(7,7,6,0.88);
  }
}
@media (max-width:640px){
  .wrap{ padding:0 20px; }
  .nav{ align-items:flex-start; flex-direction:column; }
  .nav-links{ gap:14px 18px; justify-content:flex-start; }
  .breadcrumbs{ margin-top:24px; }
  .mystery-hero{ min-height:700px; }
  .hero-inner{ padding:54px 20px 48px; }
  .kandahar-hero .hero-inner{
    padding-top:352px;
    padding-bottom:48px;
  }
  .rephaim-hero .hero-inner{
    padding-top:46px;
    padding-bottom:390px;
  }
  .sitecah-hero .hero-inner{
    padding-top:46px;
    padding-bottom:0;
  }
  .diomedes-hero .hero-inner{
    padding-top:46px;
    padding-bottom:0;
  }
  .og-hero .hero-inner{
    padding-top:46px;
    padding-bottom:0;
  }
  .gilgamesh-hero .hero-inner{
    padding-top:46px;
    padding-bottom:0;
  }
  .rephaim-hero,
  .sitecah-hero,
  .diomedes-hero,
  .gilgamesh-hero,
  .og-hero{
    align-items:start;
  }
  body.sitecah-theme .mystery-hero.has-art{
    background-image:
      var(--mystery-hero-overlay),
      var(--mystery-hero-side-overlay),
      url('/mysteries/si-te-cah/sitecah-environment.png');
    background-position:center, center, center top;
    background-size:cover, cover, cover;
  }
  body.sitecah-theme .mystery-hero.has-art::after{
    display:block;
    content:"";
    position:relative;
    inset:auto;
    z-index:1;
    width:min(calc(100% - 40px), 430px);
    height:auto;
    aspect-ratio:2 / 3;
    margin:28px auto 42px;
    clip-path:none;
    opacity:1;
    background:var(--hero-image) center top / contain no-repeat;
  }
  body.diomedes-theme .mystery-hero.has-art{
    background-image:
      var(--mystery-hero-overlay),
      var(--mystery-hero-side-overlay),
      url('/mysteries/the-man-who-made-a-god-bleed/diomedes-environment.png');
    background-position:center, center, center top;
    background-size:cover, cover, cover;
  }
  body.diomedes-theme .mystery-hero.has-art::after{
    display:block;
    content:"";
    position:relative;
    inset:auto;
    z-index:1;
    width:min(calc(100% - 40px), 430px);
    height:auto;
    aspect-ratio:2 / 3;
    margin:28px auto 42px;
    clip-path:none;
    opacity:1;
    background:var(--hero-image) center top / contain no-repeat;
  }
  body.og-theme .mystery-hero.has-art{
    background-image:
      var(--mystery-hero-overlay),
      var(--mystery-hero-side-overlay),
      url('/mysteries/og-of-bashan/og-environment.png');
    background-position:center, center, center top;
    background-size:cover, cover, cover;
  }
  body.og-theme .mystery-hero.has-art::after{
    display:block;
    content:"";
    position:relative;
    inset:auto;
    z-index:1;
    width:min(calc(100% - 40px), 430px);
    min-width:0;
    height:auto;
    aspect-ratio:2 / 3;
    margin:30px auto 42px;
    clip-path:none;
    opacity:1;
    background:var(--hero-image) center top / contain no-repeat;
  }
  body.og-theme .og-hero .hero-inner{
    padding-right:20px;
  }
  body.gilgamesh-theme .mystery-hero.has-art{
    background-image:
      var(--mystery-hero-overlay),
      var(--mystery-hero-side-overlay),
      url('/mysteries/gilgamesh/Gilgamesh%20Enviroment%20Inv.png');
    background-position:center, center, center top;
    background-size:cover, cover, cover;
  }
  body.gilgamesh-theme .mystery-hero.has-art::after{
    display:block;
    content:"";
    position:relative;
    inset:auto;
    z-index:1;
    width:min(calc(100% - 40px), 430px);
    min-width:0;
    height:auto;
    aspect-ratio:2 / 3;
    margin:28px auto 42px;
    clip-path:none;
    opacity:1;
    background:var(--hero-image) center top / contain no-repeat;
  }
  body.gilgamesh-theme .gilgamesh-hero .hero-inner{
    padding-right:20px;
  }
  .question-title{ padding:34px 0 18px; }
  .section{ padding:44px 0; }
  .answer-box,
  .video-card,
  .source-panel,
  .door-beyond,
  .callout,
  .comparison-card,
  .related-card{ padding:18px; }
  .timeline-item{
    grid-template-columns:1fr;
    gap:8px;
    padding:20px 18px;
  }
  .video-frame{ max-height:620px; }
  .video-frame.portrait{ max-height:none; }
  .faq details{ padding:16px 18px; }
  body.kandahar-theme{
    --mystery-heading-texture-size:58px 48px, 80px 64px, 70px 58px, 34px 30px, 46px 39px, 58px 49px, 76px 58px, 86px 66px, 92px 70px, 78px 60px, 96px 72px, 72px 56px, 80px 54px, 112px 62px, 136px 84px, 122px 76px, 58px 44px, 52px 40px, 92px 60px, 180px 180px, 150px 104px, 164px 114px, 116px 82px, auto, 560px 390px;
    background-size:cover, cover, auto 140vh, auto;
  }
  body.rephaim-theme{
    --mystery-heading-texture-size:540px 360px, auto;
    background-size:cover, cover, auto 140vh, auto;
  }
  body.sitecah-theme{
    --mystery-heading-texture-size:520px 350px, auto;
    background-size:cover, cover, auto 140vh, auto;
  }
  body.diomedes-theme{
    --mystery-heading-texture-size:auto, 540px 360px, auto;
    background-size:cover, cover, auto 140vh, auto;
  }
  body.gilgamesh-theme{
    background-size:cover, cover, auto 140vh, auto;
    background-attachment:scroll;
  }
  body.og-theme{
    background-size:cover, cover, auto 140vh, auto;
  }
  body.kandahar-theme .mystery-hero h1,
  body.kandahar-theme .section h2,
  body.kandahar-theme .question-title h2{
    -webkit-text-stroke:0.38px rgba(78,42,17,0.42);
  }
  body.kandahar-theme .mystery-hero h1::before,
  body.kandahar-theme .section h2::before,
  body.kandahar-theme .question-title h2::before{
    filter:blur(8px);
  }
}
@media (max-width:340px){
  .wrap{ padding:0 14px; }
  .nav-links{ gap:12px 14px; }
  .mystery-hero h1{ font-size:2.1rem; }
  body.kandahar-theme .mystery-hero.has-art{
    background-size:cover, cover, auto 62%, cover;
  }
  body.rephaim-theme .mystery-hero.has-art{
    background-size:cover, cover, auto 60%, cover;
  }
  body.sitecah-theme .mystery-hero.has-art{
    background-size:cover, cover, auto 58%, cover;
  }
  body.diomedes-theme .mystery-hero.has-art{
    background-size:cover, cover, auto 58%, cover;
  }
  body.og-theme .mystery-hero.has-art{
    background-size:cover, cover, cover;
  }
  body.gilgamesh-theme .mystery-hero.has-art{
    background-size:cover, cover, cover;
  }
  .kandahar-hero .hero-inner{
    padding-top:324px;
  }
  .rephaim-hero .hero-inner{
    padding-top:40px;
    padding-bottom:348px;
  }
  .sitecah-hero .hero-inner{
    padding-top:40px;
  }
  .diomedes-hero .hero-inner{
    padding-top:40px;
  }
  .og-hero .hero-inner{
    padding-top:40px;
  }
  .gilgamesh-hero .hero-inner{
    padding-top:40px;
  }
  .video-frame{ max-height:540px; }
  .video-frame.portrait{ max-height:none; }
}

@media (min-width:641px){
  body.gilgamesh-theme .mystery-hero.has-art::after{
    display:block;
    content:"";
    position:absolute;
    inset:40px clamp(26px, 6vw, 102px) 34px auto;
    z-index:1;
    width:min(35vw, 440px);
    min-width:310px;
    height:auto;
    clip-path:none;
    opacity:1;
    pointer-events:none;
    background-image:var(--hero-image);
    background-position:center top;
    background-repeat:no-repeat;
    background-size:contain;
    filter:drop-shadow(0 24px 44px rgba(0,0,0,0.7));
  }
  body.diomedes-theme .mystery-hero.has-art::after{
    display:block;
    content:"";
    position:absolute;
    inset:44px clamp(28px, 7vw, 112px) 34px auto;
    z-index:1;
    width:min(34vw, 430px);
    min-width:300px;
    height:auto;
    clip-path:none;
    opacity:1;
    pointer-events:none;
    background-image:var(--hero-image);
    background-position:center top;
    background-repeat:no-repeat;
    background-size:contain;
    filter:drop-shadow(0 22px 42px rgba(0,0,0,0.64));
  }
  body.og-theme .mystery-hero.has-art::after{
    display:block;
    content:"";
    position:absolute;
    inset:38px clamp(24px, 6vw, 96px) 32px auto;
    z-index:1;
    width:min(36vw, 460px);
    min-width:320px;
    height:auto;
    clip-path:none;
    opacity:1;
    pointer-events:none;
    background-image:var(--hero-image);
    background-position:center top;
    background-repeat:no-repeat;
    background-size:contain;
    filter:drop-shadow(0 24px 44px rgba(0,0,0,0.68));
  }
}

body.maximinus-theme .proposition-strip{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1px;
  margin-top:18px;
  border:1px solid var(--mystery-border-strong);
  background:var(--mystery-border-strong);
}
body.maximinus-theme .proposition-strip strong{
  display:block;
  padding:18px;
  background:rgba(20,18,17,0.94);
  color:#eee4d0;
  font-family:'Cinzel', serif;
  font-size:clamp(1rem, 2.2vw, 1.35rem);
  letter-spacing:0.04em;
  text-align:center;
  text-transform:uppercase;
}
body.maximinus-theme .evidence-legend{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
body.maximinus-theme .status-label{ margin:10px 8px 18px 0; }
body.maximinus-theme .status-established{ --mystery-label-color:#dce9ba; --mystery-label-border:rgba(130,165,77,0.7); --mystery-label-bg:linear-gradient(180deg, rgba(66,94,39,0.55), rgba(30,35,26,0.88)); }
body.maximinus-theme .status-strong{ --mystery-label-color:#f0d59e; --mystery-label-border:rgba(209,168,90,0.72); }
body.maximinus-theme .status-later{ --mystery-label-color:#efc886; --mystery-label-border:rgba(181,118,43,0.72); --mystery-label-bg:linear-gradient(180deg, rgba(120,73,26,0.55), rgba(42,31,23,0.88)); }
body.maximinus-theme .status-hypothesis{ --mystery-label-color:#d9dce2; --mystery-label-border:rgba(156,162,173,0.7); --mystery-label-bg:linear-gradient(180deg, rgba(86,91,101,0.5), rgba(34,35,39,0.88)); }
body.maximinus-theme .status-unproven{ --mystery-label-color:#f2b0a5; --mystery-label-border:rgba(168,60,45,0.76); --mystery-label-bg:linear-gradient(180deg, rgba(118,31,24,0.64), rgba(47,24,22,0.9)); }
body.maximinus-theme .growth-grid{ display:grid; grid-template-columns:minmax(0, 1fr) 70px minmax(0, 1fr); align-items:stretch; gap:0; margin-top:26px; }
body.maximinus-theme .growth-card{ position:relative; overflow:hidden; padding:30px; border:1px solid var(--mystery-panel-border); background:var(--mystery-comparison-panel); box-shadow:var(--mystery-panel-shadow); }
body.maximinus-theme .growth-card.later{ border-color:rgba(168,60,45,0.54); background:linear-gradient(180deg, rgba(96,40,31,0.86), rgba(22,18,18,0.98)), radial-gradient(ellipse at 100% 0%, rgba(209,168,90,0.16), transparent 42%); }
body.maximinus-theme .growth-card .source-era{ color:#c99a51; font-family:'JetBrains Mono', monospace; font-size:0.7rem; letter-spacing:0.13em; text-transform:uppercase; }
body.maximinus-theme .growth-card h3{ margin:8px 0 16px; font-size:clamp(1.45rem, 3vw, 2rem); }
body.maximinus-theme .growth-card ul{ padding-left:20px; color:var(--bone-dim); }
body.maximinus-theme .growth-card li{ margin:9px 0; }
body.maximinus-theme .growth-arrow{ display:grid; place-items:center; color:#d1a85a; font-family:'Cinzel', serif; font-size:2rem; background:linear-gradient(180deg, rgba(118,31,24,0.2), rgba(209,168,90,0.08)); border-top:1px solid var(--mystery-border); border-bottom:1px solid var(--mystery-border); }
body.maximinus-theme .height-file{ display:grid; grid-template-columns:minmax(0, 0.9fr) minmax(260px, 1.1fr); gap:24px; align-items:center; margin-top:24px; }
body.maximinus-theme .height-chart{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); align-items:end; gap:22px; min-height:350px; padding:28px 28px 22px; border:1px solid var(--mystery-panel-border); background:repeating-linear-gradient(to top, rgba(238,229,211,0.1) 0 1px, transparent 1px 42px), linear-gradient(180deg, rgba(76,68,59,0.9), rgba(17,18,19,0.98)); }
body.maximinus-theme .height-column{ display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:10px; min-width:0; color:#e9dfcc; font-family:'JetBrains Mono', monospace; font-size:0.68rem; letter-spacing:0.06em; text-align:center; text-transform:uppercase; }
body.maximinus-theme .height-bar{ width:min(88px, 68%); height:238px; border:1px solid rgba(231,214,179,0.5); background:linear-gradient(180deg, #8f8b83, #292b2d); box-shadow:0 12px 24px rgba(0,0,0,0.38); }
body.maximinus-theme .height-column.claim .height-bar{ height:322px; background:linear-gradient(180deg, #a33b2d, #4c1b17); }
body.maximinus-theme .claim-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; margin-top:24px; }
body.maximinus-theme .claim-card{ padding:22px; border:1px solid var(--mystery-panel-border); background:var(--mystery-comparison-panel); box-shadow:var(--mystery-panel-shadow); }
body.maximinus-theme .claim-card h3{ margin-top:0; }
body.maximinus-theme .artifact-layout{ display:grid; grid-template-columns:minmax(280px, 0.9fr) minmax(0, 1.1fr); gap:26px; align-items:stretch; margin-top:24px; }
body.maximinus-theme .artifact-crop{ min-height:420px; border:1px solid var(--mystery-border-strong); background-image:linear-gradient(180deg, transparent 55%, rgba(11,12,13,0.92)), url('/mysteries/maximinus-thrax/maximinus-thrax-poster.png'); background-repeat:no-repeat; background-size:cover, 315%; box-shadow:var(--mystery-panel-shadow); }
body.maximinus-theme .artifact-crop.bust-crop{ background-position:center, 3% 78%; }
body.maximinus-theme .artifact-crop.coin-crop{ background-position:center, 3% 57%; }
body.maximinus-theme .artifact-copy{ padding:28px; border:1px solid var(--mystery-panel-border); background:var(--mystery-panel); box-shadow:var(--mystery-panel-shadow); }
body.maximinus-theme .evidence-board{ border:1px solid var(--mystery-border-strong); background:rgba(15,15,16,0.9); box-shadow:var(--mystery-panel-shadow); }
body.maximinus-theme .evidence-row{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(190px, 0.42fr); align-items:center; gap:20px; padding:16px 20px; border-bottom:1px solid var(--mystery-border); }
body.maximinus-theme .evidence-row:last-child{ border-bottom:0; }
body.maximinus-theme .evidence-row p{ margin:0; color:#e4dac7; }
body.maximinus-theme .evidence-row .status-label{ justify-self:start; margin:0; }
body.maximinus-theme .verdict-lockup{ text-align:center; }
body.maximinus-theme .verdict-lockup h2::after{ margin-left:auto; margin-right:auto; }
body.maximinus-theme .verdict-equation{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:10px; margin:30px 0; color:#e5d9c3; font-family:'Cinzel', serif; font-size:clamp(0.78rem, 1.8vw, 1rem); letter-spacing:0.04em; text-transform:uppercase; }
body.maximinus-theme .equation-mark{ color:#c9994d; font-size:1.6rem; }
body.maximinus-theme .reel-placeholder{ display:grid; grid-template-columns:minmax(230px, 0.7fr) minmax(0, 1.3fr); gap:26px; align-items:center; }
body.maximinus-theme .reel-poster{ width:100%; aspect-ratio:2 / 3; object-fit:cover; border:1px solid var(--mystery-video-border); box-shadow:var(--mystery-video-shadow); }
body.maximinus-theme .reel-cta{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 18px; border:1px solid rgba(209,168,90,0.58); color:#f1e4ca; background:linear-gradient(135deg, rgba(101,23,20,0.92), rgba(55,36,25,0.92)); box-shadow:0 10px 24px rgba(0,0,0,0.24); font-family:'JetBrains Mono', monospace; font-size:0.75rem; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; transition:transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
body.maximinus-theme .reel-cta:hover,
body.maximinus-theme .reel-cta:focus-visible{ transform:translateY(-2px); border-color:#d1a85a; box-shadow:0 14px 30px rgba(0,0,0,0.34), 0 0 0 3px rgba(209,168,90,0.14); outline:none; }
@media (max-width:900px){
  body.maximinus-theme .claim-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  body.maximinus-theme .artifact-layout{ grid-template-columns:1fr; }
  body.maximinus-theme .artifact-crop{ min-height:520px; background-size:cover, 250%; }
}
@media (max-width:640px){
  body.maximinus-theme .proposition-strip,
  body.maximinus-theme .height-file,
  body.maximinus-theme .claim-grid,
  body.maximinus-theme .reel-placeholder{ grid-template-columns:1fr; }
  body.maximinus-theme .growth-grid{ grid-template-columns:1fr; }
  body.maximinus-theme .growth-arrow{ min-height:58px; transform:rotate(90deg); }
  body.maximinus-theme .height-chart{ min-height:310px; padding:22px 16px 18px; }
  body.maximinus-theme .height-bar{ height:200px; }
  body.maximinus-theme .height-column.claim .height-bar{ height:268px; }
  body.maximinus-theme .artifact-crop{ min-height:420px; background-size:cover, 290%; }
  body.maximinus-theme .evidence-row{ grid-template-columns:1fr; gap:10px; }
  body.maximinus-theme .verdict-equation{ grid-template-columns:1fr; }
  body.maximinus-theme .equation-mark{ transform:rotate(90deg); }
}

/* Maximinus Thrax — Imperial Roman investigation */
body.maximinus-theme{
  --roman-ivory:#eee5d3;
  --roman-marble:#d9d0bd;
  --roman-red:#761f18;
  --roman-red-bright:#a83c2d;
  --roman-bronze:#ad8244;
  --roman-gold:#d1a85a;
  --roman-iron:#17191b;
  --roman-storm:#62646a;
  --mystery-primary:var(--roman-gold);
  --mystery-secondary:var(--roman-red-bright);
  --mystery-accent:var(--roman-bronze);
  --mystery-heading:var(--roman-ivory);
  --mystery-muted:#d1c7b5;
  --mystery-border:rgba(209,168,90,0.23);
  --mystery-border-strong:rgba(209,168,90,0.5);
  --mystery-background:
    linear-gradient(180deg, rgba(14,15,16,0.2), rgba(17,15,14,0.82) 45%, #0d0d0e 100%),
    linear-gradient(90deg, rgba(12,13,14,0.78), rgba(81,66,49,0.08) 48%, rgba(11,12,13,0.8)),
    url('/mysteries/maximinus-thrax/rome-environment.png'),
    #17191b;
  --mystery-atmosphere:
    radial-gradient(ellipse at 18% 2%, rgba(239,225,190,0.18), transparent 34%),
    radial-gradient(ellipse at 82% 16%, rgba(118,31,24,0.2), transparent 34%),
    linear-gradient(180deg, rgba(94,98,104,0.05), rgba(11,12,13,0.74) 100%);
  --mystery-texture:
    repeating-linear-gradient(104deg, transparent 0 54px, rgba(244,234,210,0.025) 55px 56px, transparent 57px 104px),
    radial-gradient(circle at 14% 26%, rgba(238,229,211,0.08) 0 1.2px, transparent 2.6px),
    radial-gradient(circle at 78% 66%, rgba(112,31,24,0.13) 0 1.8px, transparent 4px);
  --mystery-panel:
    linear-gradient(180deg, rgba(55,48,42,0.94), rgba(18,18,19,0.98)),
    radial-gradient(ellipse at 0% 0%, rgba(238,229,211,0.13), transparent 40%),
    radial-gradient(ellipse at 100% 18%, rgba(118,31,24,0.18), transparent 40%);
  --mystery-answer-panel:
    linear-gradient(180deg, rgba(80,66,52,0.96), rgba(22,20,19,0.99)),
    radial-gradient(ellipse at 12% 0%, rgba(239,224,190,0.18), transparent 42%),
    radial-gradient(ellipse at 86% 78%, rgba(118,31,24,0.2), transparent 36%);
  --mystery-comparison-panel:
    linear-gradient(180deg, rgba(62,53,45,0.95), rgba(18,18,19,0.98)),
    radial-gradient(ellipse at 100% 0%, rgba(132,39,29,0.16), transparent 42%);
  --mystery-callout-panel:
    linear-gradient(180deg, rgba(104,48,36,0.88), rgba(22,20,19,0.98)),
    radial-gradient(ellipse at 12% 0%, rgba(225,193,128,0.2), transparent 42%);
  --mystery-door-panel:
    linear-gradient(180deg, rgba(64,52,43,0.82), rgba(10,11,12,0.98)),
    radial-gradient(ellipse at 68% 0%, rgba(209,168,90,0.2), transparent 40%),
    radial-gradient(ellipse at 20% 18%, rgba(118,31,24,0.18), transparent 42%);
  --mystery-panel-border:rgba(209,168,90,0.27);
  --mystery-panel-shadow:0 24px 56px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,245,220,0.08);
  --mystery-answer-border:rgba(225,193,128,0.52);
  --mystery-label-color:#f0d59e;
  --mystery-label-border:rgba(209,168,90,0.6);
  --mystery-label-bg:linear-gradient(180deg, rgba(118,31,24,0.46), rgba(40,31,26,0.84));
  --mystery-divider:linear-gradient(90deg, rgba(209,168,90,0), rgba(118,31,24,0.66) 18%, rgba(237,213,160,0.96) 50%, rgba(118,31,24,0.66) 82%, rgba(209,168,90,0));
  --mystery-divider-glow:0 0 18px rgba(209,168,90,0.2), 0 1px 0 rgba(0,0,0,0.62);
  --mystery-timeline-line:linear-gradient(rgba(209,168,90,0.76), rgba(118,31,24,0.28), rgba(209,168,90,0));
  --mystery-marker-border:rgba(238,213,158,0.92);
  --mystery-marker-bg:rgba(118,31,24,0.38);
  --mystery-faq-heading:#ead09a;
  background-color:#111214;
  background-position:center top, center top, center top, center top;
  background-repeat:no-repeat;
  background-size:cover, cover, cover, auto;
  background-attachment:scroll, scroll, fixed, scroll;
}

body.maximinus-theme .mystery-hero.has-art{
  background-image:
    linear-gradient(180deg, rgba(12,13,14,0.05), rgba(12,13,14,0.25) 50%, rgba(12,13,14,0.94) 100%),
    linear-gradient(90deg, rgba(12,13,14,0.94) 0 38%, rgba(16,15,14,0.22) 62%, rgba(10,11,12,0.16) 100%),
    url('/mysteries/maximinus-thrax/rome-environment.png');
  background-position:center, center, center 42%;
  background-size:cover, cover, cover;
  background-repeat:no-repeat;
  background-color:#111214;
  box-shadow:inset 0 -56px 96px rgba(10,11,12,0.92);
}

body.maximinus-theme .mystery-hero.has-art::after{
  display:block;
  content:"";
  position:absolute;
  inset:38px clamp(24px, 6vw, 96px) 34px auto;
  z-index:1;
  width:min(35vw, 450px);
  min-width:310px;
  height:auto;
  clip-path:none;
  opacity:1;
  pointer-events:none;
  background:var(--hero-image) center top / contain no-repeat;
  filter:drop-shadow(0 24px 44px rgba(0,0,0,0.72));
}

body.maximinus-theme .maximinus-hero .hero-inner{
  padding-right:min(47vw, 570px);
}

body.maximinus-theme .maximinus-hero h1{
  max-width:660px;
  font-size:clamp(2.35rem, 6.9vw, 5.3rem);
}

body.maximinus-theme .mystery-hero h1[data-heading],
body.maximinus-theme .section h2[data-heading],
body.maximinus-theme .question-title h2[data-heading]{
  color:#e9dfcc;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0.35px rgba(61,48,35,0.72);
  filter:none;
  text-shadow:0 2px 0 rgba(57,43,30,0.9), 0 9px 22px rgba(0,0,0,0.84);
}

body.maximinus-theme .mystery-hero h1[data-heading]::before,
body.maximinus-theme .section h2[data-heading]::before,
body.maximinus-theme .question-title h2[data-heading]::before{
  content:attr(data-heading);
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  color:transparent;
  background-color:#ded3bf;
  background-image:url('/mysteries/maximinus-thrax/roman-marble-heading.png');
  background-position:50% 42%;
  background-size:620px 413px;
  background-repeat:repeat;
  background-blend-mode:multiply;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:0.16px rgba(88,65,43,0.52);
  filter:brightness(1.18) contrast(1.14) saturate(0.76);
  opacity:0.92;
  text-shadow:none;
}

body.maximinus-theme .mystery-hero h1[data-heading]::before{
  background-size:760px 506px;
  opacity:0.96;
}

body.maximinus-theme .section h3,
body.maximinus-theme .timeline-date,
body.maximinus-theme .faq summary,
body.maximinus-theme .callout h3,
body.maximinus-theme .source-kicker,
body.maximinus-theme .related-card h3{
  color:#e5bf75;
  background:none;
  -webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;
  filter:none;
  text-shadow:0 3px 10px rgba(0,0,0,0.72);
}

body.maximinus-theme .section-kicker{
  display:block;
  margin-bottom:10px;
  color:#c89850;
  font-family:'JetBrains Mono', monospace;
  font-size:0.7rem;
  letter-spacing:0.13em;
  text-transform:uppercase;
}

@media (max-width:900px){
  body.maximinus-theme .mystery-hero.has-art{
    background-position:center, center, center top;
    background-size:cover, cover, cover;
  }
}

@media (max-width:640px){
  body.maximinus-theme{
    background-size:cover, cover, auto 140vh, auto;
    background-attachment:scroll;
  }
  .maximinus-hero{
    align-items:start;
  }
  body.maximinus-theme .maximinus-hero .hero-inner{
    padding:44px 20px 0;
  }
  body.maximinus-theme .mystery-hero.has-art{
    min-height:auto;
    background-image:
      linear-gradient(180deg, rgba(12,13,14,0.14), rgba(12,13,14,0.5) 48%, rgba(12,13,14,0.94) 100%),
      linear-gradient(90deg, rgba(12,13,14,0.72), rgba(12,13,14,0.16)),
      url('/mysteries/maximinus-thrax/rome-environment.png');
    background-position:center, center, center top;
    background-size:cover, cover, cover;
  }
  body.maximinus-theme .mystery-hero.has-art::after{
    position:relative;
    inset:auto;
    width:min(calc(100% - 40px), 430px);
    min-width:0;
    height:auto;
    aspect-ratio:2 / 3;
    margin:28px auto 42px;
    background:var(--hero-image) center top / contain no-repeat;
  }
  body.maximinus-theme .mystery-hero h1{
    font-size:clamp(2.05rem, 11.5vw, 3.4rem);
  }
}