/* HOME: SUBE sticker scatter layered over the existing found-object collage. */
body #app #entry.entry .gate-scroll .gate-canvas > .home2-sube-sticker {
  --sube-viewport-scale: 1;
  --sube-depth-scale: 1;
  --sube-fit-scale: 1;
  position: absolute;
  left: var(--sube-packed-x, var(--sube-x));
  top: var(--sube-packed-y, var(--sube-y));
  z-index: var(--home-drag-z, var(--sube-z, 80));
  display: block;
  width: var(--sube-w);
  height: auto;
  max-width: none;
  object-fit: contain;
  filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.18));
  cursor: grab;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
  -webkit-user-drag: none;
  transform: translate3d(var(--drag-x, 0px), var(--drag-y, 0px), 0) rotate(var(--sube-r, 0deg)) scale(calc(var(--sube-viewport-scale) * var(--sube-depth-scale) * var(--sube-fit-scale) * var(--home-featured-scale, 1)));
  transform-origin: center;
  transition: filter 160ms ease;
  will-change: transform;
}

body #app #entry.entry .gate-scroll .gate-canvas.home-featured-size-2x
  > :is(.rm-ref-06, .home2-sube-14, .home2-sube-15) {
  --home-featured-scale: 2;
}

body #app #entry.entry .gate-scroll .gate-canvas.home-featured-size-2x
  > .home2-sube-12 {
  --home-featured-scale: 1.25;
}

body #app #entry.entry .gate-scroll .gate-canvas > .home2-sube-sticker:hover {
  filter: drop-shadow(0 14px 10px rgba(0, 0, 0, 0.24));
}

body #app #entry.entry .gate-scroll .gate-canvas > .home2-sube-sticker.is-dragging {
  z-index: var(--home-drag-z, 259) !important;
  filter: drop-shadow(0 18px 14px rgba(0, 0, 0, 0.28));
  cursor: grabbing;
}

@media (max-width: 920px) {
  body #app #entry.entry .gate-scroll .gate-canvas > .home2-sube-sticker {
    --sube-viewport-scale: 0.74;
  }
}

@media (max-width: 640px) {
  body #app #entry.entry .gate-scroll .gate-canvas > .home2-sube-sticker {
    --sube-viewport-scale: 1;
    left: var(--sube-packed-x, var(--sube-mobile-x));
    top: var(--sube-packed-y, var(--sube-mobile-y));
    width: var(--sube-mobile-w);
  }

  body #app #entry.entry .gate-scroll .gate-canvas > .home2-sube-sticker[data-sube-mobile="hide"] {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body #app #entry.entry .gate-scroll .gate-canvas > .home2-sube-sticker {
    transition: none;
  }
}