:root {
    --meadow-sky-top: #87CEEB;
    --meadow-sky-bottom: #4682B4;
    --meadow-ground-top: #2e4d2e;
    --meadow-ground-bottom: #0a1205;
}

#meadowContainer {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 9998; /* Match fishbowlContainer */
    background: var(--meadow-ground-bottom);
}

.meadow-sky {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        to bottom,
        var(--meadow-sky-top) 0%,
        var(--meadow-sky-bottom) 20%,
        var(--meadow-ground-top) 20%,
        var(--meadow-ground-bottom) 100%
    );
}

#groundCanvas {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
}

#grassCanvas {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: block;
}

/* Ensure widgets sit on top of the canvases */
#meadowContainer .widget-container {
    z-index: 10;
    position: relative;
}