/* =====================================================================
   AstroLune — rubrique Oracle (complète style.css, mêmes couleurs)
   ===================================================================== */
.oracle-sur{margin-top:22px}
.oracle-h1{font-size:32px;margin:6px 0 10px}
.oracle-intro{color:var(--doux);margin-bottom:26px}
.oracle-cta{margin-top:30px;text-align:center}
.oracle-question{text-align:center;font-family:var(--serif);color:var(--or-3);font-size:18px;margin:10px 0 0}

/* ---------- Tarot ---------- */
.tarot-table{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 10px}
.tcarte{position:relative;aspect-ratio:2/3.3;border-radius:14px;border:1px solid var(--bord);cursor:pointer;
  background:repeating-linear-gradient(45deg,rgba(232,194,106,.06) 0 6px,transparent 6px 12px),linear-gradient(160deg,var(--nuit-3),var(--nuit-2));
  box-shadow:var(--ombre);color:var(--or);font-family:var(--serif);display:flex;align-items:center;justify-content:center;padding:0;transition:transform .5s}
.tcarte:hover{transform:translateY(-4px)}
.tcarte-pos{position:absolute;top:-24px;left:0;right:0;text-align:center;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--doux)}
.tcarte-dos{font-size:34px;opacity:.85}
.tcarte.vue{background:linear-gradient(180deg,#2a1a5c,#140a33);border-color:var(--or);animation:retourne .6s ease}
.tcarte-face{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px}
.tcarte-num{font-size:13px;letter-spacing:.2em;color:var(--or-3)}
.tcarte-sym{font-size:40px;line-height:1;color:var(--or)}
.tcarte-nom{font-size:14px;color:var(--encre);text-align:center;line-height:1.25}
.tcarte.envers .tcarte-face{transform:rotate(180deg)}
.tarot-table{margin-top:34px}
@keyframes retourne{0%{transform:rotateY(90deg)}100%{transform:rotateY(0)}}
#lecture{display:flex;flex-direction:column}
.oracle-lecture h3{font-size:22px;margin-bottom:8px}

/* ---------- Lune ---------- */
.lune-disque{position:relative;width:132px;height:132px;margin:4px auto 18px;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 38% 35%,#fff8e1,var(--or-3) 45%,var(--or) 100%);box-shadow:0 0 50px rgba(232,194,106,.35)}
.lune-ombre{position:absolute;inset:0;border-radius:50%;background:#0d0628;box-shadow:inset 0 0 18px rgba(0,0,0,.6)}
.lune-phase{font-size:28px;margin-bottom:6px}
.lune-chiffres{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.lune-chiffres div{background:var(--carte);border:1px solid var(--bord-2);border-radius:12px;padding:12px 8px}
.lune-chiffres span{display:block;font-family:var(--serif);font-size:20px;color:var(--or-3)}
.lune-chiffres small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}
.lune-cal{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}
.lune-jour{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--carte);border:1px solid var(--bord-2);border-radius:10px;padding:8px 2px}
.lune-jour.auj{border-color:var(--or);background:rgba(232,194,106,.10)}
.lj-date{font-size:11px;color:var(--doux);text-transform:capitalize}
.lj-e{font-size:22px}
.lj-s{font-size:14px;color:var(--or)}
@media (min-width:560px){.lune-cal{grid-template-columns:repeat(6,1fr)}}

/* ---------- Scores (compatibilité, numérologie, anges) ---------- */
.compat-score{font-family:var(--serif);font-size:64px;line-height:1;margin:14px 0;
  background:linear-gradient(135deg,var(--or-3),var(--or) 50%,var(--or-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.compat-score small{font-size:28px}
.compat-ligne{display:grid;grid-template-columns:70px 1fr 48px;align-items:center;gap:10px;margin:10px 0;font-size:14px;text-align:left}
.compat-ligne span{color:var(--doux)}
.compat-ligne b{color:var(--or-3);font-weight:600;text-align:right}
.compat-barre{height:8px;border-radius:99px;background:var(--carte-2);overflow:hidden}
.compat-barre div{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--rose),var(--or))}

/* ---------- Nombres anges ---------- */
.anges-grille{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ange-pastille{font-family:var(--serif);font-size:16px;color:var(--or-3);background:var(--carte);border:1px solid var(--bord);border-radius:99px;padding:7px 14px;cursor:pointer;transition:.2s}
.ange-pastille:hover{background:rgba(232,194,106,.12);border-color:var(--or)}

/* ---------- Chiromancie ---------- */
.chiro-champs{display:grid;gap:12px;margin-top:14px}
.chiro-h3{font-size:19px;color:var(--or-3);margin:18px 0 4px}

/* ---------- Tarot : choix du tirage, grilles ---------- */
.tirages-choix{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.tirage-choix{font-family:var(--sans);font-size:13.5px;color:var(--doux);background:var(--carte);border:1px solid var(--bord-2);border-radius:99px;padding:8px 14px;cursor:pointer;transition:.2s}
.tirage-choix:hover{border-color:var(--bord);color:var(--encre)}
.tirage-choix.actif{color:#2a1a04;background:linear-gradient(135deg,var(--or-3),var(--or) 45%,var(--or-2));border-color:var(--or)}
.tarot-table{row-gap:40px}
.tarot-table.n1{grid-template-columns:minmax(0,150px);justify-content:center}
.tarot-table.n10 .tcarte-nom{font-size:12.5px}
.tarot-table.n10 .tcarte-sym{font-size:32px}
.tarot-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px}
.tarot-actions .mentions{margin:0}
@media (min-width:640px){.tarot-table.n5{grid-template-columns:repeat(5,1fr)}.tarot-table.n10{grid-template-columns:repeat(5,1fr)}}