/* ============================================================
   ORAKEL-THEMES — pro System ein eigener Mood (05.10.2026)
   Zoltan (zoltan-*) bleibt bewusst UNBERÜHRT — er ist die eine
   konstante Maschine ueber allen Systemen.

   Funktion: body[data-orakel="..."] oder .theme-<name> scopen die
   Farb-Variablen um. Default (kein Attribut) = Tarot-Look wie immer.
   ============================================================ */

/* --- RUNEN: kuehles Nordlicht, Blau/Eis, raue Kanten --- */
body[data-orakel="runen"],
.theme-runen {
    --color-bg: #0a1220;
    --color-bg-light: #101b2e;
    --color-bg-card: #16233c;
    --color-primary: #3d6a9e;
    --color-primary-glow: rgba(61, 106, 158, 0.4);
    --color-secondary: #1b2a44;
    --color-text: #e4eaf2;
    --color-text-muted: #8fa2ba;
    --color-gold: #7fb4d8;
    --color-gold-light: #b8dcf2;
    --color-silver: #a9bccf;
    --glow-gold: 0 0 20px rgba(127, 180, 216, 0.3);
    --glow-purple: 0 0 30px rgba(61, 106, 158, 0.2);
    --color-accent: #6fd3e8;
}

body[data-orakel="runen"] {
    background-image:
        radial-gradient(ellipse at top, rgba(61, 106, 158, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse at bottom, rgba(111, 211, 232, 0.06) 0%, transparent 50%);
}

/* --- I-GING: chinesische Tusche, Zinnober-Akzent, warmes Papier --- */
body[data-orakel="iging"],
.theme-iging {
    --color-bg: #16100c;
    --color-bg-light: #201710;
    --color-bg-card: #2a1e15;
    --color-primary: #a8452a;
    --color-primary-glow: rgba(168, 69, 42, 0.4);
    --color-secondary: #33241a;
    --color-text: #ede4d8;
    --color-text-muted: #b0a190;
    --color-gold: #d8a05a;
    --color-gold-light: #f2cf96;
    --color-silver: #c9b8a4;
    --glow-gold: 0 0 20px rgba(216, 160, 90, 0.3);
    --glow-purple: 0 0 30px rgba(168, 69, 42, 0.2);
    --color-accent: #c8402a;
}

body[data-orakel="iging"] {
    background-image:
        radial-gradient(ellipse at top, rgba(168, 69, 42, 0.10) 0%, transparent 50%),
        radial-gradient(ellipse at bottom, rgba(216, 160, 90, 0.06) 0%, transparent 50%);
}

/* --- LENORMAND: Antik-Salon, warmes Bordeaux/Kupfer, gemütlich --- */
body[data-orakel="lenormand"],
.theme-lenormand {
    --color-bg: #180d10;
    --color-bg-light: #241317;
    --color-bg-card: #30191f;
    --color-primary: #9e3d52;
    --color-primary-glow: rgba(158, 61, 82, 0.4);
    --color-secondary: #3a1e25;
    --color-text: #f0e2dc;
    --color-text-muted: #b39a93;
    --color-gold: #cf9a5e;
    --color-gold-light: #ecc9a0;
    --color-silver: #cfb6ae;
    --glow-gold: 0 0 20px rgba(207, 154, 94, 0.3);
    --glow-purple: 0 0 30px rgba(158, 61, 82, 0.2);
    --color-accent: #b56a45;
}

body[data-orakel="lenormand"] {
    background-image:
        radial-gradient(ellipse at top, rgba(158, 61, 82, 0.10) 0%, transparent 50%),
        radial-gradient(ellipse at bottom, rgba(207, 154, 94, 0.06) 0%, transparent 50%);
}

/* --- MARSILLE: Sonne/Provence, warmes Ocker (Detailseiten) --- */
.theme-marseille {
    --color-bg: #1a1408;
    --color-bg-light: #261e0c;
    --color-bg-card: #332911;
    --color-primary: #9e7d2a;
    --color-primary-glow: rgba(158, 125, 42, 0.4);
    --color-secondary: #3d3113;
    --color-text: #f0ead8;
    --color-text-muted: #b3a784;
    --color-gold: #d8bc5a;
    --color-gold-light: #f2e3a0;
    --color-silver: #cfc49e;
    --glow-gold: 0 0 20px rgba(216, 188, 90, 0.3);
    --glow-purple: 0 0 30px rgba(158, 125, 42, 0.2);
    --color-accent: #c9982a;
}

/* --- THOTH: tiefes Aether-Violett, feierlich --- */
.theme-thoth {
    --color-bg: #120a1a;
    --color-bg-light: #1c1028;
    --color-bg-card: #281738;
    --color-primary: #7b2d8c;
    --color-primary-glow: rgba(123, 45, 140, 0.4);
    --color-secondary: #331f45;
    --color-text: #ece4f0;
    --color-text-muted: #a58fb3;
    --color-gold: #c9a2e0;
    --color-gold-light: #e6cef5;
    --color-silver: #bfb0cf;
    --glow-gold: 0 0 20px rgba(201, 162, 224, 0.3);
    --glow-purple: 0 0 30px rgba(123, 45, 140, 0.2);
    --color-accent: #8d5aa8;
}

/* --- RIDER-WAITE: klassisches Gelb/Blau der RWS-Edition --- */
.theme-waite {
    --color-bg: #0c1018;
    --color-bg-light: #141b28;
    --color-bg-card: #1d2738;
    --color-primary: #2d5c8c;
    --color-primary-glow: rgba(45, 92, 140, 0.4);
    --color-secondary: #22334a;
    --color-text: #e6eaf0;
    --color-text-muted: #93a3b8;
    --color-gold: #e0b84f;
    --color-gold-light: #f5da8c;
    --color-silver: #b5c1d0;
    --glow-gold: 0 0 20px rgba(224, 184, 79, 0.3);
    --glow-purple: 0 0 30px rgba(45, 92, 140, 0.2);
    --color-accent: #4a7ab5;
}

/* Sanfte Uebergaenge, wenn sich das Theme wechselt */
body {
    transition: background-color 0.6s ease, color 0.6s ease;
}

/* Theme-Hinweis ueber den Bereichen (nur wenn Theme aktiv) */
.theme-badge {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-text-muted);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    margin-bottom: 1rem;
    background: rgba(0, 0, 0, 0.25);
}

.theme-badge::before {
    content: "◈";
    color: var(--color-accent, var(--color-gold));
}

/* --- Body-Attribute fuer Marseille / Thoth / Waite (05.10.2026) --- */
body[data-orakel="marseille"],
.theme-marseille {
    --color-bg: #1a1408;
    --color-bg-light: #261e0c;
    --color-bg-card: #332911;
    --color-primary: #9e7d2a;
    --color-primary-glow: rgba(158, 125, 42, 0.4);
    --color-secondary: #3d3113;
    --color-text: #f0ead8;
    --color-text-muted: #b3a784;
    --color-gold: #d8bc5a;
    --color-gold-light: #f2e3a0;
    --color-silver: #cfc49e;
    --glow-gold: 0 0 20px rgba(216, 188, 90, 0.3);
    --glow-purple: 0 0 30px rgba(158, 125, 42, 0.2);
    --color-accent: #c9982a;
    background-image:
        radial-gradient(ellipse at top, rgba(158, 125, 42, 0.10) 0%, transparent 50%),
        radial-gradient(ellipse at bottom, rgba(216, 188, 90, 0.06) 0%, transparent 50%);
}

body[data-orakel="thoth"],
.theme-thoth {
    --color-bg: #120a1a;
    --color-bg-light: #1c1028;
    --color-bg-card: #281738;
    --color-primary: #7b2d8c;
    --color-primary-glow: rgba(123, 45, 140, 0.4);
    --color-secondary: #331f45;
    --color-text: #ece4f0;
    --color-text-muted: #a58fb3;
    --color-gold: #c9a2e0;
    --color-gold-light: #e6cef5;
    --color-silver: #bfb0cf;
    --glow-gold: 0 0 20px rgba(201, 162, 224, 0.3);
    --glow-purple: 0 0 30px rgba(123, 45, 140, 0.2);
    --color-accent: #8d5aa8;
    background-image:
        radial-gradient(ellipse at top, rgba(123, 45, 140, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse at bottom, rgba(201, 162, 224, 0.06) 0%, transparent 50%);
}

body[data-orakel="waite"],
.theme-waite {
    --color-bg: #0c1018;
    --color-bg-light: #141b28;
    --color-bg-card: #1d2738;
    --color-primary: #2d5c8c;
    --color-primary-glow: rgba(45, 92, 140, 0.4);
    --color-secondary: #22334a;
    --color-text: #e6eaf0;
    --color-text-muted: #93a3b8;
    --color-gold: #e0b84f;
    --color-gold-light: #f5da8c;
    --color-silver: #b5c1d0;
    --glow-gold: 0 0 20px rgba(224, 184, 79, 0.3);
    --glow-purple: 0 0 30px rgba(45, 92, 140, 0.2);
    --color-accent: #4a7ab5;
    background-image:
        radial-gradient(ellipse at top, rgba(45, 92, 140, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse at bottom, rgba(224, 184, 79, 0.06) 0%, transparent 50%);
}

/* numerologie: neutral-mystisch (wie startseite, eigener akzent) */
body[data-orakel="numerologie"] {
    --color-accent: #7fb4d8;
}

/* --- FENG SHUI: Jade und Bambus, Gold-Akzent, ruhiges Gruen (05.10.2026) --- */
body[data-orakel="fengshui"],
.theme-fengshui {
    --color-bg: #0c1410;
    --color-bg-light: #122019;
    --color-bg-card: #16281f;
    --color-primary: #2f6e4f;
    --color-primary-glow: rgba(47, 110, 79, 0.4);
    --color-secondary: #1d3529;
    --color-text: #e6efe8;
    --color-text-muted: #9ab5a5;
    --color-gold: #d4a944;
    --color-gold-light: #f0d78c;
    --color-silver: #c2d4c8;
    --glow-gold: 0 0 20px rgba(212, 169, 68, 0.3);
    --glow-purple: 0 0 30px rgba(47, 110, 79, 0.2);
    --color-accent: #6fbf8f;
}

body[data-orakel="fengshui"] {
    background-image:
        radial-gradient(ellipse at top, rgba(47, 110, 79, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse at bottom, rgba(212, 169, 68, 0.05) 0%, transparent 50%);
}

/* --- HOROSKOPE: westlicher Tierkreis, violett-gold wie Startseite (07.10.2026) --- */
body[data-orakel="horoskope"] {
    --color-accent: #c9a7e0;
}
body[data-orakel="horoskope"] {
    background-image:
        radial-gradient(ellipse at top, rgba(140, 92, 170, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse at bottom, rgba(224, 184, 79, 0.06) 0%, transparent 50%);
}

/* --- CHINESISCHE HOROSKOPE: Zinnoberrot und Gold (07.10.2026) --- */
body[data-orakel="chinesisch"] {
    --color-accent: #e0a24f;
}
body[data-orakel="chinesisch"] {
    background-image:
        radial-gradient(ellipse at top, rgba(170, 45, 45, 0.14) 0%, transparent 50%),
        radial-gradient(ellipse at bottom, rgba(224, 184, 79, 0.06) 0%, transparent 50%);
}

/* ============================================================
   Miss Vey Ambience Layer v1 (Phase 0, 09.10.2026)
   Game-artige Sektions-Welten ohne Bild-Budget:
   body::before  = mehrschichtige Sektions-Gradients
   body::after   = SVG-Noise-Overlay (~0.05, overlay-blend)
   .mv-ambience  = fixed Drift-Layer (JS-injiziert, GPU-only)
   Upgrade-Pfad: AI-Ambience-WebP (soul_location) spaeter als
   zusaetzliche background-image-Ebene - Struktur bleibt.
   ============================================================ */

body[data-orakel] { position: relative; }

body[data-orakel]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
}
body[data-orakel]::before {
    background-color: var(--color-bg, #0d0614);
}

/* thoth: aegyptisch-okkulter Tempel: Violett, Goldader + KLING-TILE (Saso 09.10.) */
body[data-orakel="thoth"]::before {
    background:
        url('/images/walls/wall-thoth.webp') center / cover no-repeat,
        linear-gradient(180deg, rgba(8,4,14,0.55) 0%, rgba(8,4,14,0.18) 30%, rgba(8,4,14,0.22) 65%, rgba(8,4,40,0.6) 100%),
        radial-gradient(ellipse 120% 70% at 50% -10%, rgba(123,45,140, 0.22) 0%, transparent 55%),
        radial-gradient(ellipse 90% 55% at 15% 110%, rgba(201,162,224, 0.10) 0%, transparent 60%),
        radial-gradient(ellipse 70% 45% at 95% 35%, rgba(61,35,74, 0.45) 0%, transparent 65%),
        linear-gradient(180deg, #0d0614 0%, #150b26 50%, #0b0517 100%);
}

/* runen: nordische Fjord-Nacht: Eisblau, Polarlicht + WAND-KULISSE */
body[data-orakel="runen"]::before {
    background:
        url('/images/walls/wall-runen.webp') center / cover no-repeat,
        linear-gradient(180deg, rgba(8,4,14,0.85) 0%, rgba(8,4,14,0.45) 18%, rgba(8,4,14,0.35) 45%, rgba(8,4,14,0.5) 75%, rgba(8,4,14,0.88) 100%),
        radial-gradient(ellipse 100% 60% at 20% -5%, rgba(58,125,159, 0.20) 0%, transparent 55%),
        radial-gradient(ellipse 80% 50% at 85% 108%, rgba(94,121,141, 0.16) 0%, transparent 60%),
        radial-gradient(ellipse 55% 35% at 78% 22%, rgba(88,199,186, 0.10) 0%, transparent 70%),
        linear-gradient(180deg, #070d12 0%, #0c151d 50%, #060a10 100%);
}

/* iging: Tusche-Fluss: Jade-Glanz + WAND-KULISSE */
body[data-orakel="iging"]::before {
    background:
        url('/images/walls/wall-iging.webp') center / cover no-repeat,
        linear-gradient(180deg, rgba(8,4,14,0.85) 0%, rgba(8,4,14,0.45) 18%, rgba(8,4,14,0.35) 45%, rgba(8,4,14,0.5) 75%, rgba(8,4,14,0.88) 100%),
        radial-gradient(ellipse 110% 60% at 50% -8%, rgba(23,107,84, 0.20) 0%, transparent 55%),
        radial-gradient(ellipse 85% 50% at 12% 112%, rgba(134,180,146, 0.09) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 88% 30%, rgba(27,81,63, 0.40) 0%, transparent 65%),
        linear-gradient(180deg, #060f0c 0%, #0a1712 50%, #050a08 100%);
}

/* waite: goldene Studierstube: Navy + Bernstein + WAND-KULISSE */
body[data-orakel="waite"]::before {
    background:
        url('/images/walls/wall-waite.webp') center / cover no-repeat,
        linear-gradient(180deg, rgba(8,4,14,0.85) 0%, rgba(8,4,14,0.45) 18%, rgba(8,4,14,0.35) 45%, rgba(8,4,14,0.5) 75%, rgba(8,4,14,0.88) 100%),
        radial-gradient(ellipse 110% 60% at 30% -5%, rgba(224,184,36, 0.14) 0%, transparent 55%),
        radial-gradient(ellipse 90% 55% at 88% 110%, rgba(45,92,140, 0.16) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 70% 30%, rgba(38,58,92, 0.35) 0%, transparent 65%),
        linear-gradient(180deg, #0a0e16 0%, #101826 50%, #080b12 100%);
}

/* marseille: Hafen-Nachmittag: Terrakotta, Sand + WAND-KULISSE */
body[data-orakel="marseille"]::before {
    background:
        url('/images/walls/wall-marseille.webp') center / cover no-repeat,
        linear-gradient(180deg, rgba(8,4,14,0.85) 0%, rgba(8,4,14,0.45) 18%, rgba(8,4,14,0.35) 45%, rgba(8,4,14,0.5) 75%, rgba(8,4,14,0.88) 100%),
        radial-gradient(ellipse 110% 60% at 55% -5%, rgba(212,155,90, 0.16) 0%, transparent 55%),
        radial-gradient(ellipse 90% 55% at 10% 112%, rgba(178,90,58, 0.14) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 35%, rgba(140,100,70, 0.30) 0%, transparent 65%),
        linear-gradient(180deg, #140d08 0%, #1e140c 50%, #0f0906 100%);
}

/* lenormand: Biedermeier-Morgen: Staubrosa, Silber + WAND-KULISSE */
body[data-orakel="lenormand"]::before {
    background:
        url('/images/walls/wall-lenormand.webp') center / cover no-repeat,
        linear-gradient(180deg, rgba(8,4,14,0.85) 0%, rgba(8,4,14,0.45) 18%, rgba(8,4,14,0.35) 45%, rgba(8,4,14,0.5) 75%, rgba(8,4,14,0.88) 100%),
        radial-gradient(ellipse 110% 60% at 50% -8%, rgba(216,180,199, 0.13) 0%, transparent 55%),
        radial-gradient(ellipse 85% 50% at 88% 110%, rgba(166,137,175, 0.12) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 12% 30%, rgba(120,90,110, 0.30) 0%, transparent 65%),
        linear-gradient(180deg, #120a10 0%, #1a0f16 50%, #0d070c 100%);
}

/* numerologie: Merlin-Sternwarte: Tiefblau, Sternsilber + WAND-KULISSE */
body[data-orakel="numerologie"]::before {
    background:
        url('/images/walls/wall-numerologie.webp') center / cover no-repeat,
        linear-gradient(180deg, rgba(8,4,14,0.92) 0%, rgba(8,4,14,0.55) 18%, rgba(8,4,14,0.35) 45%, rgba(8,4,14,0.5) 75%, rgba(8,4,14,0.88) 100%),
        radial-gradient(ellipse 110% 60% at 50% -10%, rgba(74,107,159, 0.22) 0%, transparent 55%),
        radial-gradient(ellipse 85% 50% at 15% 110%, rgba(180,194,212, 0.10) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 82% 28%, rgba(46,66,110, 0.40) 0%, transparent 65%),
        linear-gradient(180deg, #070b14 0%, #0d1420 50%, #050810 100%);
}

/* horoskope: Himmelsrevue: Indigo, Goldstaub + WAND-KULISSE */
body[data-orakel="horoskope"]::before {
    background:
        url('/images/walls/wall-horoskope.webp') center / cover no-repeat,
        linear-gradient(180deg, rgba(8,4,14,0.85) 0%, rgba(8,4,14,0.45) 18%, rgba(8,4,14,0.35) 45%, rgba(8,4,14,0.5) 75%, rgba(8,4,14,0.88) 100%),
        radial-gradient(ellipse 110% 60% at 50% -10%, rgba(90,90,158, 0.20) 0%, transparent 55%),
        radial-gradient(ellipse 85% 50% at 85% 110%, rgba(216,181,100, 0.09) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 15% 32%, rgba(52,56,100, 0.40) 0%, transparent 65%),
        linear-gradient(180deg, #08091a 0%, #101126 50%, #060714 100%);
}

/* chinesisch: Seidenpalast: Rot, Gold + WAND-KULISSE */
body[data-orakel="chinesisch"]::before {
    background:
        url('/images/walls/wall-chinesisch.webp') center / cover no-repeat,
        linear-gradient(180deg, rgba(8,4,14,0.85) 0%, rgba(8,4,14,0.45) 18%, rgba(8,4,14,0.35) 45%, rgba(8,4,14,0.5) 75%, rgba(8,4,14,0.88) 100%),
        radial-gradient(ellipse 110% 60% at 50% -10%, rgba(158,42,42, 0.20) 0%, transparent 55%),
        radial-gradient(ellipse 85% 50% at 12% 110%, rgba(212,169,68, 0.12) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 85% 30%, rgba(96,30,30, 0.40) 0%, transparent 65%),
        linear-gradient(180deg, #14070a 0%, #1f0c10 50%, #0e0507 100%);
}

/* fengshui: Kompass-Halle: Petrol, Bambus + WAND-KULISSE */
body[data-orakel="fengshui"]::before {
    background:
        url('/images/walls/wall-fengshui.webp') center / cover no-repeat,
        linear-gradient(180deg, rgba(8,4,14,0.85) 0%, rgba(8,4,14,0.45) 18%, rgba(8,4,14,0.35) 45%, rgba(8,4,14,0.5) 75%, rgba(8,4,14,0.88) 100%),
        radial-gradient(ellipse 110% 60% at 50% -8%, rgba(36,105,105, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse 85% 50% at 85% 110%, rgba(151,180,120, 0.10) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 12% 30%, rgba(30,77,77, 0.40) 0%, transparent 65%),
        linear-gradient(180deg, #061011 0%, #0a191a 50%, #040c0d 100%);
}


/* Noise-Overlay: filmisches Korn ueber der Gradient-Welt */
body[data-orakel]::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
    opacity: 0.05;
    mix-blend-mode: overlay;
}


/* Drift-Layer: zwei langsam wandernde Lichtwolken (GPU-only) */
.mv-ambience {
    position: fixed;
    inset: -20%%;
    z-index: -1;
    pointer-events: none;
    opacity: 0.6;
}
.mv-ambience::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 45%% 30%% at 20%% 40%%, var(--amb-a) 0%%, transparent 60%%),
        radial-gradient(ellipse 40%% 26%% at 75%% 60%%, var(--amb-b) 0%%, transparent 60%%);
    animation: mvDrift 46s ease-in-out infinite;
}
.mv-ambience::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 38%% 24%% at 50%% 20%%, var(--amb-c) 0%%, transparent 60%%),
        radial-gradient(ellipse 42%% 28%% at 30%% 75%%, var(--amb-a) 0%%, transparent 60%%);
    animation: mvDrift 71s ease-in-out infinite reverse;
}
@keyframes mvDrift {
    0%%   { transform: translate3d(-2%%, -1%%, 0) scale(1); }
    50%%  { transform: translate3d(2%%, 1.5%%, 0) scale(1.04); }
    100%% { transform: translate3d(-2%%, -1%%, 0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
    .mv-ambience::before, .mv-ambience::after { animation: none; }
}
@media print {
    body[data-orakel]::before, body[data-orakel]::after, .mv-ambience { display: none; }
}

body[data-orakel="thoth"] { --amb-a: rgba(201,162,224, 0.10); --amb-b: rgba(123,45,140, 0.10); --amb-c: rgba(216,188,90, 0.05); }

body[data-orakel="runen"] { --amb-a: rgba(88,199,186, 0.10); --amb-b: rgba(58,125,159, 0.10); --amb-c: rgba(180,210,220, 0.05); }

body[data-orakel="iging"] { --amb-a: rgba(134,180,146, 0.10); --amb-b: rgba(23,107,84, 0.10); --amb-c: rgba(190,215,180, 0.05); }

body[data-orakel="waite"] { --amb-a: rgba(224,184,79, 0.10); --amb-b: rgba(45,92,140, 0.10); --amb-c: rgba(245,218,140, 0.05); }

body[data-orakel="marseille"] { --amb-a: rgba(212,155,90, 0.10); --amb-b: rgba(178,90,58, 0.10); --amb-c: rgba(232,200,150, 0.05); }

body[data-orakel="lenormand"] { --amb-a: rgba(216,180,199, 0.10); --amb-b: rgba(166,137,175, 0.10); --amb-c: rgba(230,205,215, 0.05); }

body[data-orakel="numerologie"] { --amb-a: rgba(120,150,200, 0.10); --amb-b: rgba(74,107,159, 0.10); --amb-c: rgba(200,215,235, 0.05); }

body[data-orakel="horoskope"] { --amb-a: rgba(150,150,210, 0.10); --amb-b: rgba(216,181,100, 0.10); --amb-c: rgba(200,205,230, 0.05); }

body[data-orakel="chinesisch"] { --amb-a: rgba(212,169,68, 0.10); --amb-b: rgba(158,42,42, 0.10); --amb-c: rgba(240,200,120, 0.05); }

body[data-orakel="fengshui"] { --amb-a: rgba(151,180,120, 0.10); --amb-b: rgba(36,105,105, 0.10); --amb-c: rgba(180,210,160, 0.05); }

/* === LESBARKEITS-SCRIM (Saso 09.10. "Texte nicht mehr so gut lesbar") ===
   Wand-Kulissen sind beautifull, aber Fliesstext direkt auf dem Muster
   killt den Kontrast. Scrim = dezente Abdunkelung hinter Text-Bloecken,
   die keinen eigenen Karten-Hintergrund haben. */
body[data-orakel] article > section:not(.deck-intro section):not(#tageszahl) {
    position: relative;
}
body[data-orakel] article > section > h2,
body[data-orakel] article > section > p,
body[data-orakel] article > section > h3 {
    /* kein Eingriff noetig, wenn Eltern-Karte bg hat - nur als Fallback */
}
/* Numerologie #zahlen-Grid + aehnliche naked Sections: Sammel-Scrim.
   Section haengt teils direkt am BODY; inline-styles wurde beim Bau gesetzt
   (max-width/margin) - deshalb !important NUR fuer die Scrim-Props. */
body[data-orakel] section#zahlen {
    background: rgba(10, 6, 18, 0.72) !important;
    border-radius: 16px;
    padding: 2rem !important;
    border: 1px solid rgba(212, 169, 68, 0.12);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
@media (prefers-reduced-motion: reduce) {
    body[data-orakel] article > section#zahlen { backdrop-filter: none; -webkit-backdrop-filter: none; }
}

/* === WELTEN-NAVIGATION (worldnav.js, Top-1 09.10.) === */
#mv-worldnav {
    max-width: 1080px;
    margin: 0.8rem auto 0.9rem;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
    background: none;
    border: none;
}
/* Der dunkle Streifen um Breadcrumb+Worldnav kommt NICHT von uns - es ist
   das 3-Stop-Overlay der Wand (Mitte transparent). Beim Uebergang zur
   unteren Abdunklung entsteht eine harte Kante unter der Leiste.
   Fix: Wand-Overlay weich auslaufen lassen statt 2 Hartkanten. */
body[data-orakel]::before {
    backdrop-filter: none;
}
#mv-worldnav .mv-wn-label {
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-text-muted);
    flex-shrink: 0;
}
#mv-worldnav ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
}
#mv-worldnav a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(212, 169, 68, 0.18);
    background: rgba(10, 6, 18, 0.55);
    color: var(--color-text-muted);
    font-size: 0.82rem;
    text-decoration: none;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
#mv-worldnav a:hover { color: var(--color-gold); border-color: rgba(212, 169, 68, 0.55); background: rgba(10, 6, 18, 0.8); }
#mv-worldnav a.mv-here {
    color: var(--color-gold);
    border-color: rgba(212, 169, 68, 0.6);
    background: rgba(212, 169, 68, 0.1);
    cursor: default;
}
#mv-worldnav .mv-wn-glyph { font-size: 0.95rem; line-height: 1; }
@media (max-width: 720px) {
    #mv-worldnav { gap: 0.4rem; }
    #mv-worldnav .mv-wn-label { display: none; }
    #mv-worldnav .mv-wn-name { font-size: 0.78rem; }
}

/* === WAND-TEXTFARBEN (09.10.): je Sektion aus Wand-Farbton abgeleitet ===
   Messung: effektive Wandfarbe (Overlay 0.42) -> Farbton uebernehmen,
   entsaettigen, aufhellen (wie Sasos #c3bed3 fuer Horoskope). */
body[data-orakel="thoth"]        { --color-text: #aebdd4; }
body[data-orakel="waite"]        { --color-text: #d4c1b1; }
body[data-orakel="marseille"]    { --color-text: #d4c1b9; }
body[data-orakel="lenormand"]    { --color-text: #d4b1aa; }
body[data-orakel="runen"]        { --color-text: #c4cbd4; }
body[data-orakel="fengshui"]     { --color-text: #c1d4b5; }
body[data-orakel="numerologie"]  { --color-text: #d4b7b1; }
body[data-orakel="horoskope"]    { --color-text: #c3bed3; }
body[data-orakel="chinesisch"]   { --color-text: #d4a5a5; }
body[data-orakel="iging"]        { --color-text: #d4aca5; }