/* A narrow browser window on a desktop still has a real mouse. Keep the
   approved card tilt and targeting HUD in that case. Touch keeps its layout. */
body.mouse-active:not(.motion-off) .interactive-frame:hover,
body.mouse-active:not(.motion-off) .interactive-frame:focus-visible,
body.mouse-active:not(.motion-off) .interactive-frame:focus-within {
  transform: perspective(1000px) translateZ(9px) translateY(-5px)
    rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.035) !important;
}
@media (max-width:650px) and (any-pointer:fine) {
  body.mouse-active:not(.motion-off) .hud-target-layer { display:block; }
}