/* Academia de Tarot de Ana: juego para aprender tarot por misiones */
.tda-aca{--bg:#0b0e1a;--panel:#131828;--panel2:#1a2033;--line:#2b3350;--text:#e8e6f0;--soft:#a3a7bd;--gold:#ffb547;--gold2:#ffd28a;--ok:#5fd39a;--ko:#ff7b7b;
  color:var(--text);font-family:Manrope,Helvetica,Arial,sans-serif;max-width:900px;margin:0 auto 2rem;position:relative}
.tda-aca *{box-sizing:border-box}
.tda-aca button{font:inherit;cursor:pointer}
.tda-aca a{color:var(--gold)}
.tda-aca h2,.tda-aca h3,.tda-aca .t{font-family:"Chakra Petch",Georgia,serif;letter-spacing:.01em}

/* Barra de progreso del jugador */
.aca-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:16px}
.aca-rank{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.aca-rank b{display:block;font-family:"Chakra Petch",Georgia,serif;font-size:1.05rem;color:#fff}
.aca-rank small{color:var(--soft)}
.aca-xpbar{height:8px;border-radius:99px;background:#0b0e1a;overflow:hidden;margin-top:6px;width:100%;max-width:260px}
.aca-xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:99px;transition:width .6s}
.aca-pills{display:flex;gap:8px}
.aca-pill{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:.9rem;white-space:nowrap}

/* Ana */
.aca-ana{display:flex;gap:14px;align-items:flex-start;margin:6px 0 18px}
.aca-ana svg{flex:0 0 72px;width:72px;height:72px}
.aca-bubble{position:relative;background:var(--panel2);border:1px solid var(--line);border-radius:4px 16px 16px 16px;padding:14px 16px;line-height:1.6;flex:1}
.aca-bubble b.n{display:block;color:var(--gold);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}

/* Mapa de misiones */
.aca-daily{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,#2a1f0b,#161a2a);border:1px solid #6b4a14;border-radius:16px;padding:14px 16px;margin-bottom:16px}
.aca-daily p{margin:0}
.aca-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.aca-m{position:relative;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;color:var(--text);min-height:132px;display:flex;flex-direction:column;gap:6px;transition:transform .15s,border-color .15s}
.aca-m:hover:not([disabled]){transform:translateY(-2px);border-color:var(--gold)}
.aca-m .num{font-size:.75rem;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
.aca-m .t{font-size:1.05rem;color:#fff}
.aca-m .s{font-size:.85rem;color:var(--soft);line-height:1.4}
.aca-m .st{margin-top:auto;font-size:1.05rem;letter-spacing:2px;color:var(--gold)}
.aca-m .st .off{color:#3a4160}
.aca-m[disabled]{opacity:.45;cursor:not-allowed}
.aca-m[disabled]::after{content:"🔒";position:absolute;top:12px;right:14px}
.aca-m.next{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,181,71,.15)}

/* Botones */
.aca-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:99px;padding:13px 22px;font-weight:700;background:var(--gold);color:#17120a;text-decoration:none;font-size:1rem}
.tda-aca a.aca-btn{color:#17120a;text-decoration:none}
.aca-btn:hover{filter:brightness(1.06)}
.aca-btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.tda-aca a.aca-btn.ghost{color:var(--gold)}
.aca-btn.wa{background:#25d366;color:#06240f}
.tda-aca a.aca-btn.wa{color:#06240f}
.aca-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* Carta dibujada */
.aca-card{width:150px;aspect-ratio:7/12;border-radius:12px;background:linear-gradient(160deg,#1c2238,#0d1020);border:2px solid var(--gold);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 8px;box-shadow:0 12px 30px rgba(0,0,0,.45);flex:0 0 auto}
.aca-card::before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,181,71,.35);border-radius:8px;pointer-events:none}
.aca-card .cn{font-family:"Chakra Petch",Georgia,serif;color:var(--gold2);font-size:.95rem}
.aca-card .cs{font-size:3rem;line-height:1;color:var(--gold)}
.aca-card .cl{font-family:"Chakra Petch",Georgia,serif;font-size:.85rem;text-align:center;color:#fff;line-height:1.2}
.aca-card.copas{border-color:#6fb7ff}.aca-card.copas .cs{color:#8cc6ff}
.aca-card.oros{border-color:#ffcf5a}
.aca-card.espadas{border-color:#c8ced8}.aca-card.espadas .cs{color:#dfe4ea}
.aca-card.bastos{border-color:#ff8f5a}.aca-card.bastos .cs{color:#ffa77d}
.aca-card.inv .cs,.aca-card.inv .cn{transform:rotate(180deg)}

/* Estudio */
.aca-study{display:flex;gap:20px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;flex-wrap:wrap}
.aca-study .info{flex:1;min-width:220px}
.aca-study h3{margin:0 0 8px;color:#fff;font-size:1.4rem}
.aca-kw{margin:6px 0;line-height:1.55}
.aca-kw span{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-right:6px}
.aca-nav{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}
.aca-dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}
.aca-dots i{width:8px;height:8px;border-radius:50%;background:#2e3552}
.aca-dots i.on{background:var(--gold)}

/* Prueba */
.aca-q{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}
.aca-qhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--soft);font-size:.92rem}
.aca-lives{letter-spacing:3px;font-size:1.1rem}
.aca-qbody{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.aca-qbody .aca-card{width:120px}
.aca-qtext{flex:1;min-width:220px;font-size:1.2rem;line-height:1.5;color:#fff;font-family:"Chakra Petch",Georgia,serif}
.aca-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
@media(max-width:600px){.aca-opts{grid-template-columns:1fr}.aca-card{width:120px}}
.aca-opt{text-align:left;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:13px 14px;line-height:1.4;min-height:54px}
.aca-opt:hover:not([disabled]){border-color:var(--gold)}
.aca-opt.ok{border-color:var(--ok);background:#12301f}
.aca-opt.ko{border-color:var(--ko);background:#3a1717}
.aca-opt[disabled]{cursor:default}
.aca-fb{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--panel2);border-left:3px solid var(--gold);line-height:1.55;display:none}
.aca-fb.show{display:block}
.aca-fb a{font-weight:700}
.aca-progress{height:6px;background:#0b0e1a;border-radius:99px;overflow:hidden;margin-bottom:14px}
.aca-progress i{display:block;height:100%;background:var(--gold);transition:width .4s}

/* Resultado */
.aca-res{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 20px}
.aca-res .big{font-size:2.6rem;letter-spacing:6px;color:var(--gold);margin:6px 0}
.aca-res .big .off{color:#3a4160}
.aca-res h2{margin:0;color:#fff}
.aca-res .xp{color:var(--gold2);font-weight:700;margin:6px 0 18px}
.aca-up{display:inline-block;background:linear-gradient(90deg,#3b2a0c,#1d2236);border:1px solid var(--gold);border-radius:99px;padding:8px 16px;margin-bottom:14px;animation:aca-pop .6s ease}
@keyframes aca-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.aca-cta{background:linear-gradient(135deg,#231a0a,#141a2c);border:1px solid #6b4a14;border-radius:18px;padding:20px;margin-top:16px;text-align:left}
.aca-cta h3{margin:0 0 6px;color:#fff}
.aca-cta p{margin:0 0 12px;color:var(--soft);line-height:1.55}
.aca-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.aca-links a{border:1px solid var(--line);border-radius:99px;padding:6px 12px;text-decoration:none;font-size:.9rem;background:var(--panel2)}
.aca-reward{margin-top:16px;text-align:left}

/* Publicidad: separada de los controles del juego */
.tda-aca-ad{margin:34px 0;min-height:0;text-align:center}
.tda-aca-ad .lbl{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#6d7290;margin-bottom:6px}

/* Diploma */
.aca-dip{margin-top:16px;border:2px solid var(--gold);border-radius:16px;padding:22px;background:radial-gradient(circle at top,#2a2110,#11141f);text-align:center}
.aca-dip .t{font-size:1.5rem;color:var(--gold2)}
.aca-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1d2236;border:1px solid var(--gold);color:#fff;padding:10px 18px;border-radius:99px;z-index:9999;animation:aca-pop .4s}