/* index-v1c/globe — the menu's ball, rolling over the filtered stickers and
   collecting them into a globe (globe/main.js). */

/* Over the stickers and their peel layer, under the cards and the menu. Only
   shown while there's a globe; main.js does its own hit-testing. */
.globe {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
  visibility: hidden;
}
.globe.is-on { visibility: visible; }
body.is-over-globe, body.is-over-globe * { cursor: grab !important; }
body.is-spinning-globe, body.is-spinning-globe * { cursor: grabbing !important; }

/* Where a sticker was taken off: its empty slot (drawn in main.js), under
   every sticker. */
.slot { position: absolute; pointer-events: none; }

/* A sticker on the globe: its coin tag goes with it. */
.card.is-gone { opacity: 0; transition: opacity 200ms ease-out; }
.card { transition: opacity 400ms ease-out; }