.terrain-scenery { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.terrain-scenery > svg { width: 100%; height: 100%; }
.grove-scene:not([data-background-preset="leafy-grove"])[data-background-preset] .grove-hills { opacity: .18; }
.grove-scene[data-background-preset="sunny-meadow"] { --grove-sky-top: #c6e3ee; --grove-sky-horizon: #faf0d2; }
.grove-scene[data-background-preset="misty-garden"] { --grove-sky-top: #d1e1e3; --grove-sky-middle: #e3eae5; --grove-sky-horizon: #eff1e3; }
.grove-scene[data-background-preset="alpine-distance"] { --grove-sky-top: #b8d7e8; --grove-sky-horizon: #e8ece4; }
.grove-scene[data-background-preset="lakeside"] { --grove-sky-top: #bddfed; --grove-sky-horizon: #e4eddd; }
html[data-room-phase="night"] .terrain-scenery { filter: brightness(.45) saturate(.65); }
html[data-room-phase="dusk"] .terrain-scenery { filter: brightness(.8) sepia(.1); }
.terrain-ground-host { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.terrain-ground-host svg { width: 100%; height: 100%; overflow: visible; }
.terrain-soil { fill: #77ae65; }
.terrain-edge { fill: none; stroke: #8fc17b; stroke-width: 5; stroke-linejoin: round; }
.terrain-material-mud { fill: none; stroke: #a38a69; stroke-width: 9; stroke-linecap: round; }
.terrain-material-snow { fill: none; stroke: #f4f6ed; stroke-width: 9; stroke-linecap: round; }
#home-view[data-ground-preset="soft-lawn"] .terrain-ground-host { display: none; }
#home-view[data-ground-preset]:not([data-ground-preset="soft-lawn"]) .grass-foreground { display: none; }
html[data-room-phase="night"] .terrain-ground-host { filter: brightness(.48) saturate(.72); }
html[data-room-phase="dusk"] .terrain-ground-host { filter: brightness(.84) sepia(.13); }
html[data-desktop="companion"] .terrain-ground-host,
html[data-android-overlay="true"] .terrain-ground-host { display: none !important; }

html[data-room-phase="night"] .grove-scene[data-background-preset] { --grove-sky-top: #14283e; --grove-sky-middle: #28495a; --grove-sky-horizon: #48686b; }
html[data-room-phase="dusk"] .grove-scene[data-background-preset] { --grove-sky-top: #afb9d1; --grove-sky-middle: #e4cbd0; --grove-sky-horizon: #f0d7bb; }
html[data-room-phase="dawn"] .grove-scene[data-background-preset] { --grove-sky-top: #e7d4cf; --grove-sky-middle: #f2e4d2; --grove-sky-horizon: #f7ebce; }