/* scenes/hearth.js: the room at dusk. The sky behind the doll's house goes
   from sunset to night with the scroll (--night, set by the scene). */
.gscene-hearth .gscroll-sticky,
.gscene-hearth:not(.gscene-scroll) .gscene-stage {
  background: linear-gradient(180deg, #33407a 0%, #8a5a8c 38%, #e08a6a 70%, #f6c27f 100%);
}
.gscene-hearth .gscroll-sticky::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: var(--night, 0);
  background:
    radial-gradient(1.5px 1.5px at 12% 18%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 27% 9%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 44% 22%, #dfe8ff 50%, transparent 51%), radial-gradient(1px 1px at 63% 12%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 81% 26%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 93% 8%, #cfe0ff 50%, transparent 51%),
    radial-gradient(ellipse 60% 40% at 50% 100%, rgba(255, 150, 70, 0.10), transparent 70%),
    linear-gradient(180deg, #050816 0%, #0d1430 55%, #1b1838 100%);
}
.gscene-hearth .gscene-stage { touch-action: pan-y; }