/* Academia de Tarot online: camino de niveles con clientes, barajas y habilidades */
.tda-ao{--bg:#0b0e1a;--p1:#131828;--p2:#1a2033;--line:#2b3350;--tx:#e8e6f0;--soft:#a3a7bd;--gold:#ffb547;--gold2:#ffd28a;--ok:#5fd39a;--ko:#ff7b7b;--violet:#8f7bff;
  color:var(--tx);font-family:Manrope,Helvetica,Arial,sans-serif;max-width:920px;margin:0 auto 2rem;position:relative}
.tda-ao *{box-sizing:border-box}
.tda-ao button{font:inherit;cursor:pointer}
.tda-ao a{color:var(--gold)}
.tda-ao h2,.tda-ao h3,.tda-ao .t{font-family:"Chakra Petch",Georgia,serif}
.ao-cargando{color:var(--soft)}

/* Cabecera del jugador */
.ao-hud{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--p1);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:12px;position:sticky;top:8px;z-index:5}
.ao-me{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}
.ao-ava{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a2d63,#151a2b);border:2px solid var(--gold);display:grid;place-items:center;font-size:1.3rem;flex:0 0 auto}
.ao-me b{display:block;color:#fff;font-family:"Chakra Petch",Georgia,serif}
.ao-me small{color:var(--soft)}
.ao-bar{height:6px;border-radius:9px;background:#0b0e1a;overflow:hidden;margin-top:5px;max-width:220px}
.ao-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.ao-stats{display:flex;gap:6px;flex-wrap:wrap}
.ao-stat{background:var(--p2);border:1px solid var(--line);border-radius:99px;padding:6px 11px;font-size:.88rem;white-space:nowrap}

/* Pestañas */
.ao-tabs{display:flex;gap:6px;margin:0 0 16px;overflow-x:auto}
.ao-tab{background:transparent;border:1px solid var(--line);color:var(--soft);border-radius:99px;padding:9px 16px;white-space:nowrap}
.ao-tab.on{background:var(--gold);color:#17120a;border-color:var(--gold);font-weight:700}

/* Botones */
.ao-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:99px;padding:12px 22px;font-weight:700;background:var(--gold);color:#17120a;text-decoration:none}
.tda-ao a.ao-btn{color:#17120a;text-decoration:none}
.ao-btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.tda-ao a.ao-btn.ghost{color:var(--gold)}
.ao-btn.wa{background:#25d366;color:#06240f}
.tda-ao a.ao-btn.wa{color:#06240f}
.ao-btn[disabled]{opacity:.45;cursor:not-allowed}
.ao-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* Ana */
.ao-ana{display:flex;gap:12px;align-items:flex-start;margin:4px 0 16px}
.ao-ana svg{flex:0 0 64px;width:64px;height:64px}
.ao-bub{background:var(--p2);border:1px solid var(--line);border-radius:4px 16px 16px 16px;padding:12px 15px;line-height:1.6;flex:1}
.ao-bub b{display:block;color:var(--gold);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}

/* Camino */
.ao-cap{margin:22px 0 8px;text-align:center}
.ao-cap span{display:inline-block;background:linear-gradient(90deg,#2a1f0b,#1a2033);border:1px solid #6b4a14;border-radius:99px;padding:8px 18px;font-family:"Chakra Petch",Georgia,serif;color:var(--gold2)}
.ao-cap small{display:block;color:var(--soft);margin-top:6px;font-size:.82rem}
.ao-path{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:6px 0}
.ao-path::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);background:repeating-linear-gradient(to bottom,#2b3350 0 10px,transparent 10px 18px);border-radius:4px}
.ao-node{position:relative;width:76px;height:76px;border-radius:50%;border:3px solid var(--line);background:var(--p1);color:#fff;display:grid;place-items:center;font-size:1.6rem;transition:transform .15s;z-index:1}
.ao-node:hover:not([disabled]){transform:scale(1.07)}
.ao-node.hecho{border-color:var(--gold);background:radial-gradient(circle at 35% 30%,#4a3510,#1a1408)}
.ao-node.actual{border-color:var(--gold);box-shadow:0 0 0 6px rgba(255,181,71,.18),0 0 26px rgba(255,181,71,.35);animation:ao-lat 1.8s ease-in-out infinite}
.ao-node.jefe{width:96px;height:96px;font-size:2rem;border-width:4px}
.ao-node[disabled]{opacity:.4;cursor:not-allowed}
.ao-node .st{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:.8rem;color:var(--gold);letter-spacing:1px;white-space:nowrap}
.ao-node .st .off{color:#3a4160}
.ao-node .lb{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--soft);white-space:nowrap;text-align:left;font-family:Manrope,Helvetica,Arial,sans-serif}
.ao-node.izq .lb{left:auto;right:calc(100% + 12px);text-align:right}
@keyframes ao-lat{0%,100%{box-shadow:0 0 0 6px rgba(255,181,71,.18),0 0 18px rgba(255,181,71,.25)}50%{box-shadow:0 0 0 10px rgba(255,181,71,.08),0 0 34px rgba(255,181,71,.45)}}

/* Tarjetas genéricas */
.ao-panel{background:var(--p1);border:1px solid var(--line);border-radius:18px;padding:18px}
.ao-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ao-item{background:var(--p1);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}
.ao-item.activa{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,181,71,.15)}
.ao-item .ic{font-size:2rem}
.ao-item .t{color:#fff;font-size:1.05rem}
.ao-item p{margin:0;color:var(--soft);font-size:.9rem;line-height:1.45}
.ao-lvl{letter-spacing:3px;color:var(--gold)}
.ao-lvl .off{color:#3a4160}

/* Consulta */
.ao-cli{display:flex;gap:14px;align-items:flex-start;background:var(--p1);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:14px}
.ao-cli .face{font-size:2.6rem;width:66px;height:66px;border-radius:50%;background:var(--p2);display:grid;place-items:center;flex:0 0 auto;border:2px solid var(--violet)}
.ao-cli .t{color:#fff;font-size:1.1rem}
.ao-cli p{margin:4px 0 0;line-height:1.55}
.ao-cli .q{color:var(--gold2);font-style:italic}
.ao-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ao-tags span{font-size:.75rem;border:1px solid var(--line);border-radius:99px;padding:3px 9px;color:var(--soft)}
.ao-cards{display:flex;gap:12px;justify-content:center;margin:6px 0 16px;flex-wrap:wrap;perspective:900px}
.ao-c{width:118px;aspect-ratio:7/12;position:relative;transform-style:preserve-3d;transition:transform .7s}
.ao-c.flip{transform:rotateY(180deg)}
.ao-c .f,.ao-c .b{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 6px;border:2px solid var(--gold)}
.ao-c .b{background:repeating-linear-gradient(45deg,#1b2140 0 8px,#141936 8px 16px);justify-content:center;font-size:2rem;color:var(--gold)}
.ao-c .f{background:linear-gradient(160deg,#1c2238,#0d1020);transform:rotateY(180deg)}
.ao-c .n{font-family:"Chakra Petch",Georgia,serif;color:var(--gold2);font-size:.85rem}
.ao-c .s{font-size:2.4rem;color:var(--gold)}
.ao-c .l{font-size:.78rem;text-align:center;color:#fff;font-family:"Chakra Petch",Georgia,serif;line-height:1.2}
.ao-c .p{position:absolute;top:-22px;left:0;right:0;text-align:center;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.ao-c.inv .s,.ao-c.inv .n{transform:rotate(180deg)}
.ao-c.on .f{box-shadow:0 0 0 3px rgba(255,181,71,.35),0 10px 26px rgba(0,0,0,.5)}
.ao-step{background:var(--p1);border:1px solid var(--line);border-radius:18px;padding:18px}
.ao-step h3{margin:0 0 4px;color:#fff;font-size:1.15rem}
.ao-step .claves{color:var(--soft);font-size:.88rem;margin:0 0 12px}
.ao-opts{display:grid;gap:9px}
.ao-opt{text-align:left;background:var(--p2);border:1px solid var(--line);color:var(--tx);border-radius:12px;padding:13px 14px;line-height:1.45}
.ao-opt:hover:not([disabled]){border-color:var(--gold)}
.ao-opt.ok{border-color:var(--ok);background:#12301f}
.ao-opt.ko{border-color:var(--ko);background:#3a1717}
.ao-opt.desc{opacity:.35;text-decoration:line-through}
.ao-fb{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--p2);border-left:3px solid var(--gold);line-height:1.55}
.ao-skills{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.ao-sk{display:inline-flex;align-items:center;gap:6px;background:#1c1838;border:1px solid #3d3470;color:#ddd6ff;border-radius:99px;padding:8px 12px;font-size:.88rem}
.ao-sk b{background:#3d3470;border-radius:99px;padding:1px 7px;font-size:.78rem}
.ao-sk[disabled]{opacity:.4;cursor:not-allowed}
.ao-secret{margin-top:10px;padding:10px 12px;border-radius:12px;background:#1c1838;border:1px dashed #6a5cd6;color:#ddd6ff}

/* Resultado */
.ao-res{text-align:center;background:var(--p1);border:1px solid var(--line);border-radius:18px;padding:24px 18px}
.ao-res .big{font-size:2.6rem;letter-spacing:6px;color:var(--gold)}
.ao-res .big .off{color:#3a4160}
.ao-res h2{margin:0;color:#fff}
.ao-res .say{display:inline-block;max-width:560px;background:var(--p2);border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin:12px 0;font-style:italic;line-height:1.55}
.ao-gain{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:6px 0 14px}
.ao-gain span{background:var(--p2);border:1px solid var(--line);border-radius:99px;padding:6px 12px}
.ao-up{display:inline-block;background:linear-gradient(90deg,#3b2a0c,#1d2236);border:1px solid var(--gold);border-radius:99px;padding:8px 16px;margin:4px;animation:ao-pop .6s ease}
@keyframes ao-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.ao-cta{background:linear-gradient(135deg,#231a0a,#141a2c);border:1px solid #6b4a14;border-radius:18px;padding:18px;margin-top:14px;text-align:left}
.ao-cta h3{margin:0 0 6px;color:#fff}
.ao-cta p{margin:0 0 12px;color:var(--soft);line-height:1.55}

/* Ranking */
.ao-rank{width:100%;border-collapse:collapse}
.ao-rank td,.ao-rank th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.ao-rank th{color:var(--soft);font-weight:600;font-size:.85rem}
.ao-rank tr.yo td{background:#2a2110;color:var(--gold2)}

/* Modal */
.ao-modal{position:fixed;inset:0;background:rgba(5,7,14,.78);z-index:100002;display:grid;place-items:center;padding:16px}
.ao-box{background:var(--p1);border:1px solid var(--gold);border-radius:18px;padding:22px;max-width:440px;width:100%;color:var(--tx);font-family:Manrope,Helvetica,Arial,sans-serif}
.ao-box h3{margin:0 0 6px;color:#fff;font-family:"Chakra Petch",Georgia,serif}
.ao-box p{color:var(--soft);line-height:1.5;margin:0 0 12px}
.ao-box input[type=text],.ao-box input[type=email]{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#0b0e1a;color:#fff;font:inherit;margin-bottom:10px}
.ao-box label{display:flex;gap:8px;align-items:flex-start;font-size:.84rem;color:var(--soft);margin:4px 0 12px}
.ao-box .msg{color:#ffb4a8;font-size:.9rem;min-height:1.2em;margin:6px 0}
.ao-box .lnk{background:none;border:0;color:var(--gold);padding:0;text-decoration:underline}

.tda-ao-ad{margin:30px 0;text-align:center}
.tda-ao-ad .lbl{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#6d7290;margin-bottom:6px}
.ao-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:100003;animation:ao-pop .4s;font-family:Manrope,Helvetica,Arial,sans-serif}
@media(max-width:600px){.ao-node .lb{display:none}.ao-c{width:96px}.ao-hud{position:static}}

/* ---------- Talentos ---------- */
.tl-puntos{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.tl-puntos b{font-family:"Chakra Petch",Georgia,serif;color:#ffd28a;font-size:1.15rem}
.tl-puntos small{color:#a3a7bd}
.tl-arbol{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:8px}
.tl-rama{background:#131828;border:1px solid #2b3350;border-top:3px solid var(--c);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;position:relative}
.tl-rama h3{margin:0;color:#fff;font-size:1.02rem}
.tl-nodo{position:relative;background:#1a2033;border:1px solid #2b3350;border-radius:12px;padding:12px}
.tl-nodo:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-11px;width:2px;height:10px;background:#2b3350}
.tl-nodo.tiene{border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 25%,transparent)}
.tl-nodo.tiene::after{background:var(--c)}
.tl-nodo.puede{border-color:#ffb547}
.tl-nodo.bloq{opacity:.55}
.tl-cab{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.tl-cab b{color:#fff}
.tl-cab span{font-size:.78rem;color:#ffd28a;border:1px solid #6b4a14;border-radius:99px;padding:1px 8px;white-space:nowrap}
.tl-nodo p{margin:6px 0 10px;color:#c9c3d9;font-size:.88rem;line-height:1.45}
.tl-nodo .ao-btn{padding:8px 14px;font-size:.9rem}
.tl-ok{color:var(--c);font-weight:700;font-size:.9rem}
.tl-h{color:#fff;margin:22px 0 6px;font-family:"Chakra Petch",Georgia,serif}
.tl-p{color:#a3a7bd;margin:0 0 10px;line-height:1.5}

/* ---------- Arena de duelos ---------- */
.ar-liga{display:flex;gap:14px;align-items:center}
.ar-liga .ic{font-size:2.8rem}
.ar-liga b{display:block;color:#fff;font-family:"Chakra Petch",Georgia,serif;font-size:1.2rem}
.ar-liga small{display:block;color:#a3a7bd;margin-top:2px}
.ar-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:0 0 12px}
.ar-vs .x{font-family:"Chakra Petch",Georgia,serif;color:#ff7b7b;font-size:1.4rem;font-weight:700}
.ar-jug{background:#131828;border:1px solid #2b3350;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ar-jug.tu{border-color:#ffb547}
.ar-jug b{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-jug small{color:#a3a7bd}
.ar-jug .pts{font-family:"Chakra Petch",Georgia,serif;color:#ffd28a;font-size:1.6rem;line-height:1}
.ar-vs .ar-jug:last-child{text-align:right}
.ar-ronda{display:flex;justify-content:space-between;gap:10px;align-items:center}
.ar-ronda b{color:#fff}
.ar-seg{font-family:"Chakra Petch",Georgia,serif;color:#ffb547;font-size:1.3rem}
.ar-cuenta{text-align:center;padding:14px 0}
.ar-cuenta small{display:block;color:#a3a7bd}
.ar-cuenta b{display:block;font-family:"Chakra Petch",Georgia,serif;font-size:3rem;color:#ffd28a}
.ar-resumen{border-left:3px solid #ffb547;background:#1a2033;border-radius:12px;padding:12px 14px;margin-bottom:10px}
.ar-resumen b{color:#fff}
.ar-resumen p{margin:6px 0 0;line-height:1.5}
.ar-spin{width:54px;height:54px;margin:16px auto;border-radius:50%;border:4px solid #2b3350;border-top-color:#ffb547;animation:ar-gira 1s linear infinite}
@keyframes ar-gira{to{transform:rotate(360deg)}}

/* ---------- Mundo 3D ---------- */
.tda-mundo{position:relative;width:100%;height:min(80vh,720px);min-height:440px;background:#070912;border-radius:16px;overflow:hidden;overflow:clip;margin:0 0 1.5rem;font-family:Manrope,Helvetica,Arial,sans-serif;color:#e8e6f0}
.tda-mundo:fullscreen{border-radius:0;height:100vh}
/* Solo el lienzo y los mandos bloquean la selección; los campos de texto siempre se pueden escribir. */
.tda-mundo canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;user-select:none;-webkit-user-select:none}
.mundo-hud,.mundo-joy,.mundo-accion,.mundo-prompt{user-select:none;-webkit-user-select:none}
.tda-mundo input,.tda-mundo textarea{user-select:text;-webkit-user-select:text;touch-action:auto;pointer-events:auto}
/* Diálogo dentro del juego */
.mundo-dlg{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(620px,calc(100% - 24px));background:rgba(12,15,28,.96);border:2px solid #ffb547;border-radius:18px;padding:16px 18px;z-index:12;box-shadow:0 12px 40px rgba(0,0,0,.6);animation:mundo-dlg .3s ease}
@keyframes mundo-dlg{0%{opacity:0;transform:translate(-50%,14px)}100%{opacity:1;transform:translate(-50%,0)}}
.mundo-dlg .cab{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.mundo-dlg .cara{font-size:1.8rem;width:46px;height:46px;border-radius:50%;background:#1a2033;display:grid;place-items:center;border:2px solid #8f7bff}
.mundo-dlg .cab b{font-family:"Chakra Petch",Georgia,serif;color:#ffd28a}
.mundo-dlg .txt{margin:0 0 10px;line-height:1.6;color:#e8e6f0;min-height:3em}
.mundo-dlg .campos input[type=text],.mundo-dlg .campos input[type=email]{width:100%;box-sizing:border-box;padding:12px;border-radius:10px;border:1px solid #2b3350;background:#0b0e1a;color:#fff;font:inherit;font-size:16px;margin-bottom:8px}
.mundo-dlg .campos label{display:flex;gap:8px;align-items:flex-start;font-size:.84rem;color:#a3a7bd;margin:2px 0 8px;line-height:1.45}
.mundo-dlg .campos label a{color:#ffb547}
.mundo-dlg .msg{color:#ffb4a8;font-size:.9rem;min-height:1.1em;margin-bottom:6px}
.mundo-dlg .botones{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mundo-dlg .botones button{background:#ffb547;color:#17120a;border:0;border-radius:99px;padding:10px 18px;font-weight:700;cursor:pointer;font:inherit;font-weight:700}
.mundo-dlg .botones button.ghost{background:transparent;color:#ffb547;border:1px solid #ffb547}
.mundo-dlg .botones button[disabled]{opacity:.5}
/* Título al llegar a un mundo */
.mundo-titulo{position:absolute;left:50%;top:22%;transform:translateX(-50%);font-family:"Chakra Petch",Georgia,serif;font-size:clamp(1.2rem,3.5vw,2rem);color:#ffd28a;text-shadow:0 2px 18px rgba(0,0,0,.9);opacity:0;pointer-events:none;z-index:4;white-space:nowrap;text-align:center}
.mundo-titulo.ver{animation:mundo-tit 3.6s ease forwards}
@keyframes mundo-tit{0%{opacity:0;transform:translate(-50%,10px)}15%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
/* Mapa de mundos */
.mundo-mapa{position:absolute;inset:0;background:rgba(5,7,14,.92);z-index:14;overflow:auto;padding:18px}
.mundo-mapa h3{margin:0 0 4px;color:#fff;font-family:"Chakra Petch",Georgia,serif}
.mundo-mapa p{color:#a3a7bd;margin:0 0 14px}
.mundo-mapa .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.mundo-mapa .mm{display:flex;flex-direction:column;gap:4px;text-align:left;background:#131828;border:1px solid #2b3350;border-radius:14px;padding:14px;color:#e8e6f0;cursor:pointer;font:inherit}
.mundo-mapa .mm:hover:not([disabled]){border-color:#ffb547}
.mundo-mapa .mm.aqui{border-color:#ffb547;box-shadow:0 0 0 3px rgba(255,181,71,.15)}
.mundo-mapa .mm.cerrado{opacity:.45;cursor:not-allowed}
.mundo-mapa .mm .ic{font-size:1.8rem}
.mundo-mapa .mm b{font-family:"Chakra Petch",Georgia,serif;color:#fff}
.mundo-mapa .mm small{color:#a3a7bd}
.mundo-mapa .x{float:right;background:#1a2033;border:1px solid #ffb547;color:#ffb547;border-radius:99px;padding:6px 12px;cursor:pointer;font:inherit}
.mundo-velo{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .5s;z-index:30;pointer-events:none}
.mundo-velo.on{opacity:1}
.mundo-sel .jugar{background:#ffb547;color:#17120a;border:0;border-radius:99px;padding:12px 24px;font-weight:700;cursor:pointer;font:inherit;font-weight:700}
.mundo-carga{position:absolute;inset:0;display:grid;place-items:center;color:#a3a7bd;font-family:"Chakra Petch",Georgia,serif}
.mundo-hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;z-index:5}
.mundo-hud>*{pointer-events:auto}
.mundo-yo{background:rgba(13,16,30,.78);border:1px solid #2b3350;border-radius:14px;padding:8px 12px;backdrop-filter:blur(4px);min-width:0;max-width:60%}
.mundo-yo b{display:block;font-family:"Chakra Petch",Georgia,serif;color:#fff;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mundo-yo small{color:#a3a7bd;font-size:.78rem}
.mundo-yo .ao-bar{max-width:180px}
.mundo-yo .st{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:.8rem}
.mundo-yo .st span{background:#1a2033;border-radius:99px;padding:2px 8px}
.mundo-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start}
.mundo-btns button{background:rgba(13,16,30,.78);border:1px solid #2b3350;color:#e8e6f0;border-radius:12px;padding:8px 10px;font-size:1rem;cursor:pointer}
.mundo-btns button:hover{border-color:#ffb547}
.mundo-prompt{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(13,16,30,.88);border:1px solid #ffb547;border-radius:99px;padding:10px 18px;font-size:.95rem;z-index:5;display:none;white-space:nowrap;cursor:pointer}
.mundo-prompt kbd{background:#ffb547;color:#17120a;border-radius:6px;padding:1px 7px;margin-right:6px;font-weight:700;font-family:inherit}
.mundo-ayuda{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(13,16,30,.92);border:1px solid #2b3350;border-radius:16px;padding:18px 20px;max-width:360px;width:calc(100% - 32px);text-align:center;z-index:6;line-height:1.6}
.mundo-ayuda h3{margin:0 0 6px;color:#fff;font-family:"Chakra Petch",Georgia,serif}
.mundo-joy{position:absolute;left:18px;bottom:18px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.06);border:2px solid rgba(255,181,71,.35);z-index:5;display:none;touch-action:none}
.mundo-joy i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(255,181,71,.55);box-shadow:0 0 18px rgba(255,181,71,.4)}
.mundo-accion{position:absolute;right:20px;bottom:30px;width:74px;height:74px;border-radius:50%;border:0;background:#ffb547;color:#17120a;font-weight:800;font-size:.85rem;z-index:5;display:none;box-shadow:0 0 22px rgba(255,181,71,.45)}
.tda-mundo.tactil .mundo-joy,.tda-mundo.tactil .mundo-accion{display:block}
.tda-mundo.tactil .mundo-prompt{bottom:118px}
.mundo-sel{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(transparent,rgba(7,9,18,.95) 35%);z-index:6;text-align:center}
.mundo-sel .nm{font-family:"Chakra Petch",Georgia,serif;font-size:1.6rem;color:#fff}
.mundo-sel .ti{color:#ffb547;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.mundo-sel p{color:#c9c3d9;max-width:460px;margin:6px auto 12px;line-height:1.5}
.mundo-sel .fl{background:rgba(13,16,30,.8);border:1px solid #ffb547;color:#ffb547;border-radius:50%;width:46px;height:46px;font-size:1.2rem;cursor:pointer}
.mundo-sel .row{display:flex;gap:12px;justify-content:center;align-items:center}
.mundo-sel .dots{display:flex;gap:6px;justify-content:center;margin:8px 0}
.mundo-sel .dots i{width:8px;height:8px;border-radius:50%;background:#2e3552}
.mundo-sel .dots i.on{background:#ffb547}
.mundo-sel h2{margin:0 0 4px;color:#fff;font-family:"Chakra Petch",Georgia,serif;font-size:1.1rem}
.tda-mundo .ao-ov{position:absolute;inset:0;background:rgba(5,7,14,.9);overflow:auto;z-index:20;padding:14px;-webkit-overflow-scrolling:touch}
.tda-mundo .ao-ov[hidden]{display:none}
.ao-ov-box{max-width:920px;margin:0 auto}
.ao-ov-x{position:sticky;top:0;z-index:7;margin:0 0 10px;background:#1a2033;border:1px solid #ffb547;color:#ffb547;border-radius:99px;padding:8px 14px;cursor:pointer;font:inherit}
.ao-ov.inline .ao-ov-x{display:none}
.tda-mundo .ao-modal{position:absolute}
@media(max-width:600px){.mundo-yo{max-width:58%;padding:6px 9px}.mundo-yo small{display:block;font-size:.7rem;line-height:1.3}.mundo-yo b{font-size:.85rem}.mundo-btns button{padding:6px 8px;font-size:.9rem}.mundo-sel .nm{font-size:1.3rem}}