/* ══════════════════════════════════════════════════════════════
   DESKTOP QUIZ REDESIGN — Full-viewport experience
   Only activates above 769px. Mobile is completely untouched.
   ══════════════════════════════════════════════════════════════ */

/* ── Custom Cursor: Blob ── */

.cursor-blob {
  position: fixed;
  left: 0;
  top: 0;
  width: 11px;
  height: 11px;
  background: #fff; /* filled white pixel square */
  border: 1px solid #000; /* black stroke — crisp square + outline on light posters */
  border-radius: 0; /* squared pixel cursor */
  pointer-events: none;
  z-index: 10000;
  /* positioned via transform in JS — compositor-only, no per-frame layout */
  transform: translate(-50%, -50%);
  transition:
    width 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.2s ease;
  opacity: 0;
}

.cursor-blob.visible {
  opacity: 1;
}

/* hover: grows a touch over interactive elements, stays filled */
.cursor-blob.hover {
  width: 14px;
  height: 14px;
}

/* blobBreathe animation removed — cursor is now ring→filled */

/* Hide default cursor on desktop */

/* ══════════════════════════════════════
   QUIZ MOTION LAYER
   Ken Burns drift on backdrops, card hover polish
   ══════════════════════════════════════ */

/* No Ken Burns on 1-bit stills: a continuous non-integer zoom smears the
   dither into gray mush — the one motion the medium cannot survive.
   These full-bleed backdrops render far above native size, so they get
   pixelated sampling instead: big crisp dots, deliberate zine blowup. */
.tarot-reading-backdrop,
.tournament-champion-img,
.season-result-hero-img {
  image-rendering: pixelated;
}

.season-result-hero-img {
  animation: seasonImgReveal 0.8s ease-out both;
}

/* Hero card motion comes from the dither-parallax hover — a CSS zoom under
   the static hover quad would snap ~9% at enter/leave */
.tarot-spread-item.spread-hero .tarot-spread-poster {
  animation: none;
}

/* Picker cards: brighten on hover (transforms belong to the depth system) */