/*
 * QueenK Word Puzzle Home backgrounds
 *
 * Cosmetic presentation only.
 *
 * Adventure/world scenery must not be added here.
 */

html {
    --qk-home-bg-image:
        url("/assets/images/puzzle-home/backgrounds/enchanted-lake.webp");

    --qk-home-bg-base: #111827;

    /*
     * Readability treatment shared by all Puzzle Home
     * backgrounds. The image remains visible while the
     * puzzle interface stays legible.
     */
    --qk-home-bg-layer:
        linear-gradient(
            180deg,
            rgba(5, 10, 20, 0.08) 0%,
            rgba(5, 10, 20, 0.18) 48%,
            rgba(5, 10, 20, 0.42) 100%
        ),
        var(--qk-home-bg-image);
}


/* -------------------------------------------------------
 * Enchanted Lake — default
 * ---------------------------------------------------- */

html[
    data-queenk-puzzle-home-background="enchanted-lake"
] {
    --qk-home-bg-image:
        url("/assets/images/puzzle-home/backgrounds/enchanted-lake.webp");
}


/* -------------------------------------------------------
 * Quiet Forest
 * ---------------------------------------------------- */

html[
    data-queenk-puzzle-home-background="quiet-forest"
] {
    --qk-home-bg-image:
        url("/assets/images/puzzle-home/backgrounds/quiet-forest.webp");
}


/* -------------------------------------------------------
 * Crystal Night
 * ---------------------------------------------------- */

html[
    data-queenk-puzzle-home-background="crystal-night"
] {
    --qk-home-bg-image:
        url("/assets/images/puzzle-home/backgrounds/crystal-night.webp");
}


/* -------------------------------------------------------
 * Golden Meadow
 * ---------------------------------------------------- */

html[
    data-queenk-puzzle-home-background="golden-meadow"
] {
    --qk-home-bg-image:
        url("/assets/images/puzzle-home/backgrounds/golden-meadow.webp");
}


/* -------------------------------------------------------
 * Starlit Mist
 * ---------------------------------------------------- */

html[
    data-queenk-puzzle-home-background="starlit-mist"
] {
    --qk-home-bg-image:
        url("/assets/images/puzzle-home/backgrounds/starlit-mist.webp");
}


/* -------------------------------------------------------
 * Mountain Night
 * ---------------------------------------------------- */

html[
    data-queenk-puzzle-home-background="mountain-night"
] {
    --qk-home-bg-image:
        url("/assets/images/puzzle-home/backgrounds/mountain-night-v2.webp");
}


/*
 * Puzzle Home owns the complete viewport background.
 *
 * Adventure/world mode deliberately does not consume
 * these cosmetic images.
 */

body:not(.queenk-world) {
    background-color:
        var(--qk-home-bg-base);

    background-image:
        var(--qk-home-bg-layer);

    background-position:
        center center;

    background-repeat:
        no-repeat;

    background-size:
        cover;

    background-attachment:
        fixed;
}