/* KTK pick glow: soft gold breathing on face-down selectable cards during Choose a Unit.
   Matches centre turn pill gold (v3-turn.css your-turn). Transform/opacity/box-shadow only. */
:root{--kt-pick-gold:rgba(243,213,138,.42);--kt-pick-gold-m:rgba(243,213,138,.58);--kt-pick-gold-b:rgba(243,213,138,.78)}

/* Outer-edge glow on the card back itself (slot border is transparent when a card is present). */
html[data-ktk-turn="you"] .board-2d .side.you .slot.attackable:not(.selected) .card-back{
  box-shadow:
    0 0 0 1.5px rgba(243,213,138,.55),
    0 0 14px rgba(243,213,138,.42),
    0 0 28px rgba(243,213,138,.22),
    0 2px 6px rgba(0,0,0,.45);
  animation:kt-pick-breathe 2.4s ease-in-out infinite;
  will-change:box-shadow;
}

/* Quiet slot rim so the transparent slot still reads as pickable */
html[data-ktk-turn="you"] .board-2d .side.you .slot.attackable:not(.selected):has(.card-back){
  border-color:transparent!important;
  box-shadow:0 0 0 1px rgba(243,213,138,.28)!important;
  animation:none!important;
}

@keyframes kt-pick-breathe{
  0%,100%{
    box-shadow:
      0 0 0 1.5px rgba(243,213,138,.48),
      0 0 12px rgba(243,213,138,.36),
      0 0 24px rgba(243,213,138,.16),
      0 2px 6px rgba(0,0,0,.45);
  }
  50%{
    box-shadow:
      0 0 0 2px rgba(243,213,138,.72),
      0 0 18px rgba(243,213,138,.55),
      0 0 32px rgba(243,213,138,.28),
      0 2px 6px rgba(0,0,0,.45);
  }
}

/* Hover / press: a little brighter, hold steady */
html[data-ktk-turn="you"] .board-2d .side.you .slot.attackable:not(.selected):hover .card-back,
html[data-ktk-turn="you"] .board-2d .side.you .slot.attackable:not(.selected):active .card-back,
html[data-ktk-turn="you"] .board-2d .side.you .slot.attackable:not(.selected).v3-lp .card-back{
  animation:none;
  box-shadow:
    0 0 0 2.5px rgba(255,241,200,.9),
    0 0 22px rgba(243,213,138,.7),
    0 0 36px rgba(243,213,138,.38),
    0 2px 6px rgba(0,0,0,.45);
}

/* During combat presentation / not your turn / picked: no glow */
.app.fx-busy .slot.attackable .card-back,
html:not([data-ktk-turn="you"]) .slot.attackable .card-back,
.board-2d .slot.attackable.selected .card-back{
  animation:none!important;
  box-shadow:0 2px 6px rgba(0,0,0,.45)!important;
}
.app.fx-busy .board-2d .side.you .slot.attackable:has(.card-back),
html:not([data-ktk-turn="you"]) .board-2d .side.you .slot.attackable:has(.card-back){
  box-shadow:none!important;
}

/* Prefer reduced motion: keep a calm static rim, no breathing */
@media (prefers-reduced-motion:reduce){
  html[data-ktk-turn="you"] .board-2d .side.you .slot.attackable:not(.selected) .card-back{
    animation:none!important;
    box-shadow:
      0 0 0 1.5px rgba(243,213,138,.6),
      0 0 14px rgba(243,213,138,.4),
      0 2px 6px rgba(0,0,0,.45)!important;
  }
}