/* Retro print overlay: paper texture and grain over the whole page, including pack galleries.
   Turned on by data-paper="subtle" on <html> ("strong" doubles it; remove the attribute to turn it off).
   No blend modes or animation, so scrolling stays smooth. Clicks pass straight through. */

html[data-paper] { --paper-o: .18; }
html[data-paper="strong"] { --paper-o: .55; }

html[data-paper] body { position: relative; }

/* Tiled transparent textures that scroll with the page */
html[data-paper] body::before,
html[data-paper] .viewer::before {
  content: ""; position: absolute; inset: 0; z-index: 50; pointer-events: none;
  background-image: url("grain.png"), url("paper.png");
  background-size: 160px 160px, 512px 512px;
  opacity: var(--paper-o);
}

/* The pack gallery is its own scrolling layer, so its overlay stays fixed over the screen */
html[data-paper] .viewer::before { position: fixed; }