/* Kadabra room v21 — hover stability guard
   Hover must never mutate cassette-library geometry. Perspective changes happen
   only after an intentional press, keyboard focus, or cassette-state transition. */

body.onboarding-active:not(.cassette-focus) #tape-library:hover {
  filter: brightness(1.035) saturate(1.02);
  box-shadow:
    inset 0 0 0 1px rgba(239, 205, 130, .09),
    0 20px 32px rgba(0,0,0,.48),
    0 0 0 1px rgba(181,46,37,.11) !important;
}

/* Individual tapes used to slide several pixels on hover. At the extreme edge of
   a tape that can create the same enter/leave feedback loop. Keep the highlight,
   but keep the physical hit box stationary. */
#tape-library .vhs-tape:hover,
#tape-library .vhs-tape:focus-visible {
  transform: none !important;
}

/* The shelf-focused layout remains a deliberate one-way transition. Hover alone
   cannot add/remove .cassette-focus. */
body.onboarding-active .hero-zone,
body.onboarding-active .hero-zone .console-column,
body.onboarding-active .hero-zone .tape-library {
  will-change: auto;
}

@media (hover: hover) and (pointer: fine) {
  body.onboarding-active:not(.cassette-focus) #tape-library {
    cursor: pointer;
  }
}