/* TCG TKing V573
   핸드에서 본진 책사 배치가 가능한 카드에 작은 '책사' 화살표 힌트를 표시한다. */

#hand.hand .card.v573-advisor-capable .cimg,
#hand .card.v573-advisor-capable .cimg{
  position:relative;
}

#hand.hand .card .v573-advisor-hint,
#hand .card .v573-advisor-hint{
  position:absolute;
  right:4px;
  top:30px;
  z-index:12;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-width:34px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  border:1px solid rgba(255,231,164,.82);
  background:linear-gradient(180deg,rgba(101,71,168,.96),rgba(52,32,108,.96));
  color:#fff3cb;
  box-shadow:0 3px 10px rgba(0,0,0,.38),0 0 10px rgba(157,120,255,.28);
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.01em;
  pointer-events:none;
  white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.55);
  transform-origin:50% 100%;
  animation:v573AdvisorHintBob 2.15s ease-in-out infinite;
}

#hand.hand .card .v573-advisor-hint::before,
#hand .card .v573-advisor-hint::before{
  content:'↑';
  font-size:10px;
  font-weight:900;
  color:#fff7df;
  transform:translateY(-0.5px);
}

#hand.hand .card .v573-advisor-hint::after,
#hand .card .v573-advisor-hint::after{
  content:'';
  position:absolute;
  left:50%;
  top:-4px;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom:6px solid rgba(91,62,157,.96);
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));
}

#hand.hand .card.selected .v573-advisor-hint,
#hand.hand .card.affordable .v573-advisor-hint,
#hand .card.selected .v573-advisor-hint,
#hand .card.affordable .v573-advisor-hint{
  box-shadow:0 4px 14px rgba(0,0,0,.42),0 0 12px rgba(215,189,96,.35);
}

@keyframes v573AdvisorHintBob{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}

@media (max-width: 900px){
  #hand.hand .card .v573-advisor-hint,
  #hand .card .v573-advisor-hint{
    right:3px;
    top:28px;
    min-width:31px;
    height:16px;
    padding:0 5px;
    font-size:9px;
  }
  #hand.hand .card .v573-advisor-hint::before,
  #hand .card .v573-advisor-hint::before{
    font-size:9px;
  }
}