:root {
    --queenk-world-background:
        url(
            "/assets/images/ancient-gate/gate-00-ruined.webp"
        );
}

body.queenk-world {
    background-image:
        linear-gradient(
            rgba(2, 7, 16, 0.14),
            rgba(2, 7, 16, 0.24)
        ),
        var(
            --queenk-world-background
        );

    background-position:
        center;

    background-size:
        cover;

    background-attachment:
        fixed;

    background-repeat:
        no-repeat;
}

body[data-world-area="ancient-gate"] {
    --queenk-world-tint:
        rgba(
            38,
            68,
            116,
            0.12
        );
}

body[data-world-area="moon-courtyard"] {
    background-color:
        #081124;

    background-image:
        radial-gradient(
            circle at 50% 24%,
            rgba(
                197,
                215,
                255,
                0.20
            ),
            transparent 31%
        ),
        linear-gradient(
            rgba(
                6,
                15,
                37,
                0.18
            ),
            rgba(
                3,
                10,
                28,
                0.30
            )
        ),
        var(
            --queenk-world-background
        );
}

body[data-world-area="dragon-roost"] {
    background-color:
        #120b09;
}