/* Kartenset „Keywords 3®“ – Karten, Tageskarte, Fächer. Gemeinsam genutzt von index.html (Tageskarte) und karte-ziehen.php (eigene Karte ziehen). */
  /* Orakel/Tageskarte – eigenständige Flip-Card-Komponente, Klassen mit orak-Präfix
     um Kollisionen mit bestehenden Site-Styles zu vermeiden. */
  .orak-card-frame{ width:170px;height:248px;margin:0 auto 16px;perspective:1000px; }
  .orak-card-inner{ position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1); }
  .orak-card-inner.orak-flipped{ transform:rotateY(180deg); }
  .orak-card-face{ position:absolute;inset:0;border-radius:10px;backface-visibility:hidden;border:1.5px solid var(--gold);box-shadow:0 8px 24px rgba(42,56,32,.18); }
  .orak-card-back{ background:url('orakel_ruecken.jpg') center/cover; }
  .orak-card-front{
    transform:rotateY(180deg);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:18px 12px;text-align:center;
    background:linear-gradient(rgba(245,237,216,.55),rgba(245,237,216,.55)), url('orakel_vorderseite.webp') center/cover;
  }
  .orak-card-number{ position:absolute;top:10px;left:12px;font-size:10px;letter-spacing:.05em;color:var(--muted); }
  .orak-polarity{ position:absolute;top:8px;right:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff; }
  .orak-polarity.pos{ background:var(--green); }
  .orak-polarity.neg{ background:var(--rose); }
  .orak-polarity.neu{ background:var(--gold); }
  .orak-kw-word{ font-family:'Allura',cursive;font-size:1.55rem;color:var(--text);line-height:1.25;text-shadow:0 1px 3px rgba(245,237,216,.8); }
  .orak-meaning{
    max-width:300px;margin:0 auto;background:var(--card);border-left:2px solid var(--gold);
    padding:12px 16px;border-radius:2px;text-align:left;
    opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease;
  }
  .orak-meaning.orak-show{ opacity:1;transform:translateY(0); }
  .orak-meaning h3{ font-family:'Playfair Display',serif;font-size:16px;color:var(--text);margin:0 0 2px; }
  .orak-kw-line{ font-size:11px;color:var(--muted);margin:0 0 8px; }
  .orak-meaning p{ margin:0;font-size:13px;line-height:1.55;color:var(--text); }

  .orak-fan-cards{ display:flex;flex-direction:column;align-items:center;gap:6px;width:100%; }
  .orak-fan-arc{ position:relative;width:100%;height:86px;overflow:hidden; }
  .orak-fan-pivot{ position:absolute;left:50%;bottom:-285px;width:0;height:0; }
  .orak-fan-slot{ position:absolute;left:50%;bottom:0;width:0;height:0; }
  .orak-fan-card{
    position:absolute;left:50%;bottom:0;width:40px;height:58px;margin-left:-20px;
    transform:translateY(-300px);border-radius:5px;border:1.5px solid var(--gold);
    background:url('orakel_ruecken.jpg') center/cover;box-shadow:0 3px 8px rgba(42,56,32,.25);
    cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
  }
  .orak-fan-card:hover{ filter:brightness(1.05);transform:translateY(-310px);box-shadow:0 8px 16px rgba(42,56,32,.4);z-index:999 !important; }