/* REV JAMi-PROFILE-2.7 — Subtle interaction cues for tappable tiles */
.solve-layer,
.rail-card,
.eco-tile {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.solve-layer.jami-cue-ready,
.rail-card.jami-cue-ready,
.eco-tile.jami-cue-ready {
  outline: 1px solid rgba(111, 247, 239, 0.10);
  outline-offset: 0;
  animation: jamiCueBreath 7.2s ease-in-out infinite;
}

.solve-layer.jami-cue-run,
.rail-card.jami-cue-run,
.eco-tile.jami-cue-run {
  animation: jamiCueSweep 1150ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (hover: hover) and (pointer: fine) {
  .solve-layer.jami-cue-ready:hover,
  .rail-card.jami-cue-ready:hover,
  .eco-tile.jami-cue-ready:hover {
    outline-color: rgba(111, 247, 239, 0.34);
    transform: translateY(-2px);
    box-shadow:
      0 0 0 1px rgba(111, 247, 239, 0.10) inset,
      0 18px 44px rgba(0, 0, 0, 0.28),
      0 0 28px rgba(111, 247, 239, 0.10);
  }
}

.solve-layer.jami-cue-ready:active,
.rail-card.jami-cue-ready:active,
.eco-tile.jami-cue-ready:active {
  transform: scale(0.988);
  outline-color: rgba(111, 247, 239, 0.42);
}

@keyframes jamiCueSweep {
  0% {
    outline-color: rgba(111, 247, 239, 0.10);
    box-shadow: 0 0 0 rgba(111, 247, 239, 0);
  }
  32% {
    outline-color: rgba(255, 255, 255, 0.58);
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.18) inset,
      0 0 24px rgba(111, 247, 239, 0.18),
      0 0 42px rgba(255, 44, 164, 0.08);
  }
  68% {
    outline-color: rgba(111, 247, 239, 0.38);
    box-shadow:
      0 0 0 1px rgba(111, 247, 239, 0.16) inset,
      0 0 22px rgba(111, 247, 239, 0.13);
  }
  100% {
    outline-color: rgba(111, 247, 239, 0.14);
    box-shadow: 0 0 0 rgba(111, 247, 239, 0);
  }
}

@keyframes jamiCueBreath {
  0%, 68%, 100% {
    outline-color: rgba(111, 247, 239, 0.10);
    filter: none;
  }
  76% {
    outline-color: rgba(111, 247, 239, 0.26);
    filter: drop-shadow(0 0 10px rgba(111, 247, 239, 0.08));
  }
  84% {
    outline-color: rgba(255, 255, 255, 0.20);
    filter: drop-shadow(0 0 14px rgba(111, 247, 239, 0.10));
  }
}

@media (prefers-reduced-motion: reduce) {
  .solve-layer.jami-cue-ready,
  .rail-card.jami-cue-ready,
  .eco-tile.jami-cue-ready,
  .solve-layer.jami-cue-run,
  .rail-card.jami-cue-run,
  .eco-tile.jami-cue-run {
    animation: none !important;
    filter: none !important;
  }
}