/*ASTRAL MAP*/

.am_wrap { max-width: 1100px; margin: 0 auto; padding: 14px; }
.am_head { margin-bottom: 12px; }
.am_title { margin: 0; font-size: 24px; font-weight: 800; }
.am_sub { margin-top: 6px; opacity: .85; }

.am_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 900px) { .am_grid { grid-template-columns: 1fr; } }

.am_card { border: 1px solid rgba(0,0,0,.10); border-radius: 14px; padding: 12px; }
.am_card_title { font-weight: 800; margin-bottom: 10px; }

.am_list { display: grid; gap: 8px; }

.am_row { display: grid; grid-template-columns: 140px 1fr 120px; gap: 10px; align-items: center; }
@media (max-width: 520px) { .am_row { grid-template-columns: 110px 1fr 90px; } }

.am_label { font-weight: 700; }
.am_meta { display: flex; justify-content: flex-end; gap: 8px; }
.am_count { font-weight: 800; }
.am_pct { opacity: .75; }

.am_bar { height: 10px; border-radius: 999px; border: 1px solid rgba(0,0,0,.10); overflow: hidden; }
.am_bar_fill { height: 100%; border-radius: 999px; background: rgba(0,0,0,.25); }

.am_hint { margin-top: 10px; opacity: .75; }


.zodiac_empty {
  opacity: 0.6;
  font-style: italic;
}

.tarot-card.is-disabled {
    pointer-events: none;
    opacity: 0.4;
    filter: grayscale(100%);
}
.tarot-notice{
    margin: 10px 0 15px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,0.08);
}

.tarot-grid{
  display:flex;
  gap:24px;
  justify-content:center;
  flex-wrap:wrap;
}
.card.locked {
    pointer-events: none;
    opacity: 0.5;
    filter: grayscale(80%);
    transition: all 0.3s ease;
}

.card.locked.selected {
    opacity: 1;
    filter: none;
}

.tarot-card.selected {
    opacity: 1;
    filter: none;
}

.tarot-wrapper {
height: 510px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.tarot-card {
    cursor: pointer;
}

.tarot-card.is-locked {
   pointer-events: none;
    opacity: 0.35;
    filter: grayscale(100%);
}

.tarot-inner{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
  transition: transform .7s;
}

.tarot-card:hover {
    transform: none !important;
}

/* Flip nur per Klasse */
.tarot-card.is-flipped .tarot-inner{
  transform: rotateY(180deg);
}

.tarot-face{
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  border-radius:12px;
  overflow:hidden;
}

.tarot-face img{
 width: 103%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Back (= neutral) ist initial sichtbar */
.tarot-back{}

/* Front (= Sternzeichen + Fähigkeit) ist die Rückseite im 3D-Raum */
.tarot-front{
  transform: rotateY(180deg);
  position:relative;
}

.tarot-front .ability-text{
position: absolute;
  left: 50%;
  bottom: 41px;
  transform: translateX(-50%);
  max-width: 90%;
  text-align: center;
  font-size: 22px;
  line-height: 1.2;
  padding: 6px 10px;
  border-radius: 10px;
  font-family: var(--mainfont);
  text-transform: uppercase;
  letter-spacing: 1px;
}