/*
 * DiviniGen 4.2.4 — Shared Oracle Background
 * Exact homepage field and grain across every public theme page.
 */

body {
    background:
        radial-gradient(circle at 50% 36%, rgba(89, 104, 116, 0.12), transparent 31%),
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.035), transparent 26%),
        linear-gradient(180deg, #08080a 0%, #040405 72%, #070708 100%);
}

.dg-page-shell {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at 50% 36%, rgba(89, 104, 116, 0.12), transparent 31%),
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.035), transparent 26%),
        linear-gradient(180deg, #08080a 0%, #040405 72%, #070708 100%);
}

.dg-page-shell::before {
    content: "";
    position: fixed;
    z-index: 0;
    inset: 0;
    opacity: 0.22;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");
}

.dg-page-shell > * {
    position: relative;
    z-index: 1;
}

/* The homepage already owns this exact field and grain; do not double-layer it there. */
body.home .dg-page-shell {
    background: #050506;
}

body.home .dg-page-shell::before {
    display: none;
}

.dg-section,
.dg-dice-environment,
.dg-reading-loading-v39,
.divi-reading-result,
.divinigen-dream-page,
.divinigen-dream-result-page,
.divinigen-wish-wrap,
.dg-answer-wrap,
.dg-reading-wrap {
    background: transparent !important;
}

@media print {
    body,
    .dg-page-shell {
        background: #fff !important;
    }

    .dg-page-shell::before { display: none !important; }
}