/* Sticker-collage background using the optimized WebP pack.
   The layer spans the full page height (absolute) behind the content column
   (.crt z-index:1), so stickers live on the cream grid and the opaque boxes only
   overlap their edges = "pasted on the collage". */

.collage-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height is set by collage.js to the full document height */
  z-index: 0;            /* above body paper, below .crt content */
  overflow: hidden;
  pointer-events: none;  /* never blocks clicks */
}

.sticker-img {
  position: absolute;
  image-rendering: pixelated;   /* crisp pixel-art edges */
  /* PNG/WebP already carry the white die-cut outline + shadow — no CSS filter
     (filters on 50+ images force per-image compositing and tank rendering). */
}