/* 오늘의 타로 한 장 (/tools/tarot/) — 전용 스타일. 접두사 tar- */

.tar-hint { text-align: center; margin: 0 0 18px; color: var(--gray); font-size: 14.5px; }

.tar-row { display: flex; justify-content: center; gap: 16px; margin: 0 0 24px; flex-wrap: wrap; }
.tar-row[hidden] { display: none; }

.tar-card {
  width: 128px; aspect-ratio: 500 / 839;
  background: none; border: 0; padding: 0; margin: 0; cursor: pointer;
  perspective: 1000px; -webkit-tap-highlight-color: transparent;
}
.tar-card:disabled { cursor: default; }
.tar-row.is-chosen .tar-card:not(.is-flipped) { opacity: .4; filter: grayscale(.4); transition: opacity .4s, filter .4s; }

.tar-card-inner {
  display: block; position: relative; width: 100%; height: 100%; transform-style: preserve-3d;
  transition: transform .7s cubic-bezier(.2, .8, .2, 1);
}
.tar-card:not(:disabled):hover .tar-card-inner { transform: translateY(-4px); }
.tar-card.is-flipped .tar-card-inner { transform: rotateY(180deg); }
.tar-card.is-flipped:not(:disabled):hover .tar-card-inner { transform: rotateY(180deg); }

.tar-face {
  display: block; position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
  border-radius: 10px; overflow: hidden; box-shadow: var(--tk-shadow);
}
.tar-back {
  background: linear-gradient(150deg, #1B1440, #3A2472 55%, #1B1440);
  display: flex; align-items: center; justify-content: center;
}
.tar-back::before {
  content: ""; position: absolute; inset: 8px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 6px;
}
.tar-back .tkico { width: 34%; height: 34%; color: rgba(255, 255, 255, .8); }

.tar-front {
  transform: rotateY(180deg); background: #fff;
  display: flex; align-items: center; justify-content: center;
}
.tar-front img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s; }
.tar-front img.is-reversed { transform: rotate(180deg); }

/* 재방문 시(오늘 이미 뽑음) 뒤집기 없이 바로 보여주는 단일 카드 */
.tar-single { display: flex; justify-content: center; margin: 0 0 24px; }
.tar-single[hidden] { display: none; }
.tar-single img {
  width: 148px; aspect-ratio: 500 / 839; object-fit: cover; border-radius: 10px;
  box-shadow: var(--tk-shadow-lift); transition: transform .25s;
}
.tar-single img.is-reversed { transform: rotate(180deg); }

.tkbig .tar-en { font-size: 16px; font-weight: 700; letter-spacing: -.2px; color: var(--gray); }

.tar-orient {
  display: inline-block; margin: 0 0 8px; padding: 3px 12px; border-radius: 999px;
  background: var(--light); color: var(--blue); font-size: 12.5px; font-weight: 800;
}

@media (max-width: 480px) {
  .tar-card { width: 104px; }
  .tar-row { gap: 10px; }
  .tar-single img { width: 128px; }
}