/* Semantic Recall panel: the THINGS leaderboard reel.
   The panel is a canvas that drag-scrolls through ALL 1,823 THINGS nouns, each
   paired with its single closest archive image, sorted best match first. It goes
   live on its own; grid_recall.png (the 9 best matches) shows only until the atlas
   decodes, and stays as the fallback if it never does. */

#recall-egg{
  position: relative;
  cursor: grab;
  -webkit-tap-highlight-color: transparent;
}
#recall-egg .recall-egg-grid{ transition: opacity .2s ease; }
#recall-egg.recall-egg--live .recall-egg-grid{ opacity: 0; pointer-events: none; }

/* canvas overlaid exactly on top of the grid image */
#recall-egg .recall-egg-canvas{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  display: none;
  cursor: grab;
  border-radius: 2px;
  /* Both axes are ours to route: vertical scrolls the reel, horizontal is handed
     to the figure's swap track (recall-egg.js / index.html). */
  touch-action: none;
}
#recall-egg.recall-egg--live .recall-egg-canvas{ display: block; }
#recall-egg .recall-egg-canvas.dragging{ cursor: grabbing; }