/* The wallpaper (after Nothing OS 5's): shared/wallpaper.js draws it on two canvases in .wp, the soft
   lights on a small one stretched over the screen and the hairlines on one at full size; then a fine
   static grain over it, and a vignette.
   --wp tells wallpaper.js how to move it: run, still (nothing drifts; a new song's pieces still glide to
   their places) or hold (nothing is drawn: shut or being dragged). */
.wp { --wp: run; position: fixed; inset: 0; background: #060606; overflow: hidden; }
.wp canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.wp::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 45%, #0000 30%, #0009), linear-gradient(#0003, #0006); }
.grain { position: fixed; inset: 0; pointer-events: none; opacity: .045; background-size: 256px; }
/* less motion: the pieces stay put (they still go to a new song's places) */
@media (prefers-reduced-motion: reduce) { .wp { --wp: still; } }