/* Rainy glass desktop background — desktop-class devices only.
   Replaces the shell wallpaper; phones and tablets keep the existing one. The query must match
   DESKTOP_QUERY in glass-background.js. */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  /* Static fallback: the same rainy pane in flat form (overcast sky, dark defocused tree band,
     warm lamp, soft reflected daylight on the right, a feathered patch of condensation). Shown
     until the scene's first frame, and permanently when WebGL2 is unavailable. */
  .desktop-shell {
    background:
      radial-gradient(ellipse 45% 30% at 35% 92%, rgb(200 207 210 / 40%), transparent 75%),
      linear-gradient(90deg, transparent calc(100% - 72vh), rgb(244 239 230 / 12%) calc(100% - 58vh),
        rgb(244 239 230 / 12%) calc(100% - 32vh), transparent calc(100% - 14vh)),
      radial-gradient(circle at 58% 60%, rgb(255 190 120 / 35%) 0 1.2vh, transparent 6vh),
      radial-gradient(ellipse 60% 40% at 26% 18%, rgb(243 237 226 / 35%), transparent 70%),
      linear-gradient(180deg, #8794a0 0%, #b9c0c1 48%, #6c7772 56%, #3a4441 64%, #2b3331 76%, #252c2d 100%);
  }

  /* Fixed to the viewport (the shell's own extent), first in paint order, never interactive. */
  .glass-background {
    position: fixed;
    inset: 0;
    z-index: var(--layer-workspace);
    overflow: hidden;
    pointer-events: none;
    contain: strict;
  }
  .glass-background canvas { display: block; width: 100%; height: 100%; }

  /* Foreground adjustment (the only one): the centred placeholder sits directly on the horizon,
     where its muted grey-green disappeared against the dark tree line. Light text with a soft
     dark halo reads over both the bright sky and the dark band. Surfaces with their own
     material (Menu Bar, Dock, windows, shortcut tiles) are unchanged. */
  .workspace-placeholder p {
    color: rgb(250 251 246 / 92%);
    text-shadow: 0 1px 2px rgb(24 31 30 / 55%), 0 0 14px rgb(24 31 30 / 35%);
  }
}