*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#07111c;color:#dce7f0;font-family:Segoe UI,Inter,system-ui,sans-serif;min-height:100vh;background-image:radial-gradient(circle at 70% -10%,#17334d 0,transparent 35%),linear-gradient(180deg,#081521,#050b12 70%)}a{color:inherit}.topbar{height:68px;position:sticky;top:0;z-index:50;display:flex;align-items:center;border-bottom:1px solid #21394a;background:linear-gradient(#102536f2,#091723f5);box-shadow:0 5px 18px #0008}.marca{width:250px;height:100%;display:flex;align-items:center;gap:10px;padding:0 18px;border-right:1px solid #20384a;text-decoration:none}.marca i{font-style:normal;color:#f0bd58;font-size:27px;text-shadow:0 0 15px #f0bd5870}.marca strong,.marca small{display:block;letter-spacing:.16em}.marca strong{font-size:14px}.marca small{font-size:8px;color:#7890a2;margin-top:3px}.recursos{display:flex;align-self:stretch;flex:1}.recursos span{min-width:120px;padding:10px 18px;border-right:1px solid #1d3445;display:flex;flex-direction:column;justify-content:center}.recursos small,.usuario-top small{color:#668399;font-size:8px;letter-spacing:.13em}.recursos b{font-size:13px;color:#c9d9e5;margin-top:3px}.usuario-top{height:100%;min-width:210px;padding:0 18px;display:flex;align-items:center;justify-content:flex-end;gap:10px;text-decoration:none}.usuario-top>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #36556b;background:#0a1824;border-radius:4px}.usuario-top b,.usuario-top small{display:block}.acciones-invitado{margin-left:auto;display:flex;align-items:center;gap:16px;padding:0 24px}.acciones-invitado a{text-decoration:none;font-size:13px}.mini-cta{border:1px solid #c89139;padding:8px 12px}.layout-juego{display:flex;min-height:calc(100vh - 68px)}.sidebar{width:250px;flex:0 0 250px;border-right:1px solid #1b3242;background:linear-gradient(180deg,#0b1a27,#07121c);position:sticky;top:68px;height:calc(100vh - 68px);display:flex;flex-direction:column;z-index:40}.sidebar-titulo{font-size:9px;letter-spacing:.18em;color:#506d80;padding:22px 19px 10px}.sidebar nav{display:flex;flex-direction:column}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 18px;color:#7792a5;text-decoration:none;border-left:3px solid transparent;font-size:13px}.sidebar nav a i{font-style:normal;width:23px;text-align:center;color:#9ab1c2}.sidebar nav a:hover,.sidebar nav a.activo{background:linear-gradient(90deg,#173247,#0d202f);color:#e8f4fa;border-left-color:#dca84f}.sidebar nav a.activo i{color:#f0bd58}.separador{height:1px;background:#1b3445;margin:12px 18px}.sidebar-pie{margin-top:auto;border-top:1px solid #1b3445;padding:15px 18px;font-size:9px;display:flex;flex-direction:column;gap:8px;color:#536f81}.sidebar-pie a{color:#8ea6b6;text-decoration:none}.contenido-juego{min-width:0;flex:1}.menu{display:none;border:0;background:transparent;color:#c8d8e3;font-size:22px;margin-left:10px}.contenedor{width:min(1240px,calc(100% - 48px));margin:auto;padding:38px 0 60px}.hero{min-height:510px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:60px}.hero h1,.cabecera-seccion h1,.encabezado-pagina h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,76px);margin:8px 0 14px;line-height:1}.hero p,.cabecera-seccion p{max-width:720px;color:#849cab;line-height:1.65}.etiqueta,.cabecera-seccion>div>span{font-size:10px;color:#e5ad50;letter-spacing:.2em;font-weight:700}.boton{display:inline-block;margin-top:16px;padding:12px 18px;background:linear-gradient(#e4b45f,#b77e2d);border:1px solid #f0c872;color:#10161b;text-decoration:none;font-weight:800;font-size:12px;box-shadow:inset 0 1px #fff5}.boton.pequeno{padding:9px 13px}.boton-secundario{background:#102332;color:#aac1cf;border-color:#335266;margin-left:8px}.carta-hero{width:260px;aspect-ratio:.7;margin:auto;border:1px solid #466174;background:linear-gradient(145deg,#173044,#09131e);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 30px 80px #000c;transform:rotate(4deg);clip-path:polygon(8% 0,92% 0,100% 7%,100% 93%,92% 100%,8% 100%,0 93%,0 7%)}.carta-hero .sello{width:110px;height:110px;border:2px solid #e6af4d;border-radius:50%;display:grid;place-items:center;font:52px Georgia;color:#e6af4d}.carta-hero strong{margin-top:22px;letter-spacing:.16em}.carta-hero small{color:#6d8798;margin-top:6px}.cabecera-seccion{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;border-bottom:1px solid #1c3445;padding-bottom:20px}.cabecera-seccion h1{font-size:42px}.cabecera-seccion p{margin:0}.estado-linea{text-align:right;border-left:1px solid #264354;padding-left:20px}.estado-linea b,.estado-linea small{display:block}.estado-linea b{color:#dcb25e}.estado-linea small{font-size:9px;color:#647f91;letter-spacing:.13em;margin-top:4px}.panel{background:linear-gradient(180deg,#0f2230,#0a1823);border:1px solid #213e50;box-shadow:0 12px 30px #0004}.panel-cab{min-height:39px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#163247,#102637);border-bottom:1px solid #284a5f;color:#a8bfcd;font-size:9px;letter-spacing:.14em}.panel-cab b,.panel-cab a{color:#e4b35a;text-decoration:none}.grid-dashboard{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px}.panel-destacado{grid-row:span 2}.mision{display:flex;gap:20px;padding:25px}.mision-icono{width:95px;height:95px;display:grid;place-items:center;font-size:46px;background:#091722;border:1px solid #2b485a}.mision small{font-size:9px;color:#d5a64f;letter-spacing:.15em}.mision h2{font:28px Georgia;margin:4px 0}.mision p{color:#7892a3;line-height:1.5}.progreso-grande,.dato-central{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center}.progreso-grande strong,.dato-central strong{font:45px Georgia;color:#eef6fb}.progreso-grande em{font-size:19px;color:#5f7b8d}.progreso-grande span,.dato-central span{font-size:9px;color:#6d8797;letter-spacing:.13em}.barra-progreso{height:5px;background:#061018;margin:0 18px 18px}.barra-progreso i{height:100%;display:block;background:#d5a349}.enlace-panel{display:block;padding:10px 14px;border-top:1px solid #1d394a;color:#8eaabd;font-size:11px;text-decoration:none}.mapa-resumen{margin-top:13px}.ruta-mini{padding:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;overflow:auto}.ruta-nodo{min-width:72px;text-align:center;position:relative}.ruta-nodo:not(:last-child):after{content:"";position:absolute;top:18px;left:70%;width:70%;height:1px;background:#294657}.ruta-nodo b{width:38px;height:38px;margin:auto;display:grid;place-items:center;background:#0a1721;border:1px solid #315268;border-radius:50%}.ruta-nodo small{display:block;margin-top:8px;color:#688294;font-size:9px}.ruta-nodo.abierto b{border-color:#d6a348;box-shadow:0 0 15px #d6a34830}.ruta-nodo.cerrado{opacity:.48}.ruta-nodo.final b{color:#e2ad54}.filtros{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.filtros a{padding:8px 12px;border:1px solid #29495c;background:#0d202d;color:#809cac;text-decoration:none;font-size:10px}.filtros a.activo{border-color:#d0a04b;color:#f1ca82;background:#2a2518}.grid-cartas{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.carta-juego{background:#091823;border:1px solid #2a4658;min-height:345px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0005}.carta-juego:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#5d7b8c}.carta-juego.rareza-pococomun:before{background:#4fa36c}.carta-juego.rareza-rara:before{background:#4a83c8}.carta-juego.rareza-epica:before{background:#9257c9}.carta-juego.rareza-legendaria:before{background:#d8a144}.carta-cab{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#102736;font-size:8px;color:#7591a4;letter-spacing:.12em}.arte-carta{height:110px;display:grid;place-items:center;font-size:62px;background:radial-gradient(circle,#17354a,#07131d 70%);border-bottom:1px solid #1d3849}.carta-cuerpo{padding:14px}.carta-cuerpo>small{color:#d1a14c;font-size:8px;letter-spacing:.14em}.carta-cuerpo h3{font:21px Georgia;margin:5px 0}.carta-cuerpo p{min-height:60px;color:#7791a1;font-size:11px;line-height:1.45}.stats-carta{display:flex;justify-content:space-between;border-top:1px solid #203a4a;padding-top:10px;font-size:10px}.coste{margin-top:10px;border-top:1px solid #203a4a;padding-top:10px;font-size:9px;color:#9bb0be}.lista-mazo{padding:10px 16px}.lista-mazo>div{display:grid;grid-template-columns:38px 1fr 120px 40px;align-items:center;border-bottom:1px solid #193444;padding:9px 0}.mini-icono{font-size:21px}.lista-mazo small{color:#638092}.nota-sistema{margin:16px;padding:14px;border:1px dashed #3c5b6e;color:#7994a5;font-size:11px}.campo-batalla{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;padding:28px;border:1px solid #24475a;background:radial-gradient(circle at center,#153246,#08151f 68%);min-height:300px}.combatiente{display:flex;align-items:center;gap:18px}.rival-ui{justify-content:flex-start}.jugador-ui{justify-content:flex-end;text-align:right}.avatar-combate{width:110px;height:110px;display:grid;place-items:center;font-size:58px;background:#08131c;border:1px solid #34576c}.combatiente small{font-size:8px;color:#bd9145;letter-spacing:.14em}.combatiente h2{font:30px Georgia;margin:4px 0}.vida{height:8px;width:240px;background:#250d0d;border:1px solid #572e2e}.vida i{display:block;height:100%;background:linear-gradient(90deg,#477b50,#75a862)}.combatiente span{display:block;color:#7792a4;font-size:10px;margin-top:5px}.versus{text-align:center;font:26px Georgia;color:#d7aa58}.mensaje-combate{padding:16px 18px;background:#0c1c28;border:1px solid #254457;border-top:0;color:#a8bcc8}.acciones-combate{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.acciones-combate button{min-height:95px;background:linear-gradient(#122d40,#0b1c29);border:1px solid #315267;color:#d9e7ef;cursor:pointer}.acciones-combate button:hover{border-color:#d4a64f}.acciones-combate button b,.acciones-combate button span,.acciones-combate button small{display:block}.acciones-combate button b{font-size:22px;color:#d8aa55}.acciones-combate button span{font-weight:700;margin:5px}.acciones-combate button small{color:#688697}.mapa-panel{padding:18px}.mapa{max-width:850px;margin:auto}.nodo{display:flex;align-items:center;gap:18px;margin:8px 0;padding:15px 18px;background:#0b1d2a;border:1px solid #29485a;text-decoration:none}.nodo:nth-child(even){margin-left:70px}.nodo>b{width:50px;height:50px;display:grid;place-items:center;background:#08141d;border:1px solid #315164;font-size:26px}.nodo div{flex:1}.nodo small,.nodo strong,.nodo span{display:block}.nodo small{font-size:8px;color:#c28f3d;letter-spacing:.14em}.nodo strong{font:21px Georgia}.nodo span{font-size:10px;color:#6d8999}.nodo em{font-style:normal;font-size:8px;color:#7592a3;letter-spacing:.12em}.nodo.bloqueada{opacity:.42}.nodo.final{border-color:#776037}.grid-admin{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.stat{padding:20px}.stat small,.stat strong,.stat span{display:block}.stat small{font-size:9px;color:#648196;letter-spacing:.13em}.stat strong{font:37px Georgia;margin:7px 0;color:#edf5f9}.stat span{font-size:10px;color:#6f8999}.modulos-admin{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1c3848}.modulos-admin>div{background:#0a1a26;padding:20px}.modulos-admin b,.modulos-admin span{display:block}.modulos-admin span{color:#668294;font-size:10px;margin-top:5px}footer{border-top:1px solid #173040;padding:18px 24px;color:#4e697a;font-size:9px;display:flex;justify-content:space-between}.sacudir{animation:sacudir .3s}@keyframes sacudir{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
/* formularios/perfil heredados */.angosto{width:min(620px,92%)}.panel-formulario{background:#0c1e2b;border:1px solid #284859;padding:26px;display:grid;gap:17px}.panel-formulario label,.panel-formulario legend{font-size:11px;color:#9ab0bf}.panel-formulario input{width:100%;margin-top:7px;padding:12px;border:1px solid #315064;background:#07141e;color:#fff}.panel-formulario fieldset{border:1px solid #284758}.alerta{padding:12px;margin-bottom:15px}.alerta.error{background:#291317;border:1px solid #64313a}.alerta.exito{background:#10261e;border:1px solid #2d5d49}.selector-avatares{display:flex;flex-wrap:wrap;gap:8px}.selector-avatares input,.selector-mazos input{position:absolute;opacity:0}.selector-avatares span{width:60px;height:60px;display:grid;place-items:center;background:#07141e;border:1px solid #315064;font-size:30px}.selector-avatares input:checked+span,.selector-mazos input:checked+span{border-color:#d0a04a;box-shadow:0 0 0 2px #d0a04a30}.selector-mazos{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.selector-mazos span{display:flex;flex-direction:column;gap:5px;padding:15px;background:#07141e;border:1px solid #315064}.selector-mazos small,.ayuda{color:#6e8999}.perfil-principal{display:flex;gap:20px;align-items:center;padding:25px;background:#0b1d29;border:1px solid #29495b}.avatar-grande{width:100px;height:100px;display:grid;place-items:center;font-size:52px;background:#07141e;border:1px solid #315064}.perfil-principal h1{font:40px Georgia;margin:5px 0}.estadisticas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.estadisticas article{padding:18px;background:#0b1d29;border:1px solid #29495b}.estadisticas small{display:block;color:#658193;font-size:8px}.estadisticas b{display:block;font:26px Georgia;margin-top:6px}.panel-historia{padding:22px;border:1px solid #5c4a2a;background:#17170f}.panel-historia>span{font-size:9px;color:#d0a04b}.panel-historia h2{font:28px Georgia;margin:5px 0}.panel-historia p{color:#8195a0}
@media(max-width:900px){.topbar{height:62px}.menu{display:block}.marca{width:auto;border-right:0;padding-left:8px}.marca small{display:none}.recursos{justify-content:flex-end}.recursos span{min-width:auto;padding:8px 12px}.recursos small{display:none}.usuario-top{min-width:auto;padding:0 12px}.usuario-top div{display:none}.sidebar{position:fixed;left:-260px;top:62px;height:calc(100vh - 62px);transition:.2s;box-shadow:10px 0 30px #0009}.sidebar.visible{left:0}.contenido-juego{width:100%}.contenedor{width:min(94%,1240px);padding-top:25px}.grid-dashboard{grid-template-columns:1fr 1fr}.panel-destacado{grid-column:1/-1;grid-row:auto}.grid-admin{grid-template-columns:1fr 1fr}.campo-batalla{grid-template-columns:1fr}.versus{padding:16px}.jugador-ui,.rival-ui{justify-content:center;text-align:left}.acciones-combate{grid-template-columns:1fr 1fr 1fr}.modulos-admin{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.recursos span:nth-child(1),.recursos span:nth-child(3){display:none}.cabecera-seccion{align-items:flex-start}.cabecera-seccion h1{font-size:34px}.estado-linea{display:none}.grid-dashboard,.grid-admin{grid-template-columns:1fr}.mision{flex-direction:column}.ruta-mini{justify-content:flex-start}.grid-cartas{grid-template-columns:1fr 1fr}.lista-mazo>div{grid-template-columns:34px 1fr 40px}.lista-mazo small{display:none}.campo-batalla{padding:17px}.combatiente{flex-direction:column;text-align:center!important}.vida{width:min(250px,70vw)}.acciones-combate{grid-template-columns:1fr}.selector-mazos,.estadisticas{grid-template-columns:1fr}.perfil-principal{flex-direction:column;align-items:flex-start}.nodo:nth-child(even){margin-left:20px}.nodo em{display:none}.hero{grid-template-columns:1fr;min-height:auto}.carta-hero{width:200px}.hero h1{font-size:44px}}@media(max-width:420px){.grid-cartas{grid-template-columns:1fr}.acciones-invitado{padding:0 10px}.acciones-invitado a:first-child{display:none}}
/* ===== FASE 1.3 · Mercado y economía ===== */
.saldo-mercado{min-width:190px;padding:12px 16px;border:1px solid #35556a;background:linear-gradient(180deg,#102a3a,#091823);text-align:right;box-shadow:inset 0 1px #ffffff08,0 8px 20px #0004}.saldo-mercado small{display:block;font-size:8px;letter-spacing:.16em;color:#6f8b9d}.saldo-mercado b{display:block;margin-top:4px;font:24px Georgia;color:#e5b65c}.economia-guia{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.economia-guia span{padding:12px 14px;background:#0a1b27;border:1px solid #274658;border-top:2px solid #647d8d}.economia-guia span:nth-child(2){border-top-color:#4783a9}.economia-guia span:nth-child(3){border-top-color:#c59643}.economia-guia b,.economia-guia small{display:block}.economia-guia b{font-size:11px}.economia-guia small{margin-top:3px;color:#668294;font-size:9px}.mercado-filtros{align-items:center}.separador-filtro{height:24px;width:1px;background:#2a4658}.grid-mercado{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}.producto-mercado{display:flex;flex-direction:column;min-height:390px;background:linear-gradient(180deg,#0d2130,#08151f);border:1px solid #29495b;box-shadow:0 12px 30px #0005;position:relative;overflow:hidden}.producto-mercado:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#607989}.producto-mercado.categoria-b:before{background:#4385b0}.producto-mercado.categoria-a:before{background:#d09b42;box-shadow:0 0 14px #d09b4250}.producto-cab{height:34px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;background:#112938;border-bottom:1px solid #244658;color:#7f9bab;font-size:8px;letter-spacing:.12em}.producto-cab b{color:#bf9145}.producto-arte{height:110px;display:grid;place-items:center;font-size:55px;background:radial-gradient(circle,#18394d,#07141e 72%);border-bottom:1px solid #213c4c}.producto-cuerpo{padding:15px;flex:1}.producto-cuerpo>small{font-size:8px;color:#c89b4f;letter-spacing:.14em}.producto-cuerpo h2{font:21px Georgia;margin:5px 0 8px}.producto-cuerpo p{color:#7893a3;font-size:11px;line-height:1.5;min-height:51px}.stats-producto{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.stats-producto span{padding:5px 7px;background:#07131d;border:1px solid #203d4e;color:#92a9b6;font-size:9px}.producto-compra{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid #213f50;background:#08151f}.producto-compra strong{color:#e1af53;font:19px Georgia}.producto-compra form{margin:0}.producto-compra button:disabled,.rival-economia button:disabled{opacity:.45;cursor:not-allowed}.sobre-revelado{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.sobre-revelado span{padding:6px 8px;background:#071710;border:1px solid #2a5b42;font-size:10px}.sobre-revelado small{color:#86a998}.nota-economia{margin-top:14px}.nota-economia p{padding:15px;margin:0;color:#7893a3;line-height:1.55;font-size:11px}.lista-rivales{display:grid;gap:9px}.rival-economia{display:grid;grid-template-columns:75px 1fr auto;gap:16px;align-items:center;padding:14px 16px;background:linear-gradient(90deg,#0d2230,#091823);border:1px solid #294a5d;box-shadow:0 7px 20px #0003}.rival-economia.bloqueado{opacity:.45}.rival-economia .retrato{width:68px;height:68px;display:grid;place-items:center;font-size:35px;background:#07131d;border:1px solid #35566a}.rival-info small{font-size:8px;color:#be9148;letter-spacing:.1em}.rival-info h2{font:23px Georgia;margin:4px 0}.rival-info h2 em{font:10px Arial,sans-serif;color:#75ad86;margin-left:8px}.rival-info p{margin:0;color:#728d9d;font-size:10px}.premios{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.premios span{padding:5px 8px;background:#07141d;border:1px solid #254456;color:#a7bac4;font-size:9px}.academia-lista .rival-economia{border-left:3px solid #bf9147}.premio-victoria{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #285066}.premio-victoria b{color:#e1b05a}.premio-victoria small{color:#7895a5}.acciones-fin{display:flex;gap:8px;margin-top:12px}.recompensa p{margin:3px 0;color:#718b9a;font-size:10px}
@media(max-width:700px){.economia-guia{grid-template-columns:1fr}.grid-mercado{grid-template-columns:1fr}.rival-economia{grid-template-columns:58px 1fr}.rival-economia .retrato{width:52px;height:52px;font-size:28px}.rival-economia>a,.rival-economia>button{grid-column:1/-1;width:100%}.saldo-mercado{width:100%;text-align:left}.separador-filtro{display:none}.acciones-fin{flex-direction:column}}
/* ===== FASE 1.3 DEFINITIVA · Cartas únicas de líder ===== */
.premio-lider{margin-top:14px;padding:15px;display:flex;gap:14px;align-items:center;border:1px solid #b88a3e;background:linear-gradient(135deg,#20190d,#0c1c27);box-shadow:inset 0 0 24px #d8a64b12,0 8px 24px #0004}.premio-lider-icono{width:72px;height:88px;display:grid;place-items:center;font-size:38px;border:1px solid #d1a24e;background:radial-gradient(circle,#3a2b12,#09151d 70%);box-shadow:0 0 20px #d1a24e22}.premio-lider small{font-size:8px;letter-spacing:.15em;color:#e0b45f}.premio-lider h3{font:24px Georgia;margin:4px 0;color:#f0dfbd}.premio-lider p{margin:0;color:#8fa2ad;font-size:10px}.recompensas-finales{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.recompensa-unica{border-color:#9c7638;background:linear-gradient(90deg,#17170e,#0c1c27)}.panel-cartas-lider{margin-top:12px;padding:20px;border:1px solid #725b31;background:linear-gradient(180deg,#151711,#0a1923);box-shadow:inset 0 1px #fff1}.cabecera-mini{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.cabecera-mini>div>span{font-size:8px;letter-spacing:.16em;color:#d2a24e}.cabecera-mini h2{font:27px Georgia;margin:4px 0}.cabecera-mini p{margin:0;color:#78909d;font-size:10px}.cabecera-mini>b{font:26px Georgia;color:#e2b25b;white-space:nowrap}.galeria-lider{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:15px}.mini-carta-lider{display:grid;grid-template-columns:78px 1fr;gap:12px;min-height:112px;padding:10px;border:1px solid #8e6c35;background:#091721;position:relative;overflow:hidden}.mini-carta-lider:before{content:"ÚNICA";position:absolute;right:-25px;top:8px;transform:rotate(38deg);padding:3px 28px;background:#c99b49;color:#111;font-size:7px;font-weight:bold;letter-spacing:.13em}.mini-carta-lider img,.mini-arte{width:78px;height:92px;object-fit:cover;border:1px solid #c39647;background:radial-gradient(circle,#2b2816,#07131c 72%)}.mini-arte{display:grid;place-items:center;font-size:39px}.mini-carta-lider small{display:block;color:#d0a14e;font-size:7px;letter-spacing:.12em;padding-right:36px}.mini-carta-lider h3{font:18px Georgia;margin:5px 0 4px}.mini-carta-lider span,.mini-carta-lider em{display:block;color:#728b99;font-size:9px}.mini-carta-lider em{margin-top:7px;font-style:normal;color:#9badb6}.coleccion-vacia-lider{margin-top:14px;min-height:110px;display:flex;gap:15px;align-items:center;justify-content:center;border:1px dashed #4b4932;background:#0a171d;color:#71848d}.coleccion-vacia-lider b{font-size:34px;color:#94743b}.carta-juego:has(.carta-cab span:first-child){position:relative}
@media(max-width:700px){.recompensas-finales{grid-template-columns:1fr}.cabecera-mini{flex-direction:column}.galeria-lider{grid-template-columns:1fr}.premio-lider{align-items:flex-start}.premio-lider-icono{width:58px;height:72px}}
/* ===== FASE 1.4 · Motor real, editor de mazos y administración ===== */
.tablero-cartas{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:12px;align-items:stretch;padding:14px;background:linear-gradient(180deg,#07131d,#0b1d29);border:1px solid #315064;box-shadow:inset 0 0 35px #0007,0 12px 30px #0005}
.zona-rival,.zona-jugador{display:grid;place-items:center;min-height:310px;background:radial-gradient(circle at center,#12334a,#07131d 70%);border:1px solid #203e51}
.carta-combate{width:min(230px,92%);padding:12px;background:linear-gradient(180deg,#10293a,#081721);border:1px solid #47657a;box-shadow:0 15px 30px #0007;text-align:center}
.rival-card{border-top:3px solid #a8594d}.jugador-card{border-top:3px solid #c59643}
.arte-combate{height:105px;display:grid;place-items:center;font-size:58px;background:#07121a;border:1px solid #27485b;margin-bottom:10px}.carta-combate small{font-size:8px;color:#c89b4f;letter-spacing:.1em}.carta-combate h2{font:22px Georgia;margin:5px 0 10px}.stats-activo{display:flex;justify-content:center;gap:6px;margin-top:9px}.stats-activo span,.contadores-zona span{padding:6px 8px;border:1px solid #28495c;background:#07141d;font-size:9px;color:#91a9b6}
.centro-tablero{display:flex;flex-direction:column;justify-content:center;gap:12px}.contadores-zona{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.contadores-zona b{color:#e1b05a}
.mano-jugador{margin-top:12px;border:1px solid #294a5d;background:#091823}.mano-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;padding:12px}
.carta-mano{padding:10px;background:linear-gradient(180deg,#102534,#07151f);border:1px solid #315064;display:flex;flex-direction:column;min-height:270px;margin:0}.carta-mano.rareza-rara{border-top:2px solid #4d8fc1}.carta-mano.rareza-epica{border-top:2px solid #9b6bc1}.carta-mano.rareza-legendaria{border-top:2px solid #d49b3f}
.carta-mano-cab{display:flex;justify-content:space-between;color:#7894a5;font-size:8px}.carta-mano-cab b{color:#e1b05a}.carta-mano-icono{font-size:38px;text-align:center;padding:14px 0}.carta-mano h3{font:17px Georgia;margin:4px 0}.carta-mano p{color:#7893a3;font-size:9px;line-height:1.45;flex:1}.carta-mano button{margin-top:8px;padding:8px;border:1px solid #42647a;background:#112f42;color:#dce7ed;cursor:pointer}.carta-mano button:disabled{opacity:.35;cursor:not-allowed}.mini-stats{display:flex;gap:4px}.mini-stats span{font-size:8px;padding:4px;background:#07141d;border:1px solid #244355}
.acciones-motor{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.acciones-motor form{margin:0}.acciones-motor button{width:100%}.premio-medalla{margin-top:12px;padding:12px;display:flex;gap:12px;align-items:center;background:#16160e;border:1px solid #b88a3e}.premio-medalla>b{font-size:35px}.premio-medalla small{color:#d6a751;font-size:8px}.premio-medalla h3{font:20px Georgia;margin:3px 0}.premio-medalla p{margin:0;color:#8296a0;font-size:9px}
.mazos-cabecera{margin-bottom:12px}.mazo-selector{padding:10px;border:1px solid #29495b;background:#091923;display:flex;justify-content:space-between;align-items:center;gap:8px}.mazo-selector.activo{border-color:#9a773f;box-shadow:inset 3px 0 #c29648}.mazo-selector a{display:block;flex:1;text-decoration:none}.mazo-selector strong,.mazo-selector span{display:block}.mazo-selector span{font-size:9px;color:#728b99;margin-top:3px}.mazo-selector button{padding:6px 8px;background:#102f42;border:1px solid #315469;color:#d6e1e7}.mazo-selector b{font-size:8px;color:#d8aa55}.nuevo-mazo{display:flex;gap:7px;align-items:center;padding:10px;border:1px dashed #35566b}.nuevo-mazo input,.editor-nombre input,.fila-editor input,.admin-carta input,.admin-carta select,.admin-carta textarea,.tabla-admin-simple input,.config-grid input{background:#07141d;border:1px solid #315064;color:#dce6eb;padding:8px}
.editor-nombre{padding:14px;display:grid;gap:5px}.editor-nombre label,.admin-carta label,.tabla-admin-simple label,.config-grid label{font-size:9px;color:#7893a3}.reglas-mazo{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 12px}.reglas-mazo span{font-size:8px;padding:5px 7px;border:1px solid #405366;color:#96a9b5;background:#07131d}.tabla-editor{display:grid;gap:6px;padding:0 14px 14px}.fila-editor{display:grid;grid-template-columns:54px 1fr 120px;gap:12px;align-items:center;padding:9px;background:#0a1a25;border:1px solid #29485a}.editor-icono{width:50px;height:58px;display:grid;place-items:center;font-size:27px;background:#07131d;border:1px solid #315064}.fila-editor small{font-size:7px;color:#c6984a;letter-spacing:.08em}.fila-editor strong{display:block;margin:3px 0}.fila-editor p{margin:0;color:#718b99;font-size:9px}.editor-cantidad{display:grid;gap:3px}.editor-cantidad input{width:100%}.editor-acciones{display:flex;gap:8px;padding:0 14px 14px}.boton-peligro{border-color:#744!important;color:#dbaaaa!important}
.admin-operativo{margin:12px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-operativo a{padding:16px;background:linear-gradient(180deg,#102636,#091822);border:1px solid #315064;text-decoration:none}.admin-operativo b,.admin-operativo span{display:block}.admin-operativo span{margin-top:5px;font-size:9px;color:#7892a1}.nota-admin{padding:14px;color:#7f95a2}
.admin-tabla-cartas{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:10px}.admin-carta{padding:12px;background:#0a1b27;border:1px solid #315064}.admin-carta-titulo{display:flex;justify-content:space-between;margin-bottom:8px}.admin-carta-titulo span{font-size:8px;color:#d5a34e}.admin-carta>label{display:grid;gap:4px;margin:7px 0}.admin-carta textarea{min-height:70px;resize:vertical}.admin-campos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.admin-campos label{display:grid;gap:3px}.check-admin{display:flex!important;grid-template-columns:auto!important;align-items:center;gap:6px!important}.check-admin input{width:auto}
.tabla-admin-simple{display:grid;gap:6px}.tabla-admin-simple form{display:grid;grid-template-columns:minmax(190px,1fr) 130px 130px 90px;gap:8px;align-items:end;padding:10px;background:#0a1b27;border:1px solid #29495b}.tabla-admin-simple small,.tabla-admin-simple b{display:block}.tabla-admin-simple small{font-size:8px;color:#c59643}.config-grid{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:8px;align-items:end;padding:14px}.config-grid label{display:grid;gap:4px}
@media(max-width:900px){.tablero-cartas{grid-template-columns:1fr 1fr}.centro-tablero{grid-column:1/-1;grid-row:2}.zona-rival,.zona-jugador{min-height:250px}.admin-operativo{grid-template-columns:1fr}.config-grid{grid-template-columns:1fr 1fr}.tabla-admin-simple form{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tablero-cartas{grid-template-columns:1fr}.centro-tablero{grid-column:auto;grid-row:auto}.zona-rival,.zona-jugador{min-height:auto;padding:12px}.carta-combate{width:100%}.mano-grid{grid-template-columns:1fr 1fr}.fila-editor{grid-template-columns:44px 1fr}.editor-cantidad{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;align-items:center}.admin-campos{grid-template-columns:1fr 1fr}.tabla-admin-simple form,.config-grid{grid-template-columns:1fr}.acciones-motor{grid-template-columns:1fr}}
@media(max-width:420px){.mano-grid{grid-template-columns:1fr}.admin-tabla-cartas{grid-template-columns:1fr}.admin-campos{grid-template-columns:1fr}}
/* ===== FASE 1.5 · ESTADIO Y EXPERIENCIA DE COMBATE ===== */
.estadio-pagina{max-width:1420px}.estadio-cabecera{margin-bottom:8px}.barra-ayuda-estadio{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border:1px solid #35566a;background:linear-gradient(90deg,#0b1b26,#102c3c,#0b1b26);margin-bottom:10px}.barra-ayuda-estadio>div{display:flex;align-items:center;gap:10px}.barra-ayuda-estadio small{color:#7f9aaa}.luz-turno{width:9px;height:9px;border-radius:50%;background:#7bd79b;box-shadow:0 0 12px #7bd79b}.boton-consejos{background:#102a39;color:#d8e7ee;border:1px solid #45667a;padding:8px 11px;cursor:pointer}.cronista-ayuda{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:14px 16px;margin-bottom:12px;border:1px solid #806735;background:linear-gradient(135deg,#17180f,#0b1c25 62%);box-shadow:inset 0 1px #fff1}.cronista-ayuda.tutorial-activo{border-color:#b28b42;box-shadow:inset 4px 0 #d3a34c}.cronista-avatar{width:58px;height:58px;display:grid;place-items:center;border:1px solid #8c713c;background:radial-gradient(circle,#322b16,#09141b 72%);font-size:29px}.cronista-ayuda small{color:#d3a34f;font-size:8px;letter-spacing:.12em}.cronista-ayuda h2{font:21px Georgia;margin:3px 0}.cronista-ayuda p{margin:0;color:#91a7b3;font-size:10px;line-height:1.5}.cronista-ayuda strong{display:block;color:#d7e3e8;margin-top:6px;font-size:10px}.pasos-tutorial{display:flex;gap:5px}.pasos-tutorial span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #3a5362;background:#08151d;color:#6f8794;font-size:9px}.pasos-tutorial span.hecho{border-color:#b4873e;color:#f0c66f;background:#251f11}
.estadio{position:relative;overflow:hidden;border:1px solid #3b5d71;background:#061019;box-shadow:0 20px 45px #0007,inset 0 0 80px #07131d}.estadio-fondo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#17384a55 0,#0a1a2555 36%,#02080d99 100%),linear-gradient(90deg,transparent 49.8%,#50708320 50%,transparent 50.2%)}.lado-rival,.lado-jugador{position:relative;padding:13px 18px}.lado-rival{background:linear-gradient(180deg,#1d111460,#08141d22)}.lado-jugador{background:linear-gradient(0deg,#111b1260,#08141d22)}.rotulo-zona{position:absolute;top:10px;left:14px;color:#b66d69;font-size:8px;letter-spacing:.18em}.info-rival-compacta{display:flex;justify-content:center;gap:14px;align-items:center;margin-bottom:5px}.info-rival-compacta span{font-size:8px;color:#9b7776}.campo-fila{display:grid;grid-template-columns:120px minmax(210px,270px) 120px;justify-content:center;align-items:center;gap:30px;min-height:265px}.zona-pila{text-align:center}.zona-pila small{display:block;margin-bottom:6px;color:#6e8997;font-size:8px;letter-spacing:.1em}.pila-cartas{width:78px;height:105px;margin:auto;border:1px solid #365568;display:grid;place-items:center;box-shadow:5px 5px 0 #061019,9px 9px 0 #152d3b}.pila-cartas.reverso{background:repeating-linear-gradient(45deg,#102b3c,#102b3c 7px,#0a1b27 7px,#0a1b27 14px)}.pila-cartas.descarte{background:#0a141b;border-style:dashed;box-shadow:none}.pila-cartas b{font:20px Georgia;color:#d4b267}.carta-estadio{padding:10px 12px;text-align:center;background:linear-gradient(180deg,#102c3d,#07151f);border:1px solid #537286;box-shadow:0 16px 32px #0008;position:relative}.carta-rival-activa{border-top:3px solid #b15b58}.carta-jugador-activa{border-top:3px solid #c99a45}.carta-estadio>small{font-size:7px;color:#c9a052;letter-spacing:.12em}.arte-estadio{height:88px;display:grid;place-items:center;font-size:49px;background:radial-gradient(circle,#1c3c4e,#06121a 72%);border:1px solid #2e5064;margin:7px 0}.carta-estadio h3{font:20px Georgia;margin:4px 0 8px}.stats-estadio{display:flex;justify-content:center;gap:5px;margin-top:7px}.stats-estadio b{font-size:8px;padding:4px 6px;background:#07141d;border:1px solid #29495c;color:#a5bac4}.recursos-rival{display:flex;justify-content:center;gap:8px}.recursos-rival span{padding:5px 8px;border:1px solid #3c4f58;background:#100f12;color:#b99a9a;font-size:8px}.linea-arena{position:relative;height:34px;display:grid;place-items:center;background:linear-gradient(90deg,transparent,#1b3a4c 25%,#32586d 50%,#1b3a4c 75%,transparent);border-top:1px solid #2d4e60;border-bottom:1px solid #2d4e60}.linea-arena span{position:relative;background:#07131c;padding:4px 13px;border:1px solid #416074;color:#9fb0ba;font-size:8px;letter-spacing:.16em}.energia-grande{display:flex;justify-content:center;align-items:center;gap:11px;margin-top:2px}.energia-grande small{color:#7894a2;font-size:8px}.energia-grande div{display:flex;gap:2px}.energia-grande i{font-style:normal;filter:grayscale(1);opacity:.23}.energia-grande i.cargada{filter:none;opacity:1;text-shadow:0 0 8px #e6b64b}.energia-grande b{color:#e0b35c;font-size:9px}
.mano-estadio{margin-top:12px;border:1px solid #34556a;background:linear-gradient(180deg,#0a1b27,#06121a)}.mano-carrusel{display:flex;gap:8px;overflow-x:auto;padding:15px 14px 22px;scroll-snap-type:x proximity;align-items:flex-end}.carta-mano-estadio{min-width:175px;width:175px;min-height:285px;scroll-snap-align:center;padding:9px;background:linear-gradient(180deg,#122b3a,#07141d);border:1px solid #3b5b6d;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;cursor:pointer;position:relative}.carta-mano-estadio:hover,.carta-mano-estadio.seleccionada{transform:translateY(-10px) scale(1.025);z-index:2;box-shadow:0 16px 30px #0009}.carta-mano-estadio.estado-lista{border-color:#4b9b72;box-shadow:inset 0 0 0 1px #224f3a}.carta-mano-estadio.estado-lista:hover,.carta-mano-estadio.estado-lista.seleccionada{box-shadow:0 0 18px #51b47b55,0 18px 32px #0009}.carta-mano-estadio.estado-bloqueada,.carta-mano-estadio.estado-espera{filter:saturate(.65)}.carta-mano-estadio.estado-bloqueada{opacity:.62}.estado-carta{display:flex;justify-content:space-between;align-items:center}.estado-carta span{font-size:7px;color:#7dcc9c;letter-spacing:.08em}.estado-bloqueada .estado-carta span,.estado-espera .estado-carta span{color:#bd7d71}.estado-carta b{font-size:9px;color:#e5b55d}.arte-mano{height:62px;display:grid;place-items:center;font-size:35px;background:#07131b;border:1px solid #284a5c;margin:6px 0}.carta-mano-estadio>small{font-size:7px;color:#8da2ad}.carta-mano-estadio h3{font:17px Georgia;margin:5px 0}.carta-mano-estadio p{font-size:9px;color:#8199a6;line-height:1.4;flex:1;margin:0 0 7px}.carta-mano-estadio button{padding:8px;background:#173a2a;color:#dcece2;border:1px solid #4a8e68;cursor:pointer}.carta-mano-estadio button:disabled{background:#1a2024;border-color:#46515a;color:#6e7b82;cursor:not-allowed}.carta-mano-estadio em{font-style:normal;font-size:7px;color:#b6867e;margin-top:6px;line-height:1.3}.detalle-seleccion{display:grid;grid-template-columns:55px 1fr;gap:11px;align-items:center;padding:11px 14px;border-top:1px solid #29495a;background:#07151e}.detalle-icono{width:52px;height:52px;display:grid;place-items:center;font-size:28px;background:#0d2635;border:1px solid #35586c}.detalle-seleccion small{font-size:7px;color:#d3a24d}.detalle-seleccion h3{font:18px Georgia;margin:2px 0}.detalle-seleccion p{margin:0;color:#829aa6;font-size:9px}.detalle-seleccion.disponible{box-shadow:inset 4px 0 #4ca675}.detalle-seleccion.bloqueada{box-shadow:inset 4px 0 #a66058}
.acciones-principales-estadio{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.acciones-principales-estadio form{margin:0}.acciones-principales-estadio button{width:100%;min-height:66px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:8px 14px;background:linear-gradient(180deg,#15364a,#0b2230);border:1px solid #476a7f;color:#dce7ec;cursor:pointer}.acciones-principales-estadio button>b{grid-row:1/3;font-size:24px}.acciones-principales-estadio button>span{font-size:11px;font-weight:bold}.acciones-principales-estadio button>small{color:#7f99a7;font-size:8px}.acciones-principales-estadio button:disabled{opacity:.38;cursor:not-allowed}.registro-estadio{margin-top:10px}.registro-lista{max-height:330px;overflow:auto;padding:8px}.registro-item{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:7px 9px;border-bottom:1px solid #1e3542}.registro-item>b{width:27px;height:27px;display:grid;place-items:center;background:#0a1a24;border:1px solid #29495a}.registro-item small{display:block;color:#6e8794;font-size:7px}.registro-item span{display:block;color:#a9bbc4;font-size:9px;margin-top:2px}.registro-item.actor-jugador{border-left:2px solid #4c9970}.registro-item.actor-rival{border-left:2px solid #a45d5a}.registro-item.actor-sistema{border-left:2px solid #a98448}.resultado-estadio{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center;padding:18px;margin-top:12px;border:1px solid #486478;background:#0a1b26}.resultado-estadio>b{font-size:45px;text-align:center}.resultado-estadio.victoria{border-color:#8b733e;background:linear-gradient(90deg,#211c0f,#0a1b26)}.resultado-estadio.derrota{border-color:#754747;background:linear-gradient(90deg,#201113,#0a1b26)}.resultado-estadio small{font-size:8px;color:#c69a4a}.resultado-estadio h2{font:28px Georgia;margin:2px 0}.resultado-estadio p{margin:0;color:#90a6b1}.premios-linea{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.premios-linea span{padding:6px 8px;background:#07141c;border:1px solid #4e5b45;color:#d6b665;font-size:9px}.tutorial-completado{display:flex;flex-direction:column;margin-top:9px;padding:9px;border-left:3px solid #c69a47;background:#111b18}.tutorial-completado span{font-size:8px;color:#8da3ad;margin-top:2px}
@media(max-width:900px){.cronista-ayuda{grid-template-columns:52px 1fr}.pasos-tutorial{grid-column:1/-1;justify-content:center}.campo-fila{grid-template-columns:90px minmax(190px,240px) 90px;gap:15px}.pila-cartas{width:65px;height:88px}.carta-mano-estadio{min-width:165px;width:165px}.estadio-pagina{padding-left:8px;padding-right:8px}}
@media(max-width:600px){.barra-ayuda-estadio{align-items:flex-start;flex-direction:column}.barra-ayuda-estadio>div{flex-wrap:wrap}.cronista-ayuda{grid-template-columns:46px 1fr;padding:11px}.cronista-avatar{width:44px;height:44px;font-size:23px}.campo-fila{grid-template-columns:62px minmax(170px,1fr) 62px;gap:8px;min-height:235px}.lado-rival,.lado-jugador{padding:10px 7px}.pila-cartas{width:50px;height:70px;box-shadow:3px 3px 0 #061019}.zona-pila small{font-size:6px}.arte-estadio{height:70px;font-size:39px}.carta-estadio h3{font-size:17px}.stats-estadio{gap:2px}.stats-estadio b{font-size:7px;padding:3px}.mano-carrusel{padding-left:8px;padding-right:8px}.carta-mano-estadio{min-width:150px;width:150px;min-height:270px}.acciones-principales-estadio{grid-template-columns:1fr}.energia-grande{flex-wrap:wrap}.info-rival-compacta{padding-top:15px}.resultado-estadio{grid-template-columns:1fr;text-align:center}.premios-linea{justify-content:center}}
/* Fase 1.5 · Perfil, vitrina y mapa de progreso */
.insignias-perfil{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.insignias-perfil span{font-size:8px;padding:5px 7px;background:#08151d;border:1px solid #315064;color:#8fa5b0}.panel-vitrina{margin-top:12px;padding:14px;border:1px solid #294b5e;background:linear-gradient(180deg,#0d202c,#07151e)}.vitrina-medallas{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:12px}.medalla-slot{min-height:125px;padding:10px 6px;text-align:center;border:1px solid #314b59;background:#07141c;display:flex;flex-direction:column;align-items:center}.medalla-slot>b{font-size:29px}.medalla-slot>small{font-size:7px;color:#6c8795}.medalla-slot>strong{font:14px Georgia;margin:4px 0}.medalla-slot>span,.medalla-slot>em{font-size:7px;color:#788f9a;font-style:normal}.medalla-slot.obtenida{border-color:#9a783e;background:radial-gradient(circle at top,#2a2413,#07141c 60%)}.medalla-slot.obtenida>strong{color:#e1bc70}.medalla-slot.bloqueada{opacity:.55}.vitrina-lideres-16{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:12px}.slot-lider{min-height:160px;padding:7px;border:1px solid #2c4757;background:#07141c;display:flex;flex-direction:column;text-align:center}.slot-lider-arte{height:82px;display:grid;place-items:center;font-size:34px;background:radial-gradient(circle,#222517,#07131a 68%);border:1px solid #42554a;margin-bottom:6px;overflow:hidden}.slot-lider-arte img{width:100%;height:100%;object-fit:cover}.slot-lider small{font-size:6px;color:#b28b47;letter-spacing:.07em}.slot-lider strong{font:12px Georgia;margin:4px 0}.slot-lider span{font-size:7px;color:#758d99}.slot-lider.obtenida{border-color:#9c783d;box-shadow:inset 0 2px #bd9048}.slot-lider.bloqueada{opacity:.48}.mapa-progreso .nodo.actual{border-color:#5c8aa4;box-shadow:inset 4px 0 #5e9fc3}.mapa-progreso .nodo.completada{border-color:#98763b;box-shadow:inset 4px 0 #c49a4d;background:linear-gradient(90deg,#211d10,#0a1922 30%)}.mapa-progreso .nodo.completada em{color:#e1b95f}.mapa-progreso .nodo.actual em{color:#82bfe0}
@media(max-width:1000px){.vitrina-medallas,.vitrina-lideres-16{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.vitrina-medallas{grid-template-columns:repeat(2,1fr)}.vitrina-lideres-16{grid-template-columns:repeat(2,1fr)}.slot-lider{min-height:150px}}
/* Fase 1.5.1 · Estadio administrable */
.estadio-pagina,.estadio-preview{--intensidad-estadio:.7}.estadio-pagina .estadio,.estadio-preview .estadio{position:relative;isolation:isolate}.estadio-pagina .estadio-fondo,.estadio-preview .estadio-fondo{opacity:var(--intensidad-estadio);transition:opacity .25s}.tema-estadio-acero .estadio{background:linear-gradient(180deg,#0a1822,#071018)}.tema-estadio-acero .estadio-fondo{background:radial-gradient(circle at 50% 50%,#2c5368 0,transparent 38%),linear-gradient(90deg,transparent,#19344455,transparent)}
.tema-estadio-arcano .estadio{background:linear-gradient(180deg,#151226,#090d18);border-color:#594879}.tema-estadio-arcano .estadio-fondo{background:radial-gradient(circle at 50% 44%,#684b9855 0,transparent 42%),repeating-radial-gradient(circle at center,#9879c614 0 2px,transparent 2px 28px)}.tema-estadio-arcano .linea-arena{background:linear-gradient(90deg,transparent,#35254d 25%,#694e8b 50%,#35254d 75%,transparent)}
.tema-estadio-volcanico .estadio{background:linear-gradient(180deg,#21100d,#0c0d11);border-color:#704132}.tema-estadio-volcanico .estadio-fondo{background:radial-gradient(circle at 50% 52%,#b54b2444 0,transparent 42%),linear-gradient(135deg,transparent 45%,#8c2d1822 46% 54%,transparent 55%)}.tema-estadio-volcanico .linea-arena{background:linear-gradient(90deg,transparent,#572619 25%,#9d4a2b 50%,#572619 75%,transparent)}
.tamano-cartas-compacto .carta-estadio{max-width:220px}.tamano-cartas-compacto .arte-estadio{height:70px}.tamano-cartas-compacto .carta-mano-estadio{min-width:145px;width:145px;min-height:245px}.tamano-cartas-grande .carta-estadio{max-width:310px}.tamano-cartas-grande .arte-estadio{height:112px}.tamano-cartas-grande .carta-mano-estadio{min-width:205px;width:205px;min-height:315px}
.mano-abanico .mano-carrusel{justify-content:center;overflow:visible;padding-top:28px;padding-bottom:32px}.mano-abanico .carta-mano-estadio{margin-left:-34px;transform-origin:50% 120%;}.mano-abanico .carta-mano-estadio:first-child{margin-left:0}.mano-abanico .carta-mano-estadio:nth-child(1){transform:rotate(-4deg)}.mano-abanico .carta-mano-estadio:nth-child(2){transform:rotate(-2deg)}.mano-abanico .carta-mano-estadio:nth-child(3){transform:rotate(0)}.mano-abanico .carta-mano-estadio:nth-child(4){transform:rotate(2deg)}.mano-abanico .carta-mano-estadio:nth-child(5){transform:rotate(4deg)}.mano-abanico .carta-mano-estadio:hover,.mano-abanico .carta-mano-estadio.seleccionada{transform:translateY(-16px) rotate(0) scale(1.04);z-index:8}
.estadio-animado .carta-estadio,.estadio-animado .pila-cartas,.estadio-animado .energia-grande i{transition:transform .2s,box-shadow .2s,opacity .2s}.estadio-animado .carta-estadio:hover{transform:translateY(-3px);box-shadow:0 20px 38px #000a}.estadio-sin-animacion *{transition:none!important;animation:none!important}
.grid-editor-estadio{display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:14px}.formulario-estadio-admin form{padding:16px}.formulario-estadio-admin label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;color:#9db0ba;font-size:10px;letter-spacing:.04em}.formulario-estadio-admin input[type=text],.formulario-estadio-admin select{width:100%;padding:10px;background:#07151e;border:1px solid #36566a;color:#dbe7ed}.formulario-estadio-admin input[type=range]{width:100%;accent-color:#d0a34d}.fila-admin-doble{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks-estadio{display:grid;gap:8px;padding:10px 0;border-top:1px solid #1d3848;border-bottom:1px solid #1d3848}.checks-estadio label{display:block;margin:0;font-size:10px}.acciones-admin-estadio{display:flex;gap:8px;flex-wrap:wrap}.acciones-admin-estadio .boton{border-radius:0;cursor:pointer}.panel-preview-estadio iframe{display:block;width:100%;height:690px;border:0;background:#050b12}.panel-preview-estadio .nota-admin{margin:0;padding:10px 12px;border-top:1px solid #1f3948}.aviso-admin-exito{margin-bottom:12px;padding:10px 14px;border:1px solid #437158;background:#10251c;color:#a9d6b8;font-size:11px}.preview-estadio-body{margin:0;background:#050b12}.estadio-preview{padding:10px}.preview-etiqueta{padding:7px 9px;margin-bottom:8px;border:1px solid #3c5a6c;background:#0d202c;color:#8ea7b5;font-size:8px;letter-spacing:.12em}.recargando{opacity:.55;transform:rotate(-1deg)}
@media(max-width:1050px){.grid-editor-estadio{grid-template-columns:1fr}.panel-preview-estadio iframe{height:760px}}@media(max-width:700px){.fila-admin-doble{grid-template-columns:1fr}.mano-abanico .mano-carrusel{justify-content:flex-start;overflow-x:auto}.mano-abanico .carta-mano-estadio{margin-left:-18px}.panel-preview-estadio iframe{height:680px}}
/* Fase 1.5.2 · Responsive del Estadio y desplazamiento robusto de la mano */
html,body{max-width:100%;overflow-x:hidden}.estadio-pagina{width:min(100%,1480px);max-width:1480px}.estadio,.mano-estadio,.registro-estadio{min-width:0;max-width:100%}.mano-navegacion{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch}.mano-carrusel{min-width:0;max-width:100%;overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#496b7d #07131b;cursor:grab}.mano-carrusel:active{cursor:grabbing}.mano-carrusel::-webkit-scrollbar{height:8px}.mano-carrusel::-webkit-scrollbar-track{background:#07131b}.mano-carrusel::-webkit-scrollbar-thumb{background:#496b7d;border-radius:10px}.mano-carrusel::-webkit-scrollbar-thumb:hover{background:#6d93a8}.carta-mano-estadio{flex:0 0 auto;user-select:none;-webkit-user-select:none}.mano-flecha{display:grid;place-items:center;border:0;border-left:1px solid #29495a;border-right:1px solid #29495a;background:linear-gradient(180deg,#112b3a,#081821);color:#d9e7ee;font:700 34px/1 Georgia;cursor:pointer;z-index:4;transition:background .15s,opacity .15s}.mano-flecha:hover{background:#173d52}.mano-flecha:disabled{opacity:.25;cursor:default}.mano-indicador{display:none;padding:7px 12px;text-align:center;border-top:1px solid #213d4e;background:#07151e;color:#7e9aaa;font-size:9px;letter-spacing:.04em}.mano-indicador span{color:#e0b35c;font-size:14px;margin-right:5px}.mano-cabecera-responsive span{white-space:normal}.campo-fila{max-width:100%}.carta-estadio{min-width:0}.info-rival-compacta{min-width:0}.registro-lista{overflow-x:hidden}.registro-item{min-width:0}.registro-item span{overflow-wrap:anywhere}
/* El abanico queda como presentación de escritorio. En pantallas táctiles se fuerza carrusel usable. */
@media (hover:none),(pointer:coarse){.mano-abanico .mano-carrusel{justify-content:flex-start!important;overflow-x:auto!important;padding-top:15px;padding-bottom:22px}.mano-abanico .carta-mano-estadio{margin-left:0!important;transform:none!important}.mano-abanico .carta-mano-estadio:hover,.mano-abanico .carta-mano-estadio.seleccionada{transform:translateY(-6px) scale(1.01)!important}.mano-carrusel{scroll-snap-type:x mandatory}.carta-mano-estadio{scroll-snap-align:center}}
@media(min-width:1200px){.estadio-pagina{width:min(96%,1480px)}.campo-fila{grid-template-columns:140px minmax(250px,310px) 140px;gap:42px}.lado-rival,.lado-jugador{padding-left:28px;padding-right:28px}.carta-estadio{width:100%;max-width:310px}.mano-carrusel{padding-left:18px;padding-right:18px}.carta-mano-estadio{min-width:185px;width:185px}}
@media(max-width:900px){.estadio-pagina{width:100%;padding-left:10px!important;padding-right:10px!important}.estadio-cabecera{gap:10px}.estadio-cabecera h1{font-size:clamp(28px,6vw,38px)}.campo-fila{grid-template-columns:72px minmax(0,1fr) 72px;gap:10px}.carta-estadio{width:100%;max-width:250px;justify-self:center}.mano-navegacion{grid-template-columns:36px minmax(0,1fr) 36px}.mano-flecha{font-size:28px}.mano-indicador{display:block}}
@media(max-width:600px){.contenedor.estadio-pagina{width:100%;padding-top:14px;padding-bottom:35px}.estadio-cabecera{padding-left:4px;padding-right:4px;margin-bottom:8px}.estadio-cabecera h1{font-size:28px;line-height:1.08}.estadio-cabecera p{font-size:10px;line-height:1.45}.barra-ayuda-estadio{margin-left:0;margin-right:0}.cronista-ayuda{margin-left:0;margin-right:0}.estadio{border-left:0;border-right:0}.campo-fila{grid-template-columns:52px minmax(0,1fr) 52px;gap:5px;min-height:220px}.pila-cartas{width:42px;height:60px}.zona-pila small{font-size:5.5px;letter-spacing:.04em}.carta-estadio{padding:8px;max-width:220px}.arte-estadio{height:62px;font-size:35px}.carta-estadio h3{font-size:15px;overflow-wrap:anywhere}.stats-estadio{flex-wrap:wrap}.stats-estadio b{font-size:6.5px}.recursos-rival{flex-wrap:wrap}.linea-arena{height:30px}.linea-arena span{max-width:88%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mano-estadio{margin-left:0;margin-right:0}.mano-navegacion{grid-template-columns:30px minmax(0,1fr) 30px}.mano-flecha{font-size:25px}.mano-carrusel{gap:10px;padding:13px 8px 19px}.carta-mano-estadio,.tamano-cartas-grande .carta-mano-estadio,.tamano-cartas-compacto .carta-mano-estadio{min-width:min(76vw,250px);width:min(76vw,250px);min-height:250px}.arte-mano{height:72px}.carta-mano-estadio h3{font-size:18px}.carta-mano-estadio p{font-size:10px}.detalle-seleccion{grid-template-columns:44px minmax(0,1fr);padding:10px}.detalle-icono{width:42px;height:42px}.detalle-seleccion h3{font-size:16px}.detalle-seleccion p{font-size:9px;overflow-wrap:anywhere}.acciones-principales-estadio{position:sticky;bottom:0;z-index:18;padding:8px;background:linear-gradient(180deg,#07111cdd,#07111c 35%);border-top:1px solid #29495a;margin-top:8px}.acciones-principales-estadio button{min-height:58px}.registro-lista{max-height:260px}.mano-cabecera-responsive{align-items:flex-start;gap:8px}.mano-cabecera-responsive span{font-size:8px;line-height:1.4}.mano-cabecera-responsive b{white-space:nowrap}}
@media(max-width:380px){.campo-fila{grid-template-columns:44px minmax(0,1fr) 44px}.pila-cartas{width:36px;height:52px}.carta-estadio{padding:6px}.arte-estadio{height:54px}.carta-mano-estadio,.tamano-cartas-grande .carta-mano-estadio,.tamano-cartas-compacto .carta-mano-estadio{min-width:82vw;width:82vw}.mano-navegacion{grid-template-columns:26px minmax(0,1fr) 26px}}
/* ===== FASE 1.5.3 · REORDEN VISUAL Y RESPONSIVE DEL ESTADIO ===== */
/* Blindaje: el contenido del combate siempre se apila verticalmente aunque otra regla global intente flex/grid. */
main.estadio-pagina{display:block!important;width:min(100% - 32px,1500px)!important;max-width:1500px!important;margin:0 auto!important;padding:24px 0 50px!important;min-width:0!important;overflow:visible!important}
main.estadio-pagina>.estadio-cabecera,
main.estadio-pagina>.barra-ayuda-estadio,
main.estadio-pagina>.estadio-grid-principal,
main.estadio-pagina>.resultado-estadio,
main.estadio-pagina>.acciones-fin{width:100%!important;max-width:100%!important;min-width:0!important;float:none!important}
.estadio-cabecera{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:24px!important}.estadio-cabecera>div{min-width:0}.estadio-cabecera h1{font-size:clamp(34px,3.2vw,52px)!important;overflow-wrap:anywhere}.estadio-cabecera p{max-width:760px!important}.estado-linea{min-width:150px}
.barra-ayuda-estadio{width:100%;min-width:0}.barra-ayuda-estadio>div{min-width:0}.barra-ayuda-estadio small{overflow-wrap:anywhere}
/* Área principal: tablero grande + columna de ayuda. */
.estadio-grid-principal{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(290px,330px)!important;gap:14px!important;align-items:start!important;min-width:0!important}
.estadio-columna-juego,.estadio-columna-apoyo{min-width:0!important;width:100%!important;max-width:100%!important}
.estadio-columna-juego{display:block!important}.estadio-columna-apoyo{display:flex!important;flex-direction:column!important;gap:12px!important;position:sticky;top:82px}
.mensaje-estadio{margin-bottom:10px;padding:10px 12px;border:1px solid #4c6b7c;background:#0b1d28;color:#c8dae4;font-size:11px;line-height:1.45}
/* El tablero ocupa de verdad su columna y no puede convertirse en una tira estrecha. */
.estadio-columna-juego>.estadio,.estadio-columna-juego>.mano-estadio,.estadio-columna-juego>.acciones-principales-estadio{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
.estadio{overflow:hidden!important}.lado-rival,.lado-jugador{width:100%!important;min-width:0!important}.campo-fila{width:100%!important;grid-template-columns:minmax(74px,110px) minmax(210px,285px) minmax(74px,110px)!important;gap:clamp(10px,2vw,30px)!important;justify-content:center!important}.carta-estadio{width:100%!important;max-width:285px!important}.carta-estadio .vida{width:100%!important;max-width:240px!important;margin-inline:auto}.pila-cartas{max-width:100%}
/* Ayuda del Cronista y registro: compactos y legibles en PC. */
.estadio-columna-apoyo .cronista-ayuda{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;gap:11px!important;margin:0!important;padding:13px!important;align-items:start!important}.estadio-columna-apoyo .cronista-avatar{width:48px;height:48px;font-size:24px}.estadio-columna-apoyo .cronista-ayuda h2{font-size:20px;line-height:1.08}.estadio-columna-apoyo .cronista-ayuda p,.estadio-columna-apoyo .cronista-ayuda strong{font-size:10px;overflow-wrap:anywhere}.estadio-columna-apoyo .pasos-tutorial{grid-column:1/-1;justify-content:center;flex-wrap:wrap}.estadio-columna-apoyo .registro-estadio{width:100%!important;max-width:100%!important;margin:0!important}.estadio-columna-apoyo .registro-lista{max-height:430px!important;overflow:auto!important}.estadio-columna-apoyo .panel-cab{gap:8px}.estadio-columna-apoyo .panel-cab>*{min-width:0}.estadio-columna-apoyo .panel-cab span,.estadio-columna-apoyo .panel-cab b{overflow-wrap:anywhere}
/* Mano: una sola fila estable, nunca empuja el layout completo. */
.mano-estadio{overflow:hidden!important}.mano-navegacion{width:100%!important;min-width:0!important}.mano-carrusel{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important}.mano-carrusel .carta-mano-estadio{flex:0 0 168px!important;width:168px!important;min-width:168px!important;max-width:168px!important;margin-left:0!important;transform:none!important}.mano-carrusel .carta-mano-estadio:hover,.mano-carrusel .carta-mano-estadio.seleccionada{transform:translateY(-7px)!important}.mano-abanico .mano-carrusel{overflow-x:auto!important;justify-content:flex-start!important;padding-top:18px!important;padding-bottom:22px!important}.mano-abanico .carta-mano-estadio{margin-left:0!important;transform:none!important}
.detalle-seleccion{min-width:0}.detalle-seleccion>div:last-child{min-width:0}.detalle-seleccion p,.detalle-seleccion h3{overflow-wrap:anywhere}
.acciones-principales-estadio{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.acciones-principales-estadio form{min-width:0}
/* PC de ancho medio: ayuda pasa debajo para dar prioridad absoluta al tablero. */
@media(max-width:1250px){
.estadio-grid-principal{grid-template-columns:1fr!important}
.estadio-columna-apoyo{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}
.estadio-columna-apoyo .cronista-ayuda,.estadio-columna-apoyo .registro-estadio{height:100%}
.estadio-columna-apoyo .registro-lista{max-height:280px!important}
}
/* Tablet. */
@media(max-width:900px){
main.estadio-pagina{width:calc(100% - 20px)!important;padding-top:16px!important}
.estadio-cabecera{grid-template-columns:1fr!important;gap:10px!important;align-items:start!important}.estado-linea{text-align:left!important;border-left:0!important;border-top:1px solid #264354!important;padding:8px 0 0!important}
.estadio-columna-apoyo{grid-template-columns:1fr!important}.estadio-columna-apoyo{order:-1}.estadio-columna-juego{order:0}
.campo-fila{grid-template-columns:64px minmax(180px,245px) 64px!important;gap:8px!important}
.pila-cartas{width:54px!important;height:76px!important}.mano-carrusel .carta-mano-estadio{flex-basis:190px!important;width:190px!important;min-width:190px!important;max-width:190px!important}
}
/* Móvil: tablero limpio, controles cómodos y desplazamiento horizontal fiable. */
@media(max-width:600px){
main.estadio-pagina{width:100%!important;padding:10px 8px 90px!important}
.estadio-cabecera{padding:0!important}.estadio-cabecera h1{font-size:30px!important}.estadio-cabecera p{font-size:11px!important;line-height:1.45!important}
.barra-ayuda-estadio{padding:9px 10px!important;gap:8px!important}.barra-ayuda-estadio>div{width:100%!important}.barra-ayuda-estadio form{width:100%}.boton-consejos{width:100%}
.estadio-columna-apoyo .cronista-ayuda{grid-template-columns:42px minmax(0,1fr)!important;padding:10px!important}.estadio-columna-apoyo .cronista-avatar{width:40px;height:40px;font-size:21px}.estadio-columna-apoyo .cronista-ayuda h2{font-size:18px}
.campo-fila{grid-template-columns:48px minmax(0,1fr) 48px!important;gap:5px!important;min-height:210px!important}.lado-rival,.lado-jugador{padding:10px 5px!important}.pila-cartas{width:40px!important;height:58px!important;box-shadow:2px 2px 0 #061019!important}.zona-pila small{font-size:5.5px!important}.carta-estadio{max-width:215px!important;padding:7px!important}.arte-estadio{height:58px!important;font-size:33px!important}.carta-estadio h3{font-size:15px!important}.carta-estadio>span{font-size:9px!important}.stats-estadio{gap:2px!important;flex-wrap:wrap!important}.stats-estadio b{font-size:6.5px!important;padding:3px 4px!important}.recursos-rival{flex-wrap:wrap!important}.energia-grande{padding:6px 2px!important;gap:5px!important;flex-wrap:wrap!important}.energia-grande div{max-width:100%;flex-wrap:wrap;justify-content:center}
.mano-navegacion{grid-template-columns:28px minmax(0,1fr) 28px!important}.mano-flecha{font-size:24px!important}.mano-carrusel{gap:8px!important;padding:12px 8px 17px!important;scroll-snap-type:x mandatory!important}.mano-carrusel .carta-mano-estadio,.tamano-cartas-grande .mano-carrusel .carta-mano-estadio,.tamano-cartas-compacto .mano-carrusel .carta-mano-estadio{flex:0 0 min(78vw,260px)!important;width:min(78vw,260px)!important;min-width:min(78vw,260px)!important;max-width:min(78vw,260px)!important;scroll-snap-align:center!important;min-height:250px!important}.mano-carrusel .carta-mano-estadio:hover{transform:none!important}.mano-carrusel .carta-mano-estadio.seleccionada{transform:translateY(-4px)!important}
.detalle-seleccion{grid-template-columns:42px minmax(0,1fr)!important;padding:9px!important}.detalle-icono{width:40px!important;height:40px!important}.detalle-seleccion h3{font-size:16px!important}
.acciones-principales-estadio{position:sticky!important;bottom:0!important;z-index:25!important;grid-template-columns:1fr 1fr!important;padding:7px 0!important;margin:8px 0 0!important;background:linear-gradient(180deg,#07111cdd,#07111c 30%)!important}.acciones-principales-estadio button{min-height:60px!important;padding:7px!important;grid-template-columns:30px 1fr!important}.acciones-principales-estadio button>b{font-size:20px!important}.acciones-principales-estadio button>span{font-size:9px!important}.acciones-principales-estadio button>small{font-size:7px!important}
.estadio-columna-apoyo .registro-lista{max-height:220px!important}
}
@media(max-width:380px){
.campo-fila{grid-template-columns:42px minmax(0,1fr) 42px!important}.pila-cartas{width:34px!important;height:50px!important}.carta-estadio{max-width:190px!important}.mano-navegacion{grid-template-columns:24px minmax(0,1fr) 24px!important}.acciones-principales-estadio{grid-template-columns:1fr!important;position:static!important}
}
/* ===== FASE 1.5.4 · SECUENCIA DE COMBATE Y CONFIRMACIÓN DE CARTAS ===== */
.barra-ayuda-estadio.estado-pasar-turno{border-color:#b1833d;background:linear-gradient(90deg,#211b10,#4a3514,#211b10)}
.barra-ayuda-estadio.estado-pasar-turno .luz-turno{background:#efb652;box-shadow:0 0 14px #efb652}
.barra-ayuda-estadio.estado-pasar-turno b{color:#ffd78d}
.secuencia-turno{width:100%;margin:0 0 12px;border:1px solid #304f61;background:#081720;overflow:hidden}
.secuencia-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;border-bottom:1px solid #29495a;background:#0d2230}
.secuencia-cab span{font-size:8px;letter-spacing:.1em;color:#d7ad5c}.secuencia-cab b{font-size:8px;color:#8ea6b2}
.secuencia-pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.paso-secuencia{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;min-width:0;padding:10px;border-right:1px solid #213a48;position:relative}
.paso-secuencia:last-child{border-right:0}.paso-secuencia i{width:26px;height:26px;display:grid;place-items:center;border:1px solid #3a5666;background:#07141c;color:#708995;font-style:normal;font-size:9px}
.paso-secuencia span{min-width:0}.paso-secuencia b,.paso-secuencia small{display:block;overflow-wrap:anywhere}.paso-secuencia b{font-size:8px;color:#91a9b4}.paso-secuencia small{margin-top:2px;font-size:7px;line-height:1.35;color:#607986}
.paso-secuencia.hecho{background:#0c241d}.paso-secuencia.hecho i{border-color:#4a916d;color:#aee2c5;background:#123427}.paso-secuencia.hecho b{color:#9bd0b4}
.paso-secuencia.actual{background:linear-gradient(180deg,#2a2212,#101a1e);box-shadow:inset 0 -3px #d0a24e}.paso-secuencia.actual i{border-color:#bd9142;color:#ffd487;background:#2f2410}.paso-secuencia.actual b{color:#f0c66f}
.etiqueta-efecto{display:inline-flex;align-self:flex-start;margin:0 0 7px;padding:4px 6px;border:1px solid #35566a;background:#0a1b25;color:#9fb5bf;font-size:7px;letter-spacing:.04em}
.carta-mano-estadio.seleccionada:after{content:'SELECCIONADA · AÚN NO USADA';position:absolute;left:7px;right:7px;bottom:46px;padding:5px;text-align:center;background:#2c2210;border:1px solid #b88d3f;color:#f2c973;font-size:6.5px;letter-spacing:.06em;z-index:3}
.detalle-seleccion{grid-template-columns:55px minmax(0,1fr) minmax(165px,210px)!important}
.detalle-contenido{min-width:0}.detalle-coste{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.detalle-coste span{padding:5px 7px;border:1px solid #315163;background:#0b202b;font-size:8px;color:#9fb3bd}.detalle-motivo{margin-top:6px!important}.confirmar-carta{margin:0;align-self:stretch;display:flex;align-items:stretch}.confirmar-carta button{width:100%;min-height:58px;padding:9px;border:1px solid #4a916d;background:linear-gradient(180deg,#18432f,#0d2a1d);color:#e1f4e8;font-size:9px;font-weight:700;letter-spacing:.04em;cursor:pointer}.confirmar-carta button:disabled{border-color:#43525a;background:#161f24;color:#66757d;cursor:not-allowed}
.acciones-principales-estadio button.accion-requerida{border-color:#c29142!important;background:linear-gradient(180deg,#5b4119,#2c210f)!important;box-shadow:inset 0 0 0 1px #e1b35b55,0 0 18px #c28d3a22!important}.acciones-principales-estadio button.accion-requerida>span,.acciones-principales-estadio button.accion-requerida>small{color:#f5d792!important}
@media(max-width:900px){
.secuencia-pasos{grid-template-columns:1fr 1fr}.paso-secuencia:nth-child(2){border-right:0}.paso-secuencia:nth-child(-n+2){border-bottom:1px solid #213a48}
.detalle-seleccion{grid-template-columns:48px minmax(0,1fr)!important}.confirmar-carta{grid-column:1/-1}.confirmar-carta button{min-height:48px}
}
@media(max-width:600px){
.secuencia-cab{align-items:flex-start;flex-direction:column;gap:3px}.secuencia-pasos{grid-template-columns:1fr}.paso-secuencia{border-right:0!important;border-bottom:1px solid #213a48!important;padding:8px}.paso-secuencia:last-child{border-bottom:0!important}.paso-secuencia i{width:24px;height:24px}
.detalle-seleccion{grid-template-columns:42px minmax(0,1fr)!important}.confirmar-carta{grid-column:1/-1!important}.detalle-coste{gap:5px}.detalle-coste span{flex:1 1 130px;text-align:center}
.carta-mano-estadio.seleccionada:after{bottom:45px;font-size:6px}
}
/* ===== FASE 1.5.5 · ROBO MANUAL Y CONTROL DEL MAZO ===== */
.barra-ayuda-estadio.estado-robar{border-color:#4b83a6;background:linear-gradient(90deg,#0b1f2d,#12364d,#0b1f2d)}
.barra-ayuda-estadio.estado-robar .luz-turno{background:#73bde8;box-shadow:0 0 14px #73bde8}.barra-ayuda-estadio.estado-robar b{color:#bfe8ff}
.secuencia-pasos.secuencia-cinco{grid-template-columns:repeat(5,minmax(0,1fr))}
.zona-mazo-jugador{display:flex!important;flex-direction:column;align-items:center;gap:5px;min-width:92px}
.accion-mazo{width:100%;margin:0}.accion-mazo button{width:100%;min-height:42px;padding:6px;border:1px solid #355a70;background:#0b2432;color:#d6e7ef;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:3px 5px;text-align:left;cursor:pointer}
.accion-mazo button span{font-size:7px;font-weight:800;letter-spacing:.04em}.accion-mazo button small{grid-column:1/-1;font-size:5.8px;color:#7e9aaa;line-height:1.25}.accion-mazo button:disabled{opacity:.38;cursor:not-allowed}
.accion-mazo .boton-robar.activo{border-color:#5ba9d2;background:linear-gradient(180deg,#174b66,#0c2938);box-shadow:0 0 0 1px #83c9ee33,0 0 18px #5bb8ea25;animation:pulso-robo 1.6s ease-in-out infinite}.accion-mazo .boton-robar.activo span{color:#c9efff}
.accion-mazo .boton-barajar:not(:disabled){border-color:#8c743e;background:linear-gradient(180deg,#302712,#17190f)}
@keyframes pulso-robo{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.accion-mazo .boton-robar.activo{animation:none}}
@media(max-width:1250px){.secuencia-pasos.secuencia-cinco{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}}
@media(max-width:900px){.secuencia-pasos.secuencia-cinco{grid-template-columns:1fr 1fr!important;overflow:visible}.secuencia-pasos.secuencia-cinco .paso-secuencia{border-bottom:1px solid #213a48}.secuencia-pasos.secuencia-cinco .paso-secuencia:last-child{grid-column:1/-1}.zona-mazo-jugador{min-width:72px}.accion-mazo button{grid-template-columns:1fr;text-align:center}.accion-mazo button small{display:none}}
@media(max-width:600px){.secuencia-pasos.secuencia-cinco{grid-template-columns:1fr!important}.secuencia-pasos.secuencia-cinco .paso-secuencia:last-child{grid-column:auto}.campo-fila.jugador-fila{grid-template-columns:68px minmax(0,1fr) 48px!important}.zona-mazo-jugador{min-width:0}.zona-mazo-jugador .pila-cartas{width:46px!important}.accion-mazo button{min-height:38px;padding:4px 3px}.accion-mazo button span{font-size:6px}.accion-mazo button{font-size:13px}}
/* ===== FASE 1.5.6 · RIVAL VIVO / TURNO DE IA ===== */
.turno-rival-pensando{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(3,9,14,.78);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.turno-rival-pensando.visible{opacity:1;visibility:visible}
.rival-pensando-caja{width:min(620px,100%);display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;align-items:center;padding:22px;border:1px solid #426075;background:linear-gradient(145deg,#102633,#08141d);box-shadow:0 24px 70px #000a}
.rival-pensando-icono{width:78px;height:78px;display:grid;place-items:center;border:1px solid #b38942;background:#0a1822;font-size:38px;color:#e3b457}
.rival-pensando-contenido{min-width:0}.rival-pensando-contenido small{display:block;color:#d5a84f;font-size:8px;letter-spacing:.18em;font-weight:800}.rival-pensando-contenido h2{margin:5px 0 7px;font:700 clamp(22px,4vw,34px)/1.08 Georgia,serif;color:#edf6fa}.rival-pensando-contenido p{margin:0;color:#8da6b4;line-height:1.5;font-size:12px}
.rival-pensando-barra{height:10px;margin-top:15px;border:1px solid #315064;background:#061018;overflow:hidden}.rival-pensando-barra i{display:block;width:6%;height:100%;background:linear-gradient(90deg,#927035,#e3b75c);transition:width .32s ease}
.rival-pensando-pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:9px}.rival-pensando-pasos span{min-width:0;padding:6px;border:1px solid #273e4c;background:#091721;color:#637d8b;font-size:7px;line-height:1.25;text-align:center}.rival-pensando-pasos span.activo{border-color:#ad8441;background:#241c0e;color:#f0ca78}
.rival-pensando-activo{overflow:hidden}
@media(max-width:600px){.turno-rival-pensando{padding:14px}.rival-pensando-caja{grid-template-columns:56px minmax(0,1fr);gap:11px;padding:14px}.rival-pensando-icono{width:52px;height:52px;font-size:27px}.rival-pensando-contenido h2{font-size:22px}.rival-pensando-pasos{grid-template-columns:1fr 1fr}.rival-pensando-pasos span{font-size:6.5px;padding:5px}.rival-pensando-barra{height:8px}}
@media(prefers-reduced-motion:reduce){.turno-rival-pensando,.rival-pensando-barra i{transition:none}}
/* ===== FASE 1.5.7 · CONSOLIDACIÓN Y ESTADO DE VERSIÓN ===== */
.estado-version-admin{position:relative;overflow:hidden}
.estado-version-admin.version-ok{border-color:rgba(103,211,139,.28)}
.estado-version-admin.version-alerta{border-color:rgba(255,183,77,.38)}
.estado-version-admin .nota-admin{margin:.35rem 0 0;line-height:1.65}
.meta-version-admin{margin:.65rem 0 0;color:var(--texto-secundario,#9aa8ba);font-size:.86rem}
@media (max-width:760px){.estado-version-admin .panel-cab{align-items:flex-start;gap:.35rem}.estado-version-admin .panel-cab b{text-align:left}}
/* ===== FASE 1.5.8 · ADMINISTRACIÓN POR LISTADO + EDITOR INDIVIDUAL ===== */
.admin-catalogo,.admin-editor-individual{min-width:0}
.admin-resumen-catalogo{margin-bottom:14px}
.admin-filtros{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto auto;gap:10px;align-items:end;margin-bottom:14px;padding:14px}
.admin-filtros-usuarios{grid-template-columns:minmax(240px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto auto}
.admin-filtros label,.admin-campos-editor label{display:grid;gap:5px;min-width:0;color:#8fa7b4;font-size:8px;letter-spacing:.05em;text-transform:uppercase}
.admin-filtros input,.admin-filtros select,.admin-campos-editor input,.admin-campos-editor select,.admin-campos-editor textarea{width:100%;min-width:0;border:1px solid #304e60;background:#07141d;color:#e5eef3;padding:10px 11px;font:inherit;text-transform:none;letter-spacing:normal;box-sizing:border-box}
.admin-filtros input:focus,.admin-filtros select:focus,.admin-campos-editor input:focus,.admin-campos-editor select:focus,.admin-campos-editor textarea:focus{outline:1px solid #b68a3e;border-color:#b68a3e}
.admin-campos-editor small{color:#69818e;text-transform:none;letter-spacing:normal;line-height:1.35}
.admin-listado-cartas,.admin-listado-usuarios{display:grid;gap:9px}
.admin-item-carta,.admin-item-usuario{display:grid;grid-template-columns:62px minmax(0,1fr) minmax(170px,230px);gap:13px;align-items:center;padding:12px 14px;border:1px solid #284452;background:linear-gradient(180deg,#0c1c26,#08131b);color:inherit;text-decoration:none;transition:border-color .16s ease,transform .16s ease,background .16s ease;min-width:0}
.admin-item-carta:hover,.admin-item-usuario:hover{border-color:#8d713e;background:linear-gradient(180deg,#112633,#091923);transform:translateY(-1px)}
.admin-item-carta.inactivo{opacity:.62}.admin-item-icono,.admin-avatar-usuario{width:54px;height:66px;display:grid;place-items:center;border:1px solid #3a5665;background:#07141c;font-size:27px}.admin-avatar-usuario{height:54px;border-radius:50%}
.admin-item-info{min-width:0}.admin-item-info small{display:block;color:#6e8794;font-size:7px;letter-spacing:.06em;overflow-wrap:anywhere}.admin-item-info h2{margin:3px 0 4px;font:700 18px/1.1 Georgia,serif;color:#e9f0f3;overflow-wrap:anywhere}.admin-item-info p{margin:0;color:#879daa;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.admin-etiquetas{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.admin-etiquetas span{padding:4px 6px;border:1px solid #314b59;background:#0b1b24;color:#91aab6;font-size:6.5px;letter-spacing:.05em}.admin-etiquetas .activo{border-color:#376c50;color:#9bd0b4}.admin-etiquetas .apagado{border-color:#69454a;color:#c99399}.admin-etiquetas .unica{border-color:#8b6d36;color:#e6bd68}
.admin-item-stats{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;color:#91a7b2;font-size:8px;text-align:right;min-width:0}.admin-item-stats>span{padding:6px 8px;border:1px solid #294350;background:#07151d}.admin-item-stats b{width:100%;color:#d8ac55;font-size:7px;letter-spacing:.08em}
.admin-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:14px;align-items:start}.admin-form-editor{padding:15px}.admin-campos-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:13px}.admin-campos-editor .campo-ancho{grid-column:1/-1}.admin-campos-editor textarea{resize:vertical;min-height:92px}.admin-acciones-editor{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.admin-preview-carta,.admin-ficha-usuario{position:sticky;top:82px;text-align:center;padding:18px}.admin-preview-icono,.admin-avatar-grande{width:88px;height:104px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid #526573;background:#07141c;font-size:40px}.admin-avatar-grande{height:88px;border-radius:50%}.admin-preview-carta h2,.admin-ficha-usuario h2{margin:5px 0;font:700 23px/1.12 Georgia,serif}.admin-preview-carta>small{color:#6d8591;font-size:7px;letter-spacing:.09em}.admin-preview-carta>p,.admin-ficha-usuario>p{color:#8ea4af;font-size:9px;line-height:1.55;overflow-wrap:anywhere}.admin-preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px}.admin-preview-stats span{padding:8px;border:1px solid #2d4958;background:#081720;color:#6f8996;font-size:6.5px;letter-spacing:.07em}.admin-preview-stats b{display:block;margin-top:4px;color:#dce8ed;font-size:10px}.admin-ficha-usuario hr{border:0;border-top:1px solid #29424f;margin:14px 0}.check-admin{margin-top:13px}
@media(max-width:1050px){.admin-filtros,.admin-filtros-usuarios{grid-template-columns:1fr 1fr 1fr}.admin-filtros label:first-child{grid-column:1/-1}.admin-editor-grid{grid-template-columns:1fr}.admin-preview-carta,.admin-ficha-usuario{position:static}.admin-item-carta,.admin-item-usuario{grid-template-columns:58px minmax(0,1fr)}.admin-item-stats{grid-column:1/-1;justify-content:flex-start;text-align:left}.admin-item-stats b{width:auto;margin-left:auto}}
@media(max-width:650px){.admin-filtros,.admin-filtros-usuarios{grid-template-columns:1fr}.admin-filtros label:first-child{grid-column:auto}.admin-filtros .boton{width:100%}.admin-item-carta,.admin-item-usuario{grid-template-columns:48px minmax(0,1fr);padding:10px;gap:9px}.admin-item-icono,.admin-avatar-usuario{width:44px;height:52px;font-size:22px}.admin-avatar-usuario{height:44px}.admin-item-info h2{font-size:16px}.admin-item-stats{gap:5px}.admin-campos-editor{grid-template-columns:1fr}.admin-campos-editor .campo-ancho{grid-column:auto}.admin-acciones-editor>*{width:100%}.admin-preview-stats{grid-template-columns:1fr 1fr}}
/* =========================================================
FASE 1.6.0 · Profundidad estratégica e IA avanzada
========================================================= */
.panel-estrategia-combate{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);
gap:12px;
margin:14px 0;
}
.panel-estrategia-combate>div{
min-width:0;
border:1px solid rgba(255,255,255,.09);
background:rgba(8,14,24,.78);
border-radius:14px;
padding:12px 14px;
display:flex;
flex-direction:column;
gap:5px;
}
.panel-estrategia-combate small{
font-size:.68rem;
letter-spacing:.08em;
opacity:.68;
font-weight:800;
}
.panel-estrategia-combate b{font-size:.92rem}
.panel-estrategia-combate span{font-size:.78rem;line-height:1.35;opacity:.88}
.estrategia-estados{flex-direction:row!important;align-content:flex-start;align-items:flex-start;flex-wrap:wrap}
.estrategia-estados>small{width:100%}
.estado-temporal{
display:inline-flex;
align-items:center;
min-height:30px;
padding:5px 9px;
border-radius:999px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.045);
font-weight:700;
}
.estado-temporal.peligro{border-color:rgba(255,116,116,.45)}
.estado-temporal.objetivo{border-color:rgba(255,201,93,.45)}
.estado-temporal.neutro{opacity:.62}
.ia-personalidad{
display:inline-flex;
width:max-content;
max-width:100%;
padding:3px 8px;
border-radius:999px;
border:1px solid rgba(255,255,255,.12);
font-size:.72rem!important;
}
.rival-pensando-perfil{
margin:10px 0 4px;
padding:9px 11px;
border:1px solid rgba(255,255,255,.1);
border-radius:10px;
display:flex;
flex-direction:column;
gap:3px;
}
.rival-pensando-perfil small{opacity:.72;line-height:1.3}
.registro-item.actor-jugador:has(small + span){}
@media (max-width: 980px){
.panel-estrategia-combate{grid-template-columns:1fr 1fr}
.estrategia-combo{grid-column:1/-1}
}
@media (max-width: 640px){
.panel-estrategia-combate{grid-template-columns:1fr;gap:8px}
.estrategia-combo{grid-column:auto}
.panel-estrategia-combate>div{padding:10px 11px}
}
/* =========================================================
FASE 1.6.1 · Inicio guiado, combates pendientes y recompensas
========================================================= */
.alerta-combate-pendiente{
display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;
margin:0 0 16px;padding:14px 16px;border:1px solid #8f6a2d;
background:linear-gradient(135deg,#241a0d,#101923 65%);box-shadow:0 12px 34px #0005;
}
.alerta-combate-pendiente .alerta-icono{width:54px;height:54px;display:grid;place-items:center;border:1px solid #8f6a2d;background:#0a151d;font-size:26px}
.alerta-combate-pendiente small,.introduccion-entrenador small,.bloqueo-entrenamiento small{color:#d7aa54;font-size:8px;letter-spacing:.12em;font-weight:800}
.alerta-combate-pendiente h2,.introduccion-entrenador h2,.bloqueo-entrenamiento h2{margin:4px 0 6px;font:700 22px/1.1 Georgia,serif;color:#eef4f7}
.alerta-combate-pendiente p,.introduccion-entrenador p,.bloqueo-entrenamiento p{margin:0;color:#91a7b3;line-height:1.5}
.introduccion-entrenador{margin-bottom:14px;border-color:#6f5832;background:linear-gradient(180deg,#132531,#0a151d)}
.bloqueo-entrenamiento{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:16px;border-color:#725a32}
.enfriamiento-rival{margin-top:9px;padding:7px 9px;border:1px solid #76583a;background:#21190f;color:#e0b66e;font-size:8px;letter-spacing:.04em}
.enfriamiento-rival.disponible{border-color:#2f6148;background:#0d2018;color:#9ed0b2}
.eleccion-recompensa-combate{margin-top:18px;padding:16px;border:1px solid #7b6235;background:linear-gradient(180deg,#142631,#0b151c);text-align:left}
.eleccion-recompensa-combate>small{display:block;color:#d7aa54;font-size:8px;letter-spacing:.12em;font-weight:800}
.eleccion-recompensa-combate>h3{margin:5px 0;font:700 24px/1.1 Georgia,serif;color:#eef3f5}
.eleccion-recompensa-combate>p{margin:0 0 12px;color:#8fa5b0;line-height:1.5}
.grid-eleccion-recompensa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.carta-recompensa-opcion{display:flex;flex-direction:column;gap:7px;min-width:0;padding:12px;border:1px solid #35505e;background:#081720;color:#dfe9ed}
.carta-recompensa-opcion:hover{border-color:#9a783e;background:#0d202b}
.carta-recompensa-opcion .icono{height:68px;display:grid;place-items:center;border:1px solid #314b58;background:#07131b;font-size:34px}
.carta-recompensa-opcion>small{color:#78909d;font-size:7px;letter-spacing:.07em}
.carta-recompensa-opcion h4{margin:0;font:700 17px/1.15 Georgia,serif;color:#eef3f5}
.carta-recompensa-opcion p{margin:0;min-height:52px;color:#8da3ae;font-size:9px;line-height:1.45}
.carta-recompensa-opcion>b{margin-top:auto;color:#c9aa69;font-size:8px}
.carta-recompensa-opcion button{margin-top:auto;min-height:42px;border:1px solid #9a783e;background:#2b210f;color:#f0cc83;font-weight:800;cursor:pointer}
.carta-recompensa-opcion button:hover{background:#3a2c13}
@media(max-width:820px){
.alerta-combate-pendiente{grid-template-columns:auto minmax(0,1fr)}
.alerta-combate-pendiente .boton{grid-column:1/-1;width:100%;text-align:center}
.grid-eleccion-recompensa{grid-template-columns:1fr}
.carta-recompensa-opcion p{min-height:0}
}
@media(max-width:600px){
.alerta-combate-pendiente{grid-template-columns:1fr;padding:12px}.alerta-combate-pendiente .alerta-icono{width:44px;height:44px}
.bloqueo-entrenamiento{align-items:stretch;flex-direction:column}.bloqueo-entrenamiento .boton{width:100%;text-align:center}
.eleccion-recompensa-combate{padding:12px}.eleccion-recompensa-combate>h3{font-size:20px}
}
/* =========================================================
FASE 1.6.2 · Ruta narrativa y economía de revanchas
========================================================= */
.ruta-historia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 22px}
.ruta-historia-nodo{min-width:0;display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--borde,#27374a);border-radius:14px;background:rgba(11,18,29,.76)}
.ruta-historia-nodo>b{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);font-size:14px}
.ruta-historia-nodo div{min-width:0;display:grid;gap:2px}.ruta-historia-nodo small{font-size:10px;letter-spacing:.09em;opacity:.72}.ruta-historia-nodo strong{font-size:15px}.ruta-historia-nodo span{font-size:12px;line-height:1.35;opacity:.78}
.ruta-historia-nodo.actual{border-color:var(--acento,#d6a84a);background:linear-gradient(135deg,rgba(214,168,74,.13),rgba(11,18,29,.82))}.ruta-historia-nodo.actual>b{border-color:var(--acento,#d6a84a)}
.ruta-historia-nodo.completado{opacity:.82}.ruta-historia-nodo.completado>b{font-size:0}.ruta-historia-nodo.completado>b:after{content:'✓';font-size:16px}
.ruta-historia-nodo.disponible{border-color:rgba(110,190,150,.35)}
.historia-villa-alba{margin-bottom:18px}.regla-historia{margin:10px 0 0;padding:12px 14px;border-left:3px solid var(--acento,#d6a84a);background:rgba(255,255,255,.025);font-size:13px;line-height:1.5}
.nota-revancha{margin:10px 0;padding:10px 12px;border-radius:10px;border:1px solid rgba(214,168,74,.25);background:rgba(214,168,74,.08);font-size:13px;line-height:1.45}
@media(max-width:850px){.ruta-historia{grid-template-columns:1fr}.ruta-historia-nodo{padding:12px}.ruta-historia.resumen{gap:8px}}
@media(max-width:480px){.ruta-historia-nodo{align-items:flex-start}.ruta-historia-nodo>b{width:34px;height:34px;flex-basis:34px}.ruta-historia-nodo strong{font-size:14px}.ruta-historia-nodo span{font-size:11px}}
/* Fase 1.6.3 · Academia de aprendizaje, colección histórica y Héroes Cromados */
.carta-heroe-cromada{position:relative;border-color:#d9d5ff!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(118,112,180,.12),rgba(255,255,255,.03))!important;overflow:hidden}.carta-heroe-cromada:before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.18) 49%,transparent 60%);transform:rotate(8deg);pointer-events:none}.historial-carta{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:9px}.historial-carta summary{cursor:pointer;font-weight:700;color:#d7e4f3}.adquisicion-item{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.adquisicion-item span,.adquisicion-item small,.origen-mini{font-size:.78rem;color:#96a9bd}.origen-mini{margin-top:7px}.resumen-constructor,.metricas-aprendizaje{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.resumen-constructor span,.metricas-aprendizaje span{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;display:flex;flex-direction:column}.resumen-constructor b,.metricas-aprendizaje b{font-size:1.15rem}.resumen-constructor small,.metricas-aprendizaje small{color:#8ea1b4}.filtros-mazo button{appearance:none;border:1px solid rgba(255,255,255,.1);background:#0b1724;color:#c8d5e2;border-radius:8px;padding:8px 12px;cursor:pointer}.filtros-mazo button.activo{background:#17304a;border-color:#426f98}.fila-editor.guardada{opacity:.86}.fila-editor[hidden]{display:none!important}.leccion-infantil{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.maese-avatar{font-size:4rem;background:rgba(255,255,255,.04);border-radius:18px;padding:18px}.leccion-infantil h2{margin:.25rem 0}.leccion-infantil strong{color:#d9e6f2}.consejo-mazo{margin:8px 0;padding:9px 11px;background:rgba(255,255,255,.04);border-radius:8px}.pasos-aprendizaje{display:flex;gap:8px;justify-content:center;margin:18px 0}.pasos-aprendizaje span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);color:#8ea1b4}.pasos-aprendizaje span.actual{background:#1c4160;color:#fff;border-color:#5789b4}.pasos-aprendizaje span.hecho{background:#17372d;color:#dff8ec}.acciones-aprendizaje{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.revelado-heroe{border:1px solid rgba(220,215,255,.55)!important;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(131,122,190,.15))!important}.admin-subpanel{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025);margin:12px 0}.admin-subpanel h3{margin:0}.alerta.info{border-color:rgba(89,141,184,.45);background:rgba(43,91,132,.15)}
@media(max-width:700px){.resumen-constructor,.metricas-aprendizaje{grid-template-columns:repeat(2,minmax(0,1fr))}.leccion-infantil{grid-template-columns:1fr;text-align:center}.maese-avatar{font-size:3rem;padding:12px}.acciones-aprendizaje{flex-direction:column}.acciones-aprendizaje .boton,.acciones-aprendizaje form,.acciones-aprendizaje form button{width:100%}}
/* Fase 1.6.3.1 · Reinicio seguro de cuentas de prueba */
.admin-zona-peligro{grid-column:1/-1;border:1px solid rgba(255,104,104,.42);background:linear-gradient(180deg,rgba(78,20,25,.22),rgba(18,22,31,.96));}
.admin-zona-peligro h2{margin:.8rem 0 .35rem}.admin-zona-peligro p{max-width:920px;line-height:1.55}.admin-form-reinicio{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap;margin-top:1rem}.admin-form-reinicio label{flex:1;min-width:260px}.admin-form-reinicio input{width:100%;margin-top:.4rem}.boton-peligro{background:linear-gradient(180deg,#a83842,#76232b);border-color:#d85b65;color:#fff}.boton-peligro:hover{filter:brightness(1.12)}
/* Fase 1.6.3.3 · Tutor flotante, avatares preparados y zona de logros */
.maese-avatar{width:96px;height:96px;display:grid;place-items:center;overflow:hidden;border:1px solid #8b6d39;background:radial-gradient(circle,#302710,#0a1720 72%);box-shadow:0 0 30px rgba(218,174,83,.12)}.maese-avatar img,.maese-chat-avatar img{width:100%;height:100%;object-fit:cover}.academia-aprendizaje{padding-bottom:220px}
.maese-chat-flotante{position:fixed;right:22px;bottom:20px;z-index:80;width:min(390px,calc(100vw - 44px));border:1px solid #9a783d;background:linear-gradient(180deg,#132736f7,#08151ff7);box-shadow:0 18px 50px #000b;border-radius:14px;overflow:hidden;backdrop-filter:blur(8px)}
.maese-chat-cab{display:grid;grid-template-columns:52px 1fr 34px;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #4c4831;background:linear-gradient(90deg,#27200f,#142735)}.maese-chat-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:2px solid #d2a451;background:#0a1720;font-size:25px}.maese-chat-cab small,.maese-chat-cuerpo small{display:block;color:#d6a84c;font-size:8px;letter-spacing:.12em}.maese-chat-cab strong{font:700 16px Georgia,serif}.maese-chat-min{width:30px;height:30px;border:1px solid #516778;background:#091720;color:#dce8ee;border-radius:7px;cursor:pointer}.maese-chat-cuerpo{padding:13px}.maese-chat-paso{color:#8ca6b5!important}.maese-chat-cuerpo h3{margin:4px 0 10px;font:700 20px Georgia,serif}.siguiente-paso-tutorial{border:1px solid #d4a64e;background:linear-gradient(135deg,rgba(212,166,78,.18),rgba(255,255,255,.025));padding:11px 12px;border-radius:10px;box-shadow:inset 3px 0 #e0b45f}.siguiente-paso-tutorial small{color:#f1c870;font-weight:900}.siguiente-paso-tutorial p{margin:5px 0 0;color:#f1f5f7;font-size:13px;line-height:1.5;font-weight:650}.maese-chat-acciones{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.maese-chat-acciones a,.maese-chat-acciones button{border:1px solid #4e6675;background:#0c202c;color:#dbe8ed;padding:9px 11px;border-radius:8px;text-decoration:none;font-weight:800;font-size:11px;cursor:pointer}.maese-chat-acciones button{border-color:#b88d42;background:#30240f;color:#f1cb82}.maese-chat-acciones form{margin:0}.maese-chat-flotante.minimizado .maese-chat-cuerpo{display:none}.maese-chat-flotante.minimizado{width:250px}
.grid-logros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.logro-tarjeta{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding:16px;border:1px solid #2a4657;background:linear-gradient(180deg,#0f2230,#091720);border-radius:12px}.logro-tarjeta.obtenido{border-color:#7d6738;background:linear-gradient(135deg,rgba(195,151,64,.13),#0b1b26 60%)}.logro-tarjeta.bloqueado{opacity:.64}.logro-icono{width:68px;height:68px;display:grid;place-items:center;border:1px solid #3a5665;background:#07141c;border-radius:50%;font-size:31px}.logro-tarjeta small{color:#cda34f;font-size:8px;letter-spacing:.12em}.logro-tarjeta h2{margin:3px 0 5px;font:700 21px Georgia,serif}.logro-tarjeta p{margin:0;color:#8fa5b0;font-size:11px;line-height:1.5}.logro-tarjeta strong,.logro-tarjeta span{display:block;margin-top:8px;font-size:10px;color:#b8cfbf}.logro-tarjeta span{color:#738b99}.logro-nuevo{display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center;margin-bottom:16px;padding:16px;border:1px solid #c59a45;background:linear-gradient(90deg,#2b210f,#102331);box-shadow:0 0 35px rgba(214,168,74,.12)}.logro-nuevo>div:first-child{font-size:42px;text-align:center}.logro-nuevo small{color:#e2b65c;letter-spacing:.12em;font-size:9px}.logro-nuevo h2{margin:3px 0;font:700 24px Georgia,serif}.logro-nuevo p{margin:0;color:#a1b3bd}.panel-logros-perfil{margin:16px 0}.logros-perfil-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.logros-perfil-lista article{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #294657;background:#081720}.logros-perfil-lista article>b{font-size:24px}.logros-perfil-lista strong,.logros-perfil-lista small{display:block}.logros-perfil-lista small{margin-top:3px;color:#768e9c;font-size:8px}.logros-perfil-lista>p{grid-column:1/-1;color:#829aa8;margin:5px}
@media(max-width:760px){.grid-logros{grid-template-columns:1fr}.logros-perfil-lista{grid-template-columns:1fr}.maese-chat-flotante{right:10px;bottom:10px;width:calc(100vw - 20px)}.academia-aprendizaje{padding-bottom:260px}.leccion-infantil{padding-bottom:12px}.maese-avatar{margin:auto;width:78px;height:78px}}
/* Fase 1.6.3.4 · hotfix tutorial siempre visible */
.maese-chat-flotante{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.maese-chat-combate{z-index:9999!important;right:24px!important;bottom:18px!important}
.maese-dialogo-texto{margin:0 0 10px;color:#d8e4ea;font-size:12px;line-height:1.55}
.pasos-tutorial-chat{display:flex;gap:6px;margin-top:10px;align-items:center}.pasos-tutorial-chat span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #526b7a;background:#07151e;color:#8da2ad;font-size:9px;font-weight:800}.pasos-tutorial-chat span.hecho{border-color:#b88d42;background:#30240f;color:#f2ca79}.pasos-tutorial-chat span.actual{border-color:#63a5d4;box-shadow:0 0 0 2px rgba(99,165,212,.13);color:#dff2ff}
.siguiente-paso-tutorial{animation:pulsoAyuda 2.2s ease-in-out infinite}@keyframes pulsoAyuda{0%,100%{box-shadow:inset 3px 0 #e0b45f,0 0 0 rgba(224,180,95,0)}50%{box-shadow:inset 3px 0 #e0b45f,0 0 22px rgba(224,180,95,.15)}}
@media(max-width:760px){.maese-chat-combate{right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;max-height:52vh;overflow:auto}.maese-chat-cuerpo h3{font-size:17px}.maese-dialogo-texto,.siguiente-paso-tutorial p{font-size:12px}}
/* Fase 1.6.3.5 · Campeones, frente descubierto y vida directa */
.estadio-campeones{padding:18px;display:grid;gap:16px;overflow:hidden}.marcador-vidas-directas{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.vida-comandante{padding:11px 14px;border:1px solid #315064;background:rgba(5,18,27,.9);border-radius:10px;display:flex;justify-content:space-between;gap:12px}.vida-comandante.rival{border-color:#744048}.vida-comandante.jugador{border-color:#2f6671}.vida-comandante small,.regla-central-20 small{color:#8aa3b2;font-size:10px}.vida-comandante b{color:#f1e7d5}.regla-central-20{text-align:center;padding:8px 13px;border:1px solid #b48745;background:#111c23;border-radius:10px}.regla-central-20 b{display:block;color:#e7bd72}.duelo-campeones{position:relative;z-index:2;display:grid;grid-template-columns:minmax(110px,180px) 70px minmax(110px,180px);justify-content:center;align-items:center;gap:14px;padding:18px 0}.mini-campeon{aspect-ratio:3/4;border:2px solid #54758a;border-radius:16px;background:linear-gradient(180deg,#183240,#091720);box-shadow:0 12px 30px rgba(0,0,0,.35);display:grid;grid-template-rows:1fr auto;overflow:hidden;transition:.2s}.mini-campeon.rival{border-color:#8a5057}.mini-campeon.jugador{border-color:#538996}.mini-campeon.caido{border-style:dashed;opacity:.72}.mini-campeon-imagen{display:grid;place-items:center;font-size:64px;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.09),transparent 55%)}.mini-campeon-imagen.descubierto{font-size:48px;color:#ffba73;background:repeating-linear-gradient(135deg,rgba(137,64,42,.28),rgba(137,64,42,.28) 8px,rgba(13,25,33,.7) 8px,rgba(13,25,33,.7) 16px)}.mini-campeon-vida{padding:8px;text-align:center;background:#07131a;color:#e8e0d0;font-weight:700;font-size:12px}.choque-campeones{text-align:center}.choque-campeones span{display:block;font-size:42px}.choque-campeones small{color:#d8ab64;letter-spacing:.12em}.zona-pilas-duelo{position:relative;z-index:2;display:grid;grid-template-columns:150px 1fr 1fr 150px;gap:12px;align-items:start}.estado-frente-central{padding:10px;border:1px solid #294758;background:rgba(4,16,24,.86);border-radius:10px;display:grid;gap:4px}.estado-frente-central b{font-size:12px}.estado-frente-central small{color:#819baa}.condiciones-victoria-mini{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.condiciones-victoria-mini span,.consejo-campeon-mazo{border:1px solid #2b4c5e;background:#081922;border-radius:9px;padding:8px 10px;color:#bcd0da;font-size:11px}.consejo-campeon-mazo{margin:12px 0}.consejo-campeon-mazo b{color:#e4b96f}.consejo-campeon-mazo p{margin:5px 0 0;color:#9bb0bb}.frente-descubierto{border-color:#9d563b!important;box-shadow:0 0 0 1px rgba(255,145,79,.2)}
@media(max-width:780px){.marcador-vidas-directas{grid-template-columns:1fr 1fr}.regla-central-20{grid-column:1/-1;grid-row:1}.duelo-campeones{grid-template-columns:minmax(90px,1fr) 50px minmax(90px,1fr);gap:8px}.mini-campeon-imagen{font-size:46px}.zona-pilas-duelo{grid-template-columns:1fr 1fr}.estado-frente-central{order:-1}.vida-comandante{display:grid}.condiciones-victoria-mini{justify-content:stretch}.condiciones-victoria-mini span{flex:1 1 100%}}
/* Fase 1.6.3.6 · Mano inicial protegida / mulligan */
.preparacion-inicial-combate{margin:18px 0;border:1px solid rgba(215,181,92,.42);background:linear-gradient(145deg,rgba(23,26,36,.98),rgba(16,18,26,.98));box-shadow:0 18px 45px rgba(0,0,0,.28)}
.preparacion-mensaje{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;padding:18px}.preparacion-mensaje.alerta-inicial{background:rgba(180,122,42,.08);border-bottom:1px solid rgba(215,181,92,.18)}
.preparacion-icono{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:32px;background:rgba(215,181,92,.12);border:1px solid rgba(215,181,92,.3)}
.preparacion-mensaje h2{margin:0 0 6px;font-size:1.2rem}.preparacion-mensaje p{margin:0 0 8px;color:var(--texto-suave,#b9c0cc);line-height:1.5}.preparacion-mensaje strong{color:#f3d889;font-size:.9rem}
.preparacion-accion{display:flex;justify-content:center;padding:8px 18px 20px}.boton-mulligan{display:flex;flex-direction:column;align-items:center;min-width:260px}.boton-mulligan small{font-weight:400;opacity:.75;margin-top:3px}
.opciones-campeon-inicial{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0 18px 18px}.opcion-campeon{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.035)}.opcion-campeon.es-heroe{border-color:rgba(235,204,102,.48);box-shadow:inset 0 0 24px rgba(235,204,102,.05)}.opcion-campeon-arte{font-size:34px;text-align:center}.opcion-campeon small,.opcion-campeon span{display:block;color:var(--texto-suave,#aeb6c4);font-size:.76rem}.opcion-campeon b{display:block;margin:2px 0 4px}.opcion-campeon button{grid-column:1/-1;border:0;border-radius:8px;padding:9px 12px;font-weight:800;cursor:pointer;background:rgba(215,181,92,.16);color:#f6df9a;border:1px solid rgba(215,181,92,.28)}
.regla-mulligan{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;padding:12px 18px;border-top:1px solid rgba(255,255,255,.08);font-size:.78rem}.regla-mulligan span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(215,181,92,.13);color:#f5db8c;font-weight:900}.regla-mulligan p{margin:0;color:var(--texto-suave,#adb4c0)}
.mini-campeon-imagen.preparando{border-style:dashed;opacity:.78}.estado-preparacion{border-color:rgba(215,181,92,.42)!important}.estado-preparacion .luz-turno{background:#e0b957!important;box-shadow:0 0 12px rgba(224,185,87,.75)!important}
@media(max-width:760px){.preparacion-mensaje{grid-template-columns:48px 1fr;gap:12px;padding:14px}.preparacion-icono{width:46px;height:46px;font-size:24px}.opciones-campeon-inicial{grid-template-columns:1fr;padding:0 12px 14px}.regla-mulligan{grid-template-columns:auto 1fr;gap:7px 9px;padding:12px 14px}.boton-mulligan{width:100%;min-width:0}}
/* Fase 1.6.4 · reglamento competitivo y repetidas */
.reglas-vivas{display:grid;gap:.45rem;margin:1rem 0;padding:.85rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(0,0,0,.18)}
.reglas-vivas span{display:block;font-size:.88rem}.reglas-vivas .ok{font-weight:800}
.venta-repetidas{margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.12)}.venta-repetidas small{font-weight:800;letter-spacing:.08em}.venta-repetidas p{font-size:.82rem}.venta-repetidas form{display:flex;gap:.5rem;align-items:center}.venta-repetidas input{width:64px}
@media(max-width:640px){.venta-repetidas form{align-items:stretch;flex-direction:column}.venta-repetidas input{width:100%}}
/* Fase 1.6.4.1 · Constructor competitivo de 20 espacios */
.barra-selector-mazo{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0;padding:12px;border:1px solid #294b5e;background:#07161f;border-radius:10px}.barra-selector-mazo label{display:grid;gap:5px;color:#8fa8b6;font-size:11px;letter-spacing:.04em}.barra-selector-mazo select{min-width:220px;background:#091923;border:1px solid #36586a;color:#e2edf2;border-radius:8px;padding:9px}.constructor-20{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.slot-competitivo{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;gap:10px;align-items:center;min-height:92px;padding:10px;border:1px solid #294758;background:linear-gradient(180deg,#0b1d28,#07141c);border-radius:11px;transition:.18s}.slot-competitivo.ocupado{border-color:#4c7185;box-shadow:inset 3px 0 #6c96aa}.slot-competitivo.vacio{border-style:dashed;opacity:.86}.numero-slot{display:grid;place-items:center;padding:8px 4px;border:1px solid #2d4b5a;background:#091821;border-radius:8px}.numero-slot b{font-size:20px;color:#e0ba72}.numero-slot small{font-size:7px;color:#7892a0;letter-spacing:.12em}.selector-slot-wrap{min-width:0}.selector-slot-wrap label{display:block;margin-bottom:5px;font-size:9px;color:#8ba2af;letter-spacing:.08em;text-transform:uppercase}.selector-slot{width:100%;min-width:0;background:#081821;border:1px solid #355669;color:#e4edf2;border-radius:8px;padding:9px 10px;font-size:12px}.selector-slot:focus{outline:2px solid #6c98b0;outline-offset:2px}.detalle-slot{margin-top:6px;min-height:16px;color:#7f99a7;font-size:9px;line-height:1.35}.quitar-slot{width:34px;height:34px;border-radius:50%;border:1px solid #65424a;background:#211319;color:#d6a2a7;font-size:20px;cursor:pointer}.quitar-slot:hover{background:#351821;color:#fff}.leyenda-constructor{display:grid;gap:5px;margin:14px 0;padding:12px 14px;border-left:3px solid #b88a48;background:#111b21;color:#9eb0ba;font-size:11px}.leyenda-constructor b{color:#e6bd74;margin-bottom:3px}.reglas-vivas{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.reglas-vivas span{padding:7px 9px;border:1px solid #6c4b37;background:#201813;border-radius:8px;color:#deb795;font-size:10px}.reglas-vivas span.ok{border-color:#336b5c;background:#0f241e;color:#9cd8c0}
@media(max-width:780px){.constructor-20{grid-template-columns:1fr}.barra-selector-mazo{align-items:stretch}.barra-selector-mazo label,.barra-selector-mazo select,.barra-selector-mazo .boton{width:100%}.slot-competitivo{grid-template-columns:44px minmax(0,1fr) 34px;padding:8px;min-height:88px}.selector-slot{font-size:11px;padding:9px 7px}}
@media(max-width:430px){.slot-competitivo{grid-template-columns:38px minmax(0,1fr) 30px;gap:7px}.numero-slot b{font-size:16px}.numero-slot small{display:none}.quitar-slot{width:28px;height:28px;font-size:17px}.detalle-slot{font-size:8px}}
/* Fase 1.6.4.2 · Inicio guiado en dos etapas */
.ruta-inicio-mini,.tutorial-ruta-dos-etapas{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;margin:14px 0;padding:14px;border:1px solid #2d4d5e;background:linear-gradient(180deg,#0b1d27,#07151d);border-radius:12px}
.ruta-inicio-mini>div,.tutorial-ruta-dos-etapas article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:10px;border:1px solid #294957;background:#081821;border-radius:10px}
.ruta-inicio-mini b,.tutorial-ruta-dos-etapas article>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #6b8a9a;background:#0d2530;color:#d8b66c;font-weight:900}
.ruta-inicio-mini strong,.tutorial-ruta-dos-etapas strong{display:block;color:#e8f0f3;font-size:12px}.ruta-inicio-mini small,.tutorial-ruta-dos-etapas small{display:block;margin-top:3px;color:#8199a6;line-height:1.35;font-size:9px}.ruta-inicio-mini>i,.tutorial-ruta-dos-etapas>i{color:#7c98a7;font-style:normal;font-weight:900;text-align:center}
.tutorial-ruta-dos-etapas{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.tutorial-ruta-dos-etapas article.activo{border-color:#b58b45;box-shadow:inset 3px 0 #d3a657}.tutorial-ruta-dos-etapas article.completado{border-color:#3e755f;background:#0a211b}.tutorial-ruta-dos-etapas article.completado>b{border-color:#5b9a7b;color:#b9e6cf}.tutorial-ruta-dos-etapas article.bloqueado{opacity:.52;filter:saturate(.55)}
.tutorial-ruta-dos-etapas.dashboard{margin:10px 0 12px}.tutorial-bienvenida-dashboard{margin-bottom:16px;border-color:#765f34;background:radial-gradient(circle at 20% 0,rgba(186,145,72,.12),transparent 34%),linear-gradient(180deg,#0d202a,#08151d)}.tutorial-bienvenida-texto{color:#9db0ba;line-height:1.55;margin:8px 0 14px}.bienvenida-aventura{margin-bottom:15px}.bienvenida-aventura strong{display:block;margin-bottom:4px;color:#e7c477}.bienvenida-aventura p{margin:0}
.nota-inicio-tutorial{margin:14px 0;padding:12px 14px;border-left:3px solid #b98b46;background:#111d24}.nota-inicio-tutorial strong{color:#e6bf76}.nota-inicio-tutorial p{margin:5px 0 0;color:#93a9b4;line-height:1.55;font-size:11px}.tutorial-etapa .leccion-infantil{border-color:#4e6e7e}.tutorial-etapa .maese-chat-flotante{z-index:70}
@media(max-width:760px){.ruta-inicio-mini{grid-template-columns:1fr}.ruta-inicio-mini>i{transform:rotate(90deg)}.tutorial-ruta-dos-etapas{grid-template-columns:1fr}.tutorial-ruta-dos-etapas>i{transform:rotate(90deg)}.tutorial-bienvenida-dashboard .boton{width:100%;text-align:center}}
/* ===== FASE 1.6.4.4 · ACCIONES TÁCTICAS + ATAQUE DEL CAMPEÓN ===== */
.secuencia-pasos.secuencia-seis{grid-template-columns:repeat(6,minmax(0,1fr))}
.acciones-combate-separadas .boton-ataque-campeon:not(:disabled){border-color:#9b6d47;background:linear-gradient(180deg,#4a2c17,#24170f);box-shadow:inset 0 0 0 1px #d49a5b33}
.acciones-combate-separadas .boton-ataque-campeon:not(:disabled)>span{color:#ffd2a6}
@media(max-width:1100px){.secuencia-pasos.secuencia-seis{grid-template-columns:repeat(3,minmax(0,1fr))}.secuencia-pasos.secuencia-seis .paso-secuencia:nth-child(3n){border-right:0}.secuencia-pasos.secuencia-seis .paso-secuencia:nth-child(-n+3){border-bottom:1px solid #213a48}}
@media(max-width:600px){.secuencia-pasos.secuencia-seis{grid-template-columns:1fr}.secuencia-pasos.secuencia-seis .paso-secuencia{border-right:0!important;border-bottom:1px solid #213a48!important}.secuencia-pasos.secuencia-seis .paso-secuencia:last-child{border-bottom:0!important}}
/* Fase 1.6.4.5 · salida segura al perder el tutorial */
.tutorial-derrota-ayuda{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:12px 14px;border:1px solid #76534b;border-left:3px solid #c47a67;background:linear-gradient(90deg,#241416,#0b1a23);box-shadow:0 8px 22px #0003}.tutorial-derrota-ayuda strong{color:#f0c2b5;font:700 15px Georgia,serif}.tutorial-derrota-ayuda span{color:#93a8b3;font-size:10px;line-height:1.55}.acciones-fin .boton{display:inline-flex;align-items:center;justify-content:center;text-align:center}
@media(max-width:700px){.tutorial-derrota-ayuda{text-align:left}.acciones-fin .boton{width:100%}}
/* Fase 1.6.4.7 · lectura táctica del combate */
.mini-campeon-nombre{
margin-top:.28rem;font-size:.75rem;font-weight:800;line-height:1.15;
color:var(--texto,#eef2ff);text-align:center;max-width:150px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.mini-campeon-stats{
display:flex;justify-content:center;gap:.35rem;flex-wrap:wrap;margin:.32rem 0 .18rem
}
.mini-campeon-stats span{
display:inline-flex;align-items:center;gap:.15rem;padding:.2rem .42rem;border-radius:999px;
background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.10);
font-size:.72rem;font-weight:800;line-height:1
}
.registro-ayuda{
margin:.55rem .75rem .25rem;padding:.55rem .65rem;border-radius:8px;
background:rgba(255,255,255,.035);border-left:3px solid rgba(212,175,55,.65);
font-size:.76rem;line-height:1.4;opacity:.88
}
.registro-item span{line-height:1.42}
.registro-item.actor-jugador span,.registro-item.actor-rival span{font-variant-numeric:tabular-nums}
@media(max-width:720px){
.mini-campeon-stats{gap:.22rem}
.mini-campeon-stats span{font-size:.66rem;padding:.18rem .32rem}
.mini-campeon-nombre{font-size:.68rem;max-width:118px}
.registro-ayuda{font-size:.71rem}
}
/* Fase 1.6.4.8 · pulido de experiencia y claridad */
.barra-ayuda-estadio{align-items:center;flex-wrap:wrap}
.que-hacer-ahora{display:flex!important;align-items:center!important;gap:11px!important;min-width:min(100%,430px);flex:1 1 430px}
.que-hacer-ahora>div{display:block!important}
.que-hacer-ahora>div>small{display:block;color:#d6ad61!important;font-size:7px!important;font-weight:900;letter-spacing:.12em;margin-bottom:2px}
.que-hacer-ahora b{display:block;font-size:13px;letter-spacing:.03em}
.que-hacer-ahora p{margin:3px 0 0;color:#8fa8b5;font-size:9px;line-height:1.45}
.estado-turno-rapido{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;flex:1 1 300px}
.estado-turno-rapido span{padding:6px 8px;border-radius:999px;border:1px solid #385667;background:#081721;color:#9db2bc;font-size:8px;font-weight:800;white-space:nowrap}
.estado-turno-rapido span.listo{border-color:#376b56;background:#0c211a;color:#a9d8c1}
.estado-turno-rapido span.pendiente{border-color:#8b6736;background:#2a1e0d;color:#f0c77d}
.estado-turno-rapido span.disponible{border-color:#416f8d;background:#0b2330;color:#b8ddf1}
.barra-ayuda-estadio.estado-ataque{border-color:#8a6238;background:linear-gradient(90deg,#1d160e,#3b2812,#1d160e)}
.barra-ayuda-estadio.estado-ataque .luz-turno{background:#e4a755;box-shadow:0 0 14px #e4a755}
.secuencia-cuatro{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.nota-libertad-turno{margin:0;padding:9px 12px;border-top:1px solid #274454;background:#07131b;color:#7895a4;font-size:9px;line-height:1.45}
.nota-libertad-turno b{color:#d4b46e}
.registro-ayuda b{color:#d8b56c}
.estado-mazo-listo{display:flex;flex-direction:column;gap:4px;margin:10px 14px 4px;padding:12px 14px;border-radius:10px;border:1px solid #655132;background:#20180c;transition:.2s}
.estado-mazo-listo b{font-size:12px;letter-spacing:.04em;color:#efc77e}
.estado-mazo-listo span{font-size:10px;line-height:1.45;color:#a99577}
.estado-mazo-listo.listo{border-color:#34705a;background:#0c231b;box-shadow:inset 3px 0 #5da985}
.estado-mazo-listo.listo b{color:#b9ead2}.estado-mazo-listo.listo span{color:#92bbaa}
#guardar-composicion{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:240px}
#guardar-composicion small{display:block;margin-top:2px;font-size:7px;opacity:.72}
#guardar-composicion:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.65)}
#guardar-composicion.listo{border-color:#4d9678;box-shadow:0 0 0 1px #4d967833}
@media(max-width:900px){
.secuencia-cuatro{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.estado-turno-rapido{justify-content:flex-start}
}
@media(max-width:600px){
.que-hacer-ahora{min-width:0;flex-basis:100%}
.estado-turno-rapido{width:100%;justify-content:flex-start}
.estado-turno-rapido span{font-size:7px;padding:5px 7px}
.secuencia-cuatro{grid-template-columns:1fr!important}
.nota-libertad-turno{font-size:8px}
.estado-mazo-listo{margin-left:10px;margin-right:10px}
#guardar-composicion{width:100%;min-width:0}
}
/* Fase 1.6.4.9 · agotamiento pedagógico y tutorial de Aldren */
.barra-ayuda-estadio.estado-agotamiento{border-color:#8c6f34;background:linear-gradient(90deg,#17120a,#31250e,#17120a)}
.barra-ayuda-estadio.estado-agotamiento .luz-turno{background:#f0c35b;box-shadow:0 0 14px #f0c35b}
.aviso-agotamiento{margin:9px 0 0;padding:10px 12px;border:1px solid #75613d;border-radius:9px;background:#1b160d;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.aviso-agotamiento b{color:#e3bb6d;font-size:10px;letter-spacing:.04em}
.aviso-agotamiento span{color:#b8a580;font-size:9px;line-height:1.45;flex:1 1 300px}
.aviso-agotamiento.critico{border-color:#9a533b;background:#28130e}
.aviso-agotamiento.critico b{color:#f09a77}
.aviso-agotamiento.agotado{border-color:#8b7041;background:#211b0d}
.riesgo-mazo-bajo .pila-cartas{box-shadow:0 0 0 2px #8a713c55}
.riesgo-mazo-critico .pila-cartas{box-shadow:0 0 0 2px #a5523f99,0 0 16px #a5523f33}
.riesgo-mazo-agotado .pila-cartas{opacity:.58;filter:saturate(.55)}
.carta-mano-estadio.estado-advertencia{border-color:#9b743c;box-shadow:inset 0 0 0 1px #9b743c55}
.carta-mano-estadio.estado-advertencia .estado-carta span{color:#f0c777}
.aviso-carta-robo{display:block!important;margin-top:7px!important;padding:7px 8px!important;border:1px solid #72582f!important;border-radius:7px!important;background:#21190d!important;color:#d9b56e!important;font-style:normal!important;font-size:8px!important;line-height:1.4!important}
/* Fase 1.6.4.10 · claridad de robo y registro único de relevo */
.vista-previa-robo{
margin-top:7px;padding:8px 9px;border:1px solid #3c6e78;border-radius:7px;
background:#0f1d20;display:flex;flex-direction:column;gap:2px
}
.vista-previa-robo b{font-size:9px;color:#8fd0dc;letter-spacing:.04em}
.vista-previa-robo span{font-size:9px;color:#d5edf0;font-weight:700}
.vista-previa-robo small{font-size:8px;color:#8eaeb4;line-height:1.35}
.regla-robo-tutorial{
margin:9px 0 0;padding:10px 12px;border:1px solid #466d72;border-radius:9px;
background:#101b1d;display:flex;gap:7px;flex-direction:column
}
.regla-robo-tutorial b{font-size:10px;color:#8fd0dc;letter-spacing:.04em}
.regla-robo-tutorial span{font-size:9px;line-height:1.5;color:#b9d2d6}
@media (max-width:680px){
.vista-previa-robo b,.vista-previa-robo span,.regla-robo-tutorial b{font-size:10px}
.vista-previa-robo small,.regla-robo-tutorial span{font-size:9px}
}
/* Fase 1.6.4.11 · explicación real de todas las cartas */
.efecto-real-carta,.detalle-efecto-real{
margin-top:8px;padding:8px 9px;border:1px solid #4b5660;border-radius:8px;background:#101519;
display:flex;flex-direction:column;gap:3px
}
.efecto-real-carta b,.detalle-efecto-real b{font-size:8px;letter-spacing:.06em;color:#aebcc5}
.efecto-real-carta span,.detalle-efecto-real span{font-size:9px;line-height:1.4;color:#edf2f5;font-weight:700}
.efecto-real-carta small,.detalle-efecto-real small{font-size:8px;line-height:1.45;color:#9eabb2}
.efecto-real-carta.tipo-ataque,.detalle-efecto-real.tipo-ataque{border-color:#75453d;background:#1d1210}
.efecto-real-carta.tipo-ataque b,.detalle-efecto-real.tipo-ataque b{color:#e7a18f}
.efecto-real-carta.tipo-defensa,.detalle-efecto-real.tipo-defensa{border-color:#3f6277;background:#0f181d}
.efecto-real-carta.tipo-defensa b,.detalle-efecto-real.tipo-defensa b{color:#8dc4dd}
.efecto-real-carta.tipo-energia,.detalle-efecto-real.tipo-energia{border-color:#77622f;background:#1c180d}
.efecto-real-carta.tipo-energia b,.detalle-efecto-real.tipo-energia b{color:#e0c36c}
.efecto-real-carta.tipo-curacion,.detalle-efecto-real.tipo-curacion{border-color:#46705a;background:#101b15}
.efecto-real-carta.tipo-curacion b,.detalle-efecto-real.tipo-curacion b{color:#93d2ac}
.efecto-real-carta.tipo-robo,.detalle-efecto-real.tipo-robo{border-color:#3c6e78;background:#0f1d20}
.efecto-real-carta.tipo-robo b,.detalle-efecto-real.tipo-robo b{color:#8fd0dc}
.efecto-real-carta.tipo-luchador,.detalle-efecto-real.tipo-luchador{border-color:#6c593d;background:#19150f}
.efecto-real-carta.tipo-luchador b,.detalle-efecto-real.tipo-luchador b{color:#dcc18a}
.detalle-efecto-real{margin:10px 0}
.detalle-efecto-real b{font-size:10px}.detalle-efecto-real span{font-size:11px}.detalle-efecto-real small{font-size:9px}
.recompensa-efecto-real{margin-top:6px;font-size:9px;line-height:1.4;color:#aebcc5}
@media(max-width:680px){
.efecto-real-carta b{font-size:9px}.efecto-real-carta span{font-size:10px}.efecto-real-carta small{font-size:9px}
.detalle-efecto-real b{font-size:10px}.detalle-efecto-real span{font-size:11px}.detalle-efecto-real small{font-size:10px}
}
/* Fase 1.6.4.12 · cartas limpias, uniformes y detalle bajo demanda */
.carta-mano-estadio{height:300px;min-height:300px;max-height:300px;overflow:hidden;align-self:stretch}
.carta-mano-estadio .efecto-real-carta,.carta-mano-estadio .vista-previa-robo,.carta-mano-estadio .aviso-carta-robo,.carta-mano-estadio>em{display:none!important}
.carta-mano-estadio>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;max-height:38px}
.carta-mano-estadio .pista-click-carta{margin-top:auto}
.pista-click-carta{font-size:7px;letter-spacing:.05em;color:#79aab6;text-align:center;padding:5px 3px;border-top:1px solid #274654;margin-top:6px}
.carta-detallable{cursor:pointer}.carta-detallable:focus-visible{outline:2px solid #78b7c8;outline-offset:3px}
.grid-cartas-uniformes{align-items:start}.carta-con-acciones{display:flex;flex-direction:column;min-width:0}.carta-uniforme{height:390px;min-height:390px;max-height:390px;overflow:hidden}
.carta-uniforme .carta-cuerpo{display:flex;flex-direction:column;min-height:0;height:100%}.descripcion-carta-resumida{display:-webkit-box!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:58px;max-height:58px}
.acciones-carta-coleccion{margin-top:7px;border:1px solid #273f4b;background:#091720;padding:7px;display:grid;gap:7px}.acciones-carta-coleccion .venta-repetidas{margin:0}.acciones-carta-coleccion .venta-repetidas p{margin:4px 0;font-size:9px}
.grid-mercado .producto-mercado{min-height:430px}.grid-mercado .producto-cuerpo>p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:58px;max-height:58px}
.slot-lider.obtenida.carta-detallable em{display:block;margin-top:5px;font-size:7px;color:#79aab6;font-style:normal}
.modal-carta-global{position:fixed;inset:0;z-index:9999;opacity:0;transition:opacity .16s ease}.modal-carta-global.visible{opacity:1}.modal-carta-fondo{position:absolute;inset:0;background:#02070bd9;backdrop-filter:blur(4px)}
.modal-carta-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%) scale(.98);width:min(720px,calc(100vw - 28px));max-height:min(82vh,720px);overflow:auto;background:linear-gradient(180deg,#102936,#07151e);border:1px solid #4d788b;box-shadow:0 28px 80px #000c;padding:18px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;transition:transform .16s ease;border-radius:12px}.modal-carta-global.visible .modal-carta-panel{transform:translate(-50%,-50%) scale(1)}
.modal-carta-cerrar{position:absolute;right:10px;top:8px;width:34px;height:34px;border:1px solid #4e6773;background:#0a1720;color:#dce7ec;font-size:23px;cursor:pointer;border-radius:50%}.modal-carta-arte{width:100%;aspect-ratio:3/4;display:grid;place-items:center;font-size:58px;background:linear-gradient(180deg,#0a202b,#071219);border:1px solid #38596a;border-radius:9px}
.modal-carta-contenido{min-width:0;padding-right:28px}.modal-carta-contenido>small{font-size:9px;color:#83afbb;letter-spacing:.08em}.modal-carta-contenido h2{font:28px Georgia;margin:5px 0 8px}.modal-carta-contenido>p{font-size:12px;color:#9bb0ba;line-height:1.55}.modal-carta-coste{margin-top:9px;display:inline-block;padding:7px 10px;border:1px solid #6d5730;background:#1d170c;color:#e6c271;font-weight:700;font-size:11px}.modal-carta-abierto{overflow:hidden}
@media(max-width:600px){.carta-mano-estadio{height:290px;min-height:290px;max-height:290px}.carta-uniforme{height:365px;min-height:365px;max-height:365px}.modal-carta-panel{grid-template-columns:70px minmax(0,1fr);gap:11px;padding:13px;max-height:88vh}.modal-carta-arte{font-size:38px}.modal-carta-contenido{padding-right:22px}.modal-carta-contenido h2{font-size:21px}.modal-carta-contenido>p{font-size:10px}.detalle-efecto-real{padding:9px}.grid-mercado .producto-mercado{min-height:410px}}
/* Fase 1.6.4.13 · Muerte Súbita */
.muerte-subita-banner{
margin:0 0 12px;padding:14px 16px;border:1px solid #a75446;border-radius:12px;
background:linear-gradient(135deg,#25100e,#140b0a 58%,#28130f);
display:flex;gap:13px;align-items:center;box-shadow:0 0 24px #7f2e2238,inset 0 0 22px #0007
}
.muerte-subita-icono{font-size:34px;filter:drop-shadow(0 0 8px #d86f5a88)}
.muerte-subita-banner small{display:block;color:#d48978;font-size:8px;letter-spacing:.16em;font-weight:800}
.muerte-subita-banner h2{margin:2px 0 4px;color:#ffd6c9;font-size:20px;letter-spacing:.08em}
.muerte-subita-banner p{margin:0;color:#c9aaa2;font-size:10px;line-height:1.55}
.muerte-subita-banner strong{color:#ffb19d}
.barra-ayuda-estadio.estado-muerte-subita{border-color:#a75446;background:linear-gradient(90deg,#180a09,#36120f,#180a09)}
.barra-ayuda-estadio.estado-muerte-subita .luz-turno{background:#e46755;box-shadow:0 0 15px #e46755}
.mano-muerte-subita{position:relative}
.mano-muerte-subita .mano-cabecera-responsive{border-color:#7a3c33}
.mano-muerte-subita .carta-mano-estadio{opacity:.72;filter:saturate(.72)}
.mano-muerte-subita .carta-mano-estadio:hover{opacity:.9}
.carta-mano-estadio.estado-muerte-subita{border-color:#69413b}
.carta-mano-estadio.estado-muerte-subita .estado-carta span{color:#d57a69}
.mano-muerte-subita .boton-seleccionar-carta{background:#251413!important;border-color:#5b342f!important;color:#8f6a63!important}
.mano-muerte-subita .detalle-seleccion{border-color:#704139;background:#180e0c}
@media (max-width:680px){
.muerte-subita-banner{padding:12px;align-items:flex-start}
.muerte-subita-icono{font-size:28px}
.muerte-subita-banner h2{font-size:17px}
.muerte-subita-banner p{font-size:9px}
}
/* =========================================================
FASE 1.6.4.14 · Mesa del Estratega / Constructor profesional
========================================================= */
.pagina-mazo-profesional{padding-bottom:36px}.cabecera-estratega{align-items:flex-end}.editor-estratega{display:block}.panel-estado-mazo{padding-bottom:14px}.estado-mazo-profesional{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:18px;align-items:center;padding:16px;border:1px solid #665433;background:linear-gradient(135deg,#211b0d,#0b1720 48%,#111d24);border-radius:12px;box-shadow:inset 4px 0 #b68a49}.estado-mazo-profesional.listo{border-color:#3d745e;background:linear-gradient(135deg,#0e271e,#0b1720 52%,#10241d);box-shadow:inset 4px 0 #69aa8a,0 0 20px #3f8b6b1f}.estado-mazo-sello{display:flex;gap:12px;align-items:center}.estado-mazo-sello>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid #806740;background:#17130a;color:#e7c274;font-size:22px;font-weight:900}.estado-mazo-profesional.listo .estado-mazo-sello>span{border-color:#579878;background:#0d211a;color:#b8ead2}.estado-mazo-sello small{display:block;font-size:8px;letter-spacing:.16em;color:#8c9eaa}.estado-mazo-sello b{display:block;margin-top:3px;color:#e6c27c;font-size:17px;letter-spacing:.05em}.estado-mazo-profesional.listo .estado-mazo-sello b{color:#b8ead2}.estado-mazo-progreso{display:grid;gap:6px}.estado-mazo-progreso>div{height:8px;background:#061018;border:1px solid #284150;overflow:hidden;border-radius:999px}.estado-mazo-progreso i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b48443,#dbc27e);transition:width .22s}.estado-mazo-profesional.listo .estado-mazo-progreso i{background:linear-gradient(90deg,#4a8f71,#8bc2a7)}.estado-mazo-progreso span{font-size:10px;color:#8da2ae;text-align:right}.editor-nombre-profesional{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:10px;margin-top:12px}.editor-nombre-profesional span{font-size:9px;color:#7995a4}.aviso-restriccion{display:grid;gap:4px;margin-top:12px;padding:12px 14px;border:1px solid #8b4e46;background:#28120f;border-radius:9px;opacity:.2;transform:translateY(-3px);transition:.18s}.aviso-restriccion.visible{opacity:1;transform:none}.aviso-restriccion b{font-size:10px;color:#f0a495;letter-spacing:.06em}.aviso-restriccion span{font-size:11px;color:#d4b0aa}.aviso-restriccion small{font-size:8px;color:#947b76}.tabs-mazo-movil{display:none}.mesa-estratega-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.82fr);grid-template-areas:"mazo analisis" "coleccion coleccion";gap:14px;align-items:start}.zona-constructor-mazo{grid-area:mazo}.zona-coleccion-mazo{grid-area:coleccion}.zona-analisis-mazo{grid-area:analisis;position:sticky;top:76px}.reglas-compactas{gap:6px}.reglas-compactas span{font-size:8px;padding:6px 8px}.resumen-profesional{grid-template-columns:repeat(4,minmax(0,1fr))}.reglas-vivas-profesionales{min-height:36px}.reglas-vivas-profesionales span{font-size:9px}.barra-constructor{justify-content:space-between}.barra-constructor label{display:grid;gap:5px}.leyenda-estratega strong{color:#d7ba78}.acciones-mazo-profesional{position:sticky;bottom:8px;z-index:8;padding:10px;margin:12px -2px -2px;background:#07131bea;border:1px solid #294653;border-radius:10px;backdrop-filter:blur(8px)}
.filtros-coleccion-mazo{display:grid;grid-template-columns:minmax(220px,1fr) 180px 150px;gap:8px;margin:12px 0}.buscador-carta-mazo{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #315364;background:#071722;border-radius:9px}.buscador-carta-mazo input{width:100%;border:0;background:transparent;color:#e5edf1;padding:10px 0;outline:none}.filtros-coleccion-mazo select{background:#071722;color:#dce8ed;border:1px solid #315364;border-radius:9px;padding:9px}.filtros-tipo-mazo{display:flex;gap:6px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.filtros-tipo-mazo button{flex:0 0 auto;border:1px solid #2d4d5e;background:#081721;color:#91a8b5;border-radius:999px;padding:7px 10px;font-size:8px;cursor:pointer}.filtros-tipo-mazo button.activo{border-color:#b08346;background:#241c0e;color:#eacb8a}.resultado-filtro-mazo{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:9px 0;color:#77929f;font-size:9px}.resultado-filtro-mazo>span{color:#c6d6dd;font-weight:700}.biblioteca-cartas-mazo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.carta-biblioteca-mazo{height:292px;min-width:0;display:grid;grid-template-rows:auto 104px minmax(0,1fr) auto;border:1px solid #355465;background:linear-gradient(180deg,#0b202b,#07141c 62%);border-radius:10px;overflow:hidden;transition:.18s;box-shadow:0 8px 18px #0004}.carta-biblioteca-mazo:hover,.carta-biblioteca-mazo:focus-visible{transform:translateY(-2px);border-color:#6c95a8;box-shadow:0 12px 26px #0007}.carta-biblioteca-mazo[hidden]{display:none!important}.carta-biblioteca-rareza{padding:6px 8px;background:#091820;border-bottom:1px solid #2b4857;color:#85a7b5;font-size:7px;letter-spacing:.11em;text-align:center}.carta-biblioteca-arte{display:grid;place-items:center;font-size:46px;background:radial-gradient(circle at 50% 35%,#183646,#07141c 68%);border-bottom:1px solid #294956}.carta-biblioteca-cuerpo{display:grid;align-content:start;gap:4px;padding:8px}.carta-biblioteca-cuerpo>small{font-size:7px;color:#7191a1;letter-spacing:.1em}.carta-biblioteca-cuerpo>strong{font:13px Georgia;color:#e3ebee;line-height:1.13;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carta-biblioteca-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.carta-biblioteca-stats span{font-size:7px;color:#9eb2bb;background:#0a1820;border:1px solid #243d49;padding:3px 5px;border-radius:5px}.carta-biblioteca-pie{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:7px;border-top:1px solid #294956;background:#061219}.carta-biblioteca-pie>span{font-size:7px;color:#748d99}.agregar-desde-coleccion{border:1px solid #557d6f;background:#10261f;color:#a9d9c7;padding:6px 7px;border-radius:6px;font-size:7px;font-weight:800;cursor:pointer}.agregar-desde-coleccion:hover{background:#17362b}.agregar-desde-coleccion:disabled{opacity:.42;cursor:not-allowed}.carta-biblioteca-mazo.carta-heroe-cromada{border-color:#aaa4da!important}.carta-biblioteca-mazo.carta-heroe-cromada .carta-biblioteca-arte{background:radial-gradient(circle at 50% 35%,#413d69,#101526 68%)}
.zona-analisis-mazo{overflow:hidden}.bloque-analisis{margin:10px 12px;padding:11px;border:1px solid #273f4c;background:#07151d;border-radius:9px}.titulo-bloque-analisis{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.titulo-bloque-analisis>b{font-size:10px;color:#dce7eb}.titulo-bloque-analisis>small,.titulo-bloque-analisis>strong{font-size:7px;color:#7f98a4}.perfil-barras{display:grid;gap:8px}.perfil-barras label{display:grid;grid-template-columns:72px 34px 1fr;gap:7px;align-items:center;font-size:8px;color:#8ca2ad}.perfil-barras label>span{text-align:right;color:#c2d0d6}.perfil-barras i{height:6px;background:#0c2530;border-radius:999px;overflow:hidden}.perfil-barras i b{display:block;height:100%;width:0;background:linear-gradient(90deg,#517c91,#a2beca);transition:width .2s}.curva-energia{height:132px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end;padding:8px 2px 0}.curva-energia>div{height:100%;display:grid;grid-template-rows:1fr auto auto;gap:3px;align-items:end;text-align:center}.curva-energia>div>span{display:block;width:68%;height:8%;min-height:8px;max-height:100%;justify-self:center;background:linear-gradient(180deg,#c29653,#4d3c20);border:1px solid #a4824b;border-bottom:0;border-radius:5px 5px 0 0;transition:height .22s}.curva-energia b{font-size:7px;color:#cab174}.curva-energia small{font-size:8px;color:#7d96a2}.bloque-muerte-subita{border-color:#3d544f}.bloque-muerte-subita p{margin:4px 0 7px;color:#97aab2;font-size:9px;line-height:1.5}.bloque-muerte-subita>small{font-size:7px;color:#738c97}.bloque-muerte-subita.riesgo-bajo{border-color:#376c5b;background:#0b201a}.bloque-muerte-subita.riesgo-bajo .titulo-bloque-analisis>strong{color:#95d4bc}.bloque-muerte-subita.riesgo-medio{border-color:#8a6d36;background:#211a0b}.bloque-muerte-subita.riesgo-medio .titulo-bloque-analisis>strong{color:#e3bd6b}.bloque-muerte-subita.riesgo-alto{border-color:#925044;background:#27100e;box-shadow:inset 3px 0 #b75e4e}.bloque-muerte-subita.riesgo-alto .titulo-bloque-analisis>strong{color:#ee9f90}.lista-requisitos{display:grid;gap:5px}.lista-requisitos span{display:flex;justify-content:space-between;gap:8px;padding:6px 7px;border:1px solid #603e35;background:#1c1110;border-radius:6px}.lista-requisitos span.ok{border-color:#315e50;background:#0c1d18}.lista-requisitos b{font-size:8px;color:#d19b8f}.lista-requisitos .ok b{color:#9ad0bc}.lista-requisitos small{font-size:7px;color:#8195a0}.consejo-alden-analisis{border-left:3px solid #ad8247;background:linear-gradient(90deg,#1a170e,#07151d 45%)}.consejo-alden-analisis p{margin:0;color:#aebcc2;font-size:9px;line-height:1.55}
@media(max-width:1180px){.mesa-estratega-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr)}.biblioteca-cartas-mazo{grid-template-columns:repeat(4,minmax(0,1fr))}.carta-biblioteca-mazo{height:285px}}
@media(max-width:900px){.estado-mazo-profesional{grid-template-columns:1fr}.estado-mazo-progreso span{text-align:left}.editor-nombre-profesional{grid-template-columns:1fr}.tabs-mazo-movil{position:sticky;top:56px;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0;padding:5px;background:#061018ed;border:1px solid #29424e;border-radius:10px;backdrop-filter:blur(8px)}.tabs-mazo-movil button{border:1px solid transparent;background:transparent;color:#79939f;padding:9px 5px;font-size:8px;border-radius:7px}.tabs-mazo-movil button.activo{background:#142733;border-color:#426174;color:#e0ebef}.tabs-mazo-movil button b{display:block;margin-top:2px}.mesa-estratega-grid{display:block}.mesa-estratega-grid>[data-panel-mazo]{display:none}.mesa-estratega-grid>[data-panel-mazo].tab-activo{display:block}.tabs-mazo-movil~.mesa-estratega-grid .zona-analisis-mazo{position:static}.biblioteca-cartas-mazo{grid-template-columns:repeat(3,minmax(0,1fr))}.acciones-mazo-profesional{bottom:5px}}
@media(max-width:680px){.resumen-profesional{grid-template-columns:repeat(2,minmax(0,1fr))}.filtros-coleccion-mazo{grid-template-columns:1fr 1fr}.buscador-carta-mazo{grid-column:1/-1}.biblioteca-cartas-mazo{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.carta-biblioteca-mazo{height:278px}.resultado-filtro-mazo{align-items:flex-start;flex-direction:column}.estado-mazo-sello b{font-size:14px}.constructor-20{gap:8px}.acciones-mazo-profesional{display:grid;grid-template-columns:1fr}.acciones-mazo-profesional .boton{width:100%}}
@media(max-width:390px){.biblioteca-cartas-mazo{grid-template-columns:1fr 1fr}.carta-biblioteca-mazo{height:265px}.carta-biblioteca-arte{height:auto;font-size:40px}.carta-biblioteca-cuerpo>strong{font-size:11px}.carta-biblioteca-pie{grid-template-columns:1fr}.agregar-desde-coleccion{width:100%}}
/* Fase 1.6.4.16 · Crónica narrativa */
.resumen-cronica-inicio{margin:18px 0 28px;overflow:hidden}.resumen-cronica-cuerpo{display:grid;grid-template-columns:1.5fr .7fr;gap:28px;align-items:center;padding:28px}.resumen-cronica-cuerpo h2{font:32px Georgia,serif;margin:5px 0 8px}.resumen-cronica-cuerpo p{color:#819aaa;line-height:1.65;max-width:760px}.resumen-cronica-cuerpo>div>small{color:#d9a64c;letter-spacing:.15em;font-size:9px}.resumen-heroes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}.resumen-heroes span{min-height:92px;border:1px solid #29495c;background:radial-gradient(circle at 50% 30%,#18374b,#08141e 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px}.resumen-heroes small{font-size:8px;color:#9bb0bd;letter-spacing:.12em;margin-top:7px}.resumen-heroes i{position:absolute;right:-8px;top:-18px;font-style:normal;font-size:24px;color:#d8a74f}
.pagina-cronica{max-width:1120px}.cronica-portada{min-height:430px;display:grid;grid-template-columns:1.45fr .55fr;gap:45px;align-items:center;padding:42px;border:1px solid #2a485b;background:radial-gradient(circle at 80% 20%,#263244 0,transparent 34%),linear-gradient(145deg,#112839,#07131d 70%);box-shadow:0 20px 60px #0007}.cronica-portada h1{font:clamp(42px,6vw,72px)/.98 Georgia,serif;margin:10px 0 18px;max-width:760px}.cronica-bajada{font-size:16px;line-height:1.75;color:#91a7b5;max-width:760px}.cronica-sellos{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.cronica-sellos span{border:1px solid #3b5363;background:#0a1823;padding:9px 12px;font-size:9px;letter-spacing:.13em;color:#d8b36c}.cronica-emblema{width:220px;height:300px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #b8893c;background:linear-gradient(145deg,#172d3b,#080f16);clip-path:polygon(10% 0,90% 0,100% 8%,100% 92%,90% 100%,10% 100%,0 92%,0 8%);box-shadow:inset 0 0 50px #d7a64b18}.cronica-emblema b{font:74px Georgia;color:#e0ae55}.cronica-emblema small{font-size:8px;letter-spacing:.2em;color:#8499a7}.cronica-indice{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.cronica-indice a{padding:9px 12px;border:1px solid #29485a;background:#0b1b27;color:#8da5b4;text-decoration:none;font-size:10px}.cronica-indice a:hover{color:#f0c477;border-color:#b4873d}.cronica-libro{border:1px solid #263f50;background:linear-gradient(180deg,#0d1d29,#08131c);box-shadow:0 18px 50px #0006}.capitulo-cronica{padding:50px clamp(24px,7vw,82px);border-bottom:1px solid #203847;scroll-margin-top:90px}.capitulo-cronica>small{color:#d7a54d;letter-spacing:.2em;font-size:9px}.capitulo-cronica h2{font:38px Georgia,serif;margin:8px 0 24px;color:#edf4f8}.capitulo-cronica p{font:15px/1.9 Georgia,serif;color:#a7b6c0}.capitulo-cronica strong{color:#e3bf79}.capitulo-cronica blockquote{margin:28px 0;padding:20px 25px;border-left:3px solid #c99743;background:#111d24;color:#d8c6a4;font:italic 19px/1.6 Georgia,serif}.heroes-cronica{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}.heroes-cronica article{padding:22px;border:1px solid #294657;background:#0a1721}.heroes-cronica article>div{font-size:42px}.heroes-cronica small{font-size:8px;letter-spacing:.15em;color:#d3a04a}.heroes-cronica h3{font:23px Georgia;margin:7px 0 12px}.heroes-cronica p{font:13px/1.65 Segoe UI,system-ui,sans-serif;color:#8299a8}.reliquia-cronica{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:center;padding:22px;border:1px solid #8d6a32;background:linear-gradient(90deg,#251d12,#0b1720);margin:25px 0}.reliquia-sello{width:90px;height:120px;display:grid;place-items:center;font-size:45px;border:1px solid #c99b49;background:#0b1720}.reliquia-cronica small{color:#dfb35f;letter-spacing:.15em;font-size:8px}.reliquia-cronica h3{font:27px Georgia;margin:5px 0}.reliquia-cronica p{margin:0}.capitulo-observador{background:radial-gradient(circle at 90% 20%,#211c2c 0,transparent 35%)}.cronica-mecanica{margin-top:18px;border:1px solid #29495b;background:#0b1a25;padding:28px}.cronica-mecanica>span{font-size:9px;letter-spacing:.18em;color:#d6a24a}.cronica-mecanica h2{font:30px Georgia;margin:5px 0 20px}.cronica-mecanica>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cronica-mecanica article{padding:18px;border:1px solid #254253;background:#08151f}.cronica-mecanica article>b{display:block;font:35px Georgia;color:#e0ae55}.cronica-mecanica article>strong{display:block;margin:3px 0 8px}.cronica-mecanica article p{font-size:11px;line-height:1.5;color:#7992a2}.cronica-acciones{text-align:center;padding:24px 0 0}
@media(max-width:760px){.resumen-cronica-cuerpo,.cronica-portada{grid-template-columns:1fr}.resumen-cronica-cuerpo{padding:20px}.cronica-portada{padding:28px 20px;min-height:0}.cronica-emblema{width:160px;height:215px}.cronica-emblema b{font-size:52px}.heroes-cronica,.cronica-mecanica>div{grid-template-columns:1fr}.capitulo-cronica{padding:34px 20px}.capitulo-cronica h2{font-size:31px}.reliquia-cronica{grid-template-columns:1fr}.reliquia-sello{width:100%;height:90px}.resumen-heroes span{min-height:76px;font-size:25px}}
/* Fase 1.6.4.17 · Ciudad profesional y distritos identificables */
.ciudad-pagina{max-width:1180px}
.ciudad-portada{display:grid;grid-template-columns:120px minmax(0,1fr) 245px;gap:24px;align-items:center;margin-bottom:16px;padding:24px;border:1px solid #29495b;background:linear-gradient(135deg,#10283a,#091823 65%,#111e27);box-shadow:0 14px 36px #0005}
.ciudad-portada-icono{width:105px;height:105px;display:grid;place-items:center;font-size:54px;border:1px solid #426174;background:radial-gradient(circle,#1a4055,#07141e 72%);box-shadow:inset 0 0 25px #ffffff08}
.ciudad-portada-contenido>span{font-size:9px;color:#dca84f;letter-spacing:.18em;font-weight:700}
.ciudad-portada h1{font:46px Georgia,serif;margin:5px 0 8px}
.ciudad-portada p{margin:0;color:#829aaa;line-height:1.6}
.ciudad-datos{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.ciudad-datos span{padding:8px 10px;border:1px solid #29495a;background:#081722;min-width:130px}
.ciudad-datos small,.ciudad-datos b{display:block}.ciudad-datos small{font-size:7px;letter-spacing:.14em;color:#648092}.ciudad-datos b{font-size:10px;margin-top:3px;color:#bed0db}
.ciudad-estado-general{height:100%;padding:17px;border-left:1px solid #2a4758;display:flex;flex-direction:column;justify-content:center}
.ciudad-estado-general small{font-size:8px;letter-spacing:.14em;color:#637f91}.ciudad-estado-general b{font:23px Georgia;color:#e0af58;margin:5px 0}.ciudad-estado-general span{font-size:9px;line-height:1.5;color:#718b9a}.ciudad-estado-general a{margin-top:12px;font-size:10px;color:#91afc0;text-decoration:none}
.ciudad-orientacion{margin-bottom:14px}.ciudad-orientacion-cuerpo{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;padding:20px}.ciudad-orientacion-cuerpo>div>small{font-size:8px;letter-spacing:.15em;color:#c89647}.ciudad-orientacion-cuerpo h2{font:27px Georgia;margin:4px 0 7px}.ciudad-orientacion-cuerpo p{margin:0;color:#7d96a6;font-size:11px;line-height:1.6;max-width:760px}.ciudad-orientacion-cuerpo strong{color:#c7d5dd}
.ciudad-mini-recursos{display:flex;gap:8px}.ciudad-mini-recursos span{min-width:115px;padding:12px;border:1px solid #2a485a;background:#081620;text-align:center}.ciudad-mini-recursos small,.ciudad-mini-recursos b{display:block}.ciudad-mini-recursos small{font-size:7px;letter-spacing:.12em;color:#647f91}.ciudad-mini-recursos b{font:19px Georgia;color:#dfaf58;margin-top:4px}
.ciudad-distritos{display:grid;gap:11px;position:relative}
.distrito-nodo{display:grid;grid-template-columns:38px 84px minmax(0,1fr) 220px;gap:18px;align-items:center;min-height:170px;padding:18px;border:1px solid #2a495a;background:linear-gradient(90deg,#0d2230,#081721);position:relative;overflow:hidden;box-shadow:0 8px 24px #0004}
.distrito-nodo:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#54788e}
.distrito-nodo:hover:not(.bloqueado){border-color:#52788f;transform:translateY(-1px);transition:.18s ease}
.distrito-numero{font:19px Georgia;color:#466477;text-align:center}.distrito-icono{width:78px;height:92px;display:grid;place-items:center;font-size:38px;background:#07141e;border:1px solid #345367}
.distrito-contenido small{font-size:8px;color:#be9148;letter-spacing:.14em}.distrito-contenido h2{font:28px Georgia;margin:5px 0 8px}.distrito-contenido p{margin:0;color:#7893a3;font-size:11px;line-height:1.55;max-width:700px}
.distrito-etiquetas{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.distrito-etiquetas span{padding:5px 7px;background:#07141d;border:1px solid #254456;color:#94aab7;font-size:8px}
.distrito-accion{align-self:stretch;border-left:1px solid #233f50;padding-left:17px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.distrito-accion em{font-style:normal;font-size:8px;letter-spacing:.13em;color:#82b7d1}.distrito-accion strong{font-size:10px;color:#a9bec9;margin-top:7px}.distrito-accion .boton{width:100%;text-align:center;margin-top:12px}
.distrito-progreso{width:100%;height:4px;background:#061018;margin-top:9px}.distrito-progreso i{display:block;height:100%;background:#d4a44d}
.distrito-academia:before{background:#c79a4a}.distrito-academia .distrito-icono{border-color:#8a713f;background:radial-gradient(circle,#2d2817,#07141e 70%)}.distrito-academia .distrito-accion em{color:#e1b45c}
.distrito-plaza:before{background:#788e9c}.distrito-plaza .distrito-icono{background:radial-gradient(circle,#25343d,#07141e 70%)}
.distrito-mercado:before{background:#4c88aa}.distrito-mercado .distrito-icono{background:radial-gradient(circle,#18394d,#07141e 70%)}
.distrito-nodo.completado{border-color:#856b39;background:linear-gradient(90deg,#211d11,#091820 34%)}.distrito-nodo.completado .distrito-accion em{color:#e0b65f}
.distrito-nodo.bloqueado{opacity:.42}.distrito-nodo.bloqueado:hover{transform:none}
.ciudad-ruta-rapida{margin-top:15px;padding:20px;border:1px solid #29495a;background:#0a1a25;display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:25px;align-items:center}.ciudad-ruta-rapida small{font-size:8px;letter-spacing:.14em;color:#c39043}.ciudad-ruta-rapida h2{font:24px Georgia;margin:4px 0}.ruta-ciudad-pasos{display:flex;align-items:center;justify-content:flex-end;gap:7px}.ruta-ciudad-pasos>span{min-width:85px;padding:9px;border:1px solid #29495a;background:#07151f;text-align:center}.ruta-ciudad-pasos b,.ruta-ciudad-pasos small{display:block}.ruta-ciudad-pasos b{width:25px;height:25px;margin:auto;display:grid;place-items:center;border-radius:50%;border:1px solid #3e6073;color:#9cb4c2}.ruta-ciudad-pasos small{margin-top:5px;color:#718b9a;letter-spacing:.04em}.ruta-ciudad-pasos>span.actual{border-color:#a27d3f}.ruta-ciudad-pasos>span.actual b{border-color:#d4a44d;color:#e3b860}.ruta-ciudad-pasos>span.hecho b{background:#765e32;border-color:#b28c47;color:#fff}.ruta-ciudad-pasos>i{font-style:normal;color:#496779}
.ciudad-proximamente{padding:24px;margin-top:14px}.ciudad-proximamente small{font-size:8px;letter-spacing:.14em;color:#bd9148}.ciudad-proximamente h2{font:27px Georgia;margin:5px 0}.ciudad-proximamente p{color:#758f9f}
@media(max-width:900px){.ciudad-portada{grid-template-columns:90px 1fr}.ciudad-portada-icono{width:82px;height:82px;font-size:42px}.ciudad-estado-general{grid-column:1/-1;border-left:0;border-top:1px solid #2a4758;padding:14px 0 0}.distrito-nodo{grid-template-columns:32px 70px 1fr}.distrito-icono{width:64px;height:76px}.distrito-accion{grid-column:2/-1;border-left:0;border-top:1px solid #233f50;padding:13px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:center}.distrito-accion .boton,.distrito-progreso{grid-column:1/-1}.ciudad-ruta-rapida{grid-template-columns:1fr}.ruta-ciudad-pasos{justify-content:flex-start;overflow:auto}}
@media(max-width:620px){.ciudad-portada{grid-template-columns:1fr;padding:18px}.ciudad-portada-icono{margin:auto}.ciudad-portada-contenido{text-align:center}.ciudad-datos{justify-content:center}.ciudad-orientacion-cuerpo{grid-template-columns:1fr}.ciudad-mini-recursos{display:grid;grid-template-columns:1fr 1fr}.distrito-nodo{grid-template-columns:45px 1fr;padding:14px;gap:12px}.distrito-numero{display:none}.distrito-icono{width:45px;height:54px;font-size:28px}.distrito-contenido h2{font-size:23px}.distrito-contenido p{font-size:10px}.distrito-accion{grid-column:1/-1}.ruta-ciudad-pasos{gap:4px}.ruta-ciudad-pasos>span{min-width:72px}.ruta-ciudad-pasos>i{display:none}}
/* Fase 1.6.4.18 · Cierre narrativo de Villa Alba */
.academia-cronica-capitulo{margin:14px 0;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden}.academia-cronica-heroe{display:flex;gap:16px;align-items:center;padding:20px;border-right:1px solid #294555}.academia-cronica-icono{width:72px;height:82px;display:grid;place-items:center;font-size:35px;border:1px solid #7c6639;background:radial-gradient(circle,#302817,#07151e 72%);flex:0 0 auto}.academia-cronica-heroe small,.academia-cronica-pista small{font-size:8px;letter-spacing:.14em;color:#c69547}.academia-cronica-heroe h2{font:24px Georgia;margin:4px 0}.academia-cronica-heroe p{font-size:10px;color:#7f99a8;margin:0;line-height:1.55}.academia-cronica-pista{padding:20px;background:#081720;display:flex;flex-direction:column;justify-content:center}.academia-cronica-pista strong{font:18px Georgia;color:#d8bd86;margin:6px 0}.academia-cronica-pista span{font-size:10px;color:#7891a0;line-height:1.55}.academia-cronica-pista a{margin-top:9px;font-size:9px;color:#d6a451;text-decoration:none}.rival-relato-academia{margin:10px 0 2px;padding:9px 11px;border-left:2px solid #9d793e;background:#0a1821}.rival-relato-academia small{display:block;color:#c49243;font-size:7px;letter-spacing:.12em}.rival-relato-academia span{display:block;margin-top:3px;color:#849ba9;font:italic 10px/1.45 Georgia,serif}
.epilogo-villa-alba{display:grid;grid-template-columns:90px 1fr;gap:20px;margin:18px 0;padding:22px;border:1px solid #9a7639;background:linear-gradient(135deg,#241d11,#0b1922 55%,#101725);box-shadow:0 12px 30px #0005}.epilogo-sello{width:82px;height:110px;display:grid;place-items:center;font-size:43px;border:1px solid #c59847;background:#091720}.epilogo-villa-alba small{font-size:8px;letter-spacing:.16em;color:#d8a84d}.epilogo-villa-alba h3{font:28px Georgia;margin:5px 0 10px}.epilogo-villa-alba p{font:13px/1.65 Georgia;color:#adbbc4}.epilogo-villa-alba blockquote{margin:14px 0;padding:10px 14px;border-left:2px solid #c99a48;color:#d6c39e;font:italic 14px/1.5 Georgia;background:#0b151b}.epilogo-observador{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #453d59;background:#11131d}.epilogo-observador b{font-size:22px}.epilogo-observador span{font-size:10px;line-height:1.55;color:#9b98aa}.epilogo-acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.epilogo-acciones a{padding:7px 9px;border:1px solid #6e5831;color:#deb363;text-decoration:none;font-size:9px;background:#0b151b}
.mi-cronica{margin-top:18px}.mi-cronica-hero{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:18px;border-bottom:1px solid #264252;background:linear-gradient(90deg,#151d1b,#091722)}.mi-cronica-heroe-icono{width:66px;height:76px;display:grid;place-items:center;font-size:34px;border:1px solid #8a6d39;background:#08151d}.mi-cronica-hero small{font-size:7px;letter-spacing:.14em;color:#c99748}.mi-cronica-hero h3{font:21px Georgia;margin:3px 0}.mi-cronica-hero p{font-size:10px;color:#7893a3;margin:0}.mi-cronica-hero a{color:#d6a44f;font-size:9px;text-decoration:none}.mi-cronica-pistas{padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mi-cronica-pistas article{display:grid;grid-template-columns:28px 38px 1fr;gap:9px;align-items:start;padding:12px;border:1px solid #294555;background:#081721}.mi-cronica-pistas article.descubierta{border-color:#5f5434;background:linear-gradient(135deg,#181a12,#081721 65%)}.mi-cronica-pistas article.oculta{opacity:.55}.pista-num{font:11px Georgia;color:#5f7988;padding-top:5px}.mi-cronica-pistas article>b{font-size:21px}.mi-cronica-pistas small{font-size:7px;letter-spacing:.11em;color:#a47d3d}.mi-cronica-pistas strong{display:block;font:15px Georgia;color:#d3dee4;margin:2px 0 4px}.mi-cronica-pistas p{font-size:9px;line-height:1.45;color:#78919f;margin:0}.mi-cronica-cierre{margin:0 14px 14px;padding:14px;border:1px solid #8a6b36;background:#191710}.mi-cronica-cierre.pendiente{border-color:#294555;background:#081721}.mi-cronica-cierre span,.mi-cronica-cierre strong{display:block}.mi-cronica-cierre span{font-size:8px;letter-spacing:.12em;color:#d5a348}.mi-cronica-cierre strong{font:18px Georgia;margin:4px 0}.mi-cronica-cierre p{font-size:10px;color:#8299a7;margin:0}.cierre-villa-inicio{margin:18px 0;padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-color:#866a38;background:linear-gradient(90deg,#1b1910,#0a1923)}.cierre-villa-inicio small{font-size:8px;color:#d5a448;letter-spacing:.13em}.cierre-villa-inicio h2{font:25px Georgia;margin:4px 0}.cierre-villa-inicio p{font-size:10px;color:#7d94a1;margin:0}
@media(max-width:760px){.academia-cronica-capitulo{grid-template-columns:1fr}.academia-cronica-heroe{border-right:0;border-bottom:1px solid #294555}.epilogo-villa-alba{grid-template-columns:1fr}.epilogo-sello{width:100%;height:72px}.mi-cronica-hero{grid-template-columns:56px 1fr}.mi-cronica-hero a{grid-column:1/-1}.mi-cronica-pistas{grid-template-columns:1fr}.cierre-villa-inicio{align-items:flex-start;flex-direction:column}}
/* =========================================================
FASE 1.6.5.1 · Tutorial práctico del constructor
========================================================= */
.mision-practica-aldren,.mision-editor-aldren{border:1px solid #b78b45;background:linear-gradient(180deg,#21180f,#15110d);box-shadow:inset 0 0 0 1px #f2ce7a18,0 12px 30px #0005}
.mision-practica-aldren h3,.mision-editor-aldren h2{color:#f4d48b;margin:.4rem 0}.mision-practica-aldren p,.mision-editor-aldren p{color:#ddd0b8}
.mision-practica-metricas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.mision-practica-metricas span{background:#0f0e0c;border:1px solid #5f4a2d;padding:.8rem;border-radius:10px;text-align:center}.mision-practica-metricas b{display:block;font-size:1.35rem;color:#f3d182}.mision-practica-metricas small{color:#bcb09c}
.mision-editor-grid{display:grid;grid-template-columns:1fr 190px;gap:1rem;align-items:center}.mision-editor-contador{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#342315,#120e0b);border:1px solid #8f6935;border-radius:14px;text-align:center}.mision-editor-contador b{font-size:3rem;color:#ffcf70;line-height:1}.mision-editor-contador span{color:#d5c4a8;font-size:.82rem;max-width:140px;margin-top:.45rem}
.aviso-mision{padding:.8rem 1rem;border-left:4px solid #d49a3d;background:#2b1d0f;color:#f0d9af!important}.aviso-mision.exito{border-left-color:#6fba76;background:#142317;color:#cde8cf!important}.mision-cumplida{border-color:#5c9b66}.tutorial-bloqueo-practico{margin-bottom:1rem}
.slot-competitivo.tutorial-robo-intenso{border-color:#db9d3c!important;box-shadow:0 0 0 2px #8b2d22,0 0 22px #d99a3545!important;background:linear-gradient(90deg,#321514,#1c1410)!important}.slot-competitivo.tutorial-robo-intenso .numero-slot b{color:#ffd27c}.slot-competitivo.tutorial-robo-intenso .detalle-slot{color:#f3be78;font-weight:700}
.acciones-aprendizaje button[disabled],.maese-chat-acciones button[disabled]{opacity:.48;cursor:not-allowed;filter:grayscale(.45)}
@media(max-width:760px){.mision-editor-grid{grid-template-columns:1fr}.mision-editor-contador{min-height:95px}.mision-practica-metricas{grid-template-columns:1fr}.mision-editor-aldren .panel-cab{align-items:flex-start;gap:.4rem}}
/* =========================================================
FASE 1.6.5.2 · Novedades de colección y claridad de mazos
========================================================= */
.enlace-coleccion-nav{position:relative}.badge-nuevas-nav{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:#b62f35;border:1px solid #f07175;color:#fff;font:800 9px/1 Arial;box-shadow:0 0 0 3px #b62f3526,0 0 12px #b62f355e}.aviso-nuevas-cartas{display:grid;gap:7px;margin:0 0 14px;padding:13px 15px;border-color:#6f3b3e;background:linear-gradient(90deg,#231214,#0a1821 55%)}.aviso-nuevas-cartas>div{display:flex;align-items:center;gap:8px}.aviso-nuevas-cartas strong{font-size:10px;letter-spacing:.12em;color:#f1b5b7}.aviso-nuevas-cartas p,.aviso-nuevas-cartas small{margin:0;color:#9db0ba;font-size:10px;line-height:1.5}.punto-nuevo-ejemplo,.badge-carta-nueva i{width:9px;height:9px;border-radius:50%;background:#e6464d;box-shadow:0 0 0 3px #e6464d24,0 0 12px #e6464d8a}.carta-con-acciones{position:relative}.carta-nueva-pendiente{border-color:#a44549!important;box-shadow:0 0 0 1px #e34f5447,0 0 18px #e34f5425!important}.badge-carta-nueva{position:absolute;z-index:6;top:9px;right:9px;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #bd5054;background:#2b1013e8;color:#ffd7d8;border-radius:999px;font:800 8px/1 Arial;letter-spacing:.08em;pointer-events:none}.badge-carta-nueva i{display:block;width:7px;height:7px}.compra-destino{margin-top:10px;padding:10px;border:1px solid #6e4c37;background:#1c160f;display:flex;justify-content:space-between;gap:10px;align-items:center}.compra-destino span{font-size:10px;color:#cdbda5}.compra-destino>div{display:flex;gap:7px;flex-wrap:wrap}.boton.secundario{background:#0c2230;border-color:#3c6275}.nota-mazos-comprados{margin:0 0 10px;padding:9px 11px;border-left:3px solid #b68a49;background:#0a1821;color:#93a8b3;font-size:10px;line-height:1.5}.nota-mazos-comprados strong{color:#e0c080}
@media(max-width:700px){.compra-destino{align-items:stretch;flex-direction:column}.compra-destino>div .boton{flex:1;text-align:center}.badge-carta-nueva{top:7px;right:7px}.aviso-nuevas-cartas{padding:11px}.badge-nuevas-nav{margin-left:6px}}
\n\n/* Fase 1.6.5.7 · CTA pedagógico: la acción obligatoria debe dominar visualmente */
.tutorial-cta-principal{
position:relative; isolation:isolate;
color:#071218!important;
border:1px solid #8fffe7!important;
background:linear-gradient(135deg,#baffef 0%,#55efcf 42%,#20cda9 100%)!important;
box-shadow:0 0 0 2px rgba(74,255,215,.18),0 0 14px rgba(74,255,215,.75),0 0 34px rgba(74,255,215,.38),inset 0 1px rgba(255,255,255,.8)!important;
text-shadow:0 1px rgba(255,255,255,.35); font-weight:950!important;
animation:tutorialCTAneon 1.55s ease-in-out infinite;
}
.tutorial-cta-principal:hover,.tutorial-cta-principal:focus-visible{
transform:translateY(-2px) scale(1.025); filter:brightness(1.12);
box-shadow:0 0 0 3px rgba(74,255,215,.25),0 0 20px rgba(74,255,215,.95),0 0 46px rgba(74,255,215,.55)!important;
outline:none;
}
.tutorial-cta-principal:after{content:"ACCIÓN OBLIGATORIA";position:absolute;right:8px;top:-9px;padding:2px 6px;border-radius:8px;background:#071a1c;color:#9fffe9;border:1px solid #49d9bd;font-size:7px;letter-spacing:.08em;box-shadow:0 0 10px rgba(73,217,189,.5)}
.maese-chat-acciones .tutorial-cta-chat{color:#071218!important;border-color:#8fffe7!important;background:linear-gradient(135deg,#baffef,#35dfbd)!important}
.tutorial-etapa-mazo .acciones-aprendizaje button[disabled],.tutorial-etapa-mazo .maese-chat-acciones button[disabled]{opacity:.28!important;filter:grayscale(.75) brightness(.65)!important;box-shadow:none!important}
@keyframes tutorialCTAneon{0%,100%{box-shadow:0 0 0 2px rgba(74,255,215,.14),0 0 11px rgba(74,255,215,.55),0 0 26px rgba(74,255,215,.25),inset 0 1px rgba(255,255,255,.8)}50%{box-shadow:0 0 0 3px rgba(74,255,215,.24),0 0 20px rgba(74,255,215,.9),0 0 42px rgba(74,255,215,.48),inset 0 1px rgba(255,255,255,.9)}}
@media (prefers-reduced-motion:reduce){.tutorial-cta-principal{animation:none}}
@media(max-width:700px){.tutorial-cta-principal:after{right:6px;top:-8px}.tutorial-cta-principal{min-height:50px;display:flex!important;align-items:center;justify-content:center;text-align:center}}
/* Fase 1.6.5.8 · Lectura explícita de cartas en el constructor */
.carta-biblioteca-acciones{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 10px 9px}
.carta-biblioteca-acciones button{min-height:38px;border-radius:9px;font-weight:900;letter-spacing:.03em}
.ver-detalle-mazo{border:1px solid rgba(112,219,255,.72);background:linear-gradient(180deg,rgba(25,74,91,.96),rgba(10,36,48,.98));color:#dff9ff;box-shadow:0 0 0 1px rgba(84,207,255,.12) inset,0 0 14px rgba(39,197,255,.16);cursor:pointer}
.ver-detalle-mazo:hover,.ver-detalle-mazo:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(116,230,255,.28) inset,0 0 20px rgba(39,197,255,.32);outline:none}
.carta-tutorial-revisar{position:relative;box-shadow:0 0 0 2px rgba(255,190,52,.8),0 0 22px rgba(255,139,31,.28)!important}
.badge-aldren-revisar{margin:8px 8px 0;padding:6px 8px;border:1px solid rgba(255,194,64,.8);border-radius:8px;background:rgba(83,42,7,.94);color:#ffe7a5;font-size:10px;font-weight:900;text-align:center;letter-spacing:.04em}
.nota-efecto-tutorial{margin:8px 0 0;padding:7px 8px;border-left:3px solid #eeb54c;background:rgba(81,48,9,.42);color:#f5ddb2;font-size:11px;line-height:1.35}
.carta-tutorial-revisar .ver-detalle-mazo{animation:pulso-ver-carta-tutorial 1.45s ease-in-out infinite;border-color:#ffd166;color:#fff4c9;box-shadow:0 0 0 1px rgba(255,209,102,.2) inset,0 0 18px rgba(255,179,51,.35)}
@keyframes pulso-ver-carta-tutorial{0%,100%{box-shadow:0 0 0 1px rgba(255,209,102,.18) inset,0 0 10px rgba(255,179,51,.2)}50%{box-shadow:0 0 0 1px rgba(255,230,165,.34) inset,0 0 24px rgba(255,179,51,.55)}}
@media (max-width:720px){.carta-biblioteca-acciones{grid-template-columns:1fr}.carta-biblioteca-acciones button{min-height:44px}}
@media (prefers-reduced-motion:reduce){.carta-tutorial-revisar .ver-detalle-mazo{animation:none}}
/* =========================================================
FASE 1.6.5.9 · Lenguaje neón unificado para tutoriales
El neón aparece únicamente durante el aprendizaje guiado.
========================================================= */
.tutorial-boton-neon,
.tutorial-boton-neon-suave{
position:relative;
transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.tutorial-boton-neon:not(:disabled),
.tutorial-boton-neon-suave:not(:disabled){
border-color:#54e8d1!important;
box-shadow:0 0 0 1px rgba(79,239,215,.16),0 0 12px rgba(49,224,199,.30),inset 0 0 10px rgba(70,238,214,.08)!important;
}
.tutorial-boton-neon:not(:disabled){
color:#dffff8!important;
text-shadow:0 0 9px rgba(112,255,232,.55);
}
.tutorial-boton-neon-suave:not(:disabled){
box-shadow:0 0 0 1px rgba(79,239,215,.12),0 0 8px rgba(49,224,199,.18),inset 0 0 7px rgba(70,238,214,.05)!important;
}
.tutorial-boton-neon:not(:disabled):hover,
.tutorial-boton-neon:not(:disabled):focus-visible,
.tutorial-boton-neon-suave:not(:disabled):hover,
.tutorial-boton-neon-suave:not(:disabled):focus-visible{
transform:translateY(-1px);
filter:brightness(1.12);
outline:none;
box-shadow:0 0 0 2px rgba(93,255,231,.22),0 0 20px rgba(58,238,210,.52),inset 0 0 12px rgba(103,255,233,.10)!important;
}
/* La acción exacta indicada por Aldren conserva el pulso fuerte de la 1.6.5.7. */
.tutorial-cta-cuando-activo:not(:disabled){
color:#071218!important;
border-color:#8fffe7!important;
background:linear-gradient(135deg,#baffef 0%,#55efcf 42%,#20cda9 100%)!important;
box-shadow:0 0 0 2px rgba(74,255,215,.18),0 0 14px rgba(74,255,215,.75),0 0 34px rgba(74,255,215,.38),inset 0 1px rgba(255,255,255,.8)!important;
text-shadow:0 1px rgba(255,255,255,.35)!important;
animation:tutorialCTAneon 1.55s ease-in-out infinite;
}
.tutorial-boton-neon:disabled,
.tutorial-boton-neon-suave:disabled,
.tutorial-cta-cuando-activo:disabled{
box-shadow:none!important;
animation:none!important;
opacity:.34!important;
filter:grayscale(.65) brightness(.7)!important;
}
/* Constructor: vaciar, leer, añadir y guardar son acciones de aprendizaje. */
.tutorial-etapa-mazo .tutorial-boton-neon:not(:disabled),
.mision-editor-aldren .tutorial-boton-neon:not(:disabled){z-index:2}
/* Arena: el botón requerido resalta por encima de las alternativas válidas. */
.maese-chat-combate~* .tutorial-boton-neon{}
.estadio-arena .tutorial-cta-principal:not(:disabled),
.preparacion-inicial-combate .tutorial-cta-principal:not(:disabled){z-index:5}
@media(max-width:700px){
.tutorial-boton-neon:not(:disabled),.tutorial-boton-neon-suave:not(:disabled){min-height:42px}
}
@media(prefers-reduced-motion:reduce){
.tutorial-boton-neon,.tutorial-boton-neon-suave,.tutorial-cta-cuando-activo{animation:none!important;transition:none!important}
}
/* =========================================================
FASE 1.6.5.10 · Jerarquía visual definitiva del tutorial
Regla: acción solicitada = cian sólido + neón fuerte.
acción alternativa = fondo oscuro + neón suave.
Se ubica al final para ganar sobre estilos antiguos de .boton.
========================================================= */
.tutorial-etapa .tutorial-boton-neon:not(:disabled):not(.tutorial-cta-principal):not(.tutorial-cta-cuando-activo),
.tutorial-etapa .tutorial-boton-neon-suave:not(:disabled):not(.tutorial-cta-principal),
.mision-editor-aldren .tutorial-boton-neon:not(:disabled):not(.tutorial-cta-principal):not(.tutorial-cta-cuando-activo),
.mision-editor-aldren .tutorial-boton-neon-suave:not(:disabled):not(.tutorial-cta-principal),
.estadio-arena .tutorial-boton-neon:not(:disabled):not(.tutorial-cta-principal):not(.tutorial-cta-cuando-activo),
.estadio-arena .tutorial-boton-neon-suave:not(:disabled):not(.tutorial-cta-principal),
.preparacion-inicial-combate .tutorial-boton-neon:not(:disabled):not(.tutorial-cta-principal):not(.tutorial-cta-cuando-activo),
.preparacion-inicial-combate .tutorial-boton-neon-suave:not(:disabled):not(.tutorial-cta-principal),
.mano-estadio .tutorial-boton-neon:not(:disabled):not(.tutorial-cta-principal):not(.tutorial-cta-cuando-activo),
.mano-estadio .tutorial-boton-neon-suave:not(:disabled):not(.tutorial-cta-principal),
.acciones-principales-estadio .tutorial-boton-neon:not(:disabled):not(.tutorial-cta-principal):not(.tutorial-cta-cuando-activo),
.acciones-principales-estadio .tutorial-boton-neon-suave:not(:disabled):not(.tutorial-cta-principal),
.maese-chat-acciones .tutorial-boton-neon:not(:disabled):not(.tutorial-cta-principal):not(.tutorial-cta-cuando-activo),
.maese-chat-acciones .tutorial-boton-neon-suave:not(:disabled):not(.tutorial-cta-principal){
background:linear-gradient(180deg,#10252c 0%,#08161c 100%)!important;
color:#eafffb!important;
border:1px solid #3bb9aa!important;
text-shadow:0 1px 2px #000,0 0 6px rgba(95,235,216,.20)!important;
box-shadow:0 0 0 1px rgba(65,220,199,.10),0 0 8px rgba(42,210,188,.18),inset 0 1px rgba(255,255,255,.04)!important;
}
/* La acción exacta de Aldren SIEMPRE gana, incluso si conserva una clase "suave". */
.tutorial-etapa .tutorial-cta-principal:not(:disabled),
.mision-editor-aldren .tutorial-cta-principal:not(:disabled),
.estadio-arena .tutorial-cta-principal:not(:disabled),
.preparacion-inicial-combate .tutorial-cta-principal:not(:disabled),
.mano-estadio .tutorial-cta-principal:not(:disabled),
.acciones-principales-estadio .tutorial-cta-principal:not(:disabled),
.maese-chat-acciones .tutorial-cta-principal:not(:disabled),
.tutorial-cta-cuando-activo:not(:disabled){
background:linear-gradient(135deg,#c9fff3 0%,#62f2d4 40%,#21c9aa 100%)!important;
color:#041416!important;
border:2px solid #a9ffed!important;
font-weight:950!important;
text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
box-shadow:0 0 0 2px rgba(69,255,218,.22),0 0 18px rgba(69,255,218,.88),0 0 42px rgba(69,255,218,.48),inset 0 1px rgba(255,255,255,.88)!important;
animation:tutorialCTAneon 1.35s ease-in-out infinite!important;
filter:none!important;
opacity:1!important;
z-index:8;
}
.tutorial-etapa .tutorial-cta-principal:not(:disabled):hover,
.mision-editor-aldren .tutorial-cta-principal:not(:disabled):hover,
.estadio-arena .tutorial-cta-principal:not(:disabled):hover,
.preparacion-inicial-combate .tutorial-cta-principal:not(:disabled):hover,
.mano-estadio .tutorial-cta-principal:not(:disabled):hover,
.acciones-principales-estadio .tutorial-cta-principal:not(:disabled):hover,
.maese-chat-acciones .tutorial-cta-principal:not(:disabled):hover,
.tutorial-cta-cuando-activo:not(:disabled):hover{
background:linear-gradient(135deg,#e1fff8 0%,#7dffe2 42%,#2cdbb8 100%)!important;
color:#021012!important;
transform:translateY(-2px) scale(1.025);
}
/* Un botón bloqueado nunca debe competir con la acción requerida. */
.tutorial-etapa button[disabled].tutorial-boton-neon,
.tutorial-etapa button[disabled].tutorial-boton-neon-suave,
.estadio-arena button[disabled].tutorial-boton-neon,
.estadio-arena button[disabled].tutorial-boton-neon-suave,
.mano-estadio button[disabled].tutorial-boton-neon,
.mano-estadio button[disabled].tutorial-boton-neon-suave{
background:#0a1115!important;color:#718087!important;border-color:#263940!important;
box-shadow:none!important;text-shadow:none!important;opacity:.52!important;filter:none!important;animation:none!important;
}
@media(prefers-reduced-motion:reduce){
.tutorial-etapa .tutorial-cta-principal,.estadio-arena .tutorial-cta-principal,.preparacion-inicial-combate .tutorial-cta-principal,.mano-estadio .tutorial-cta-principal,.acciones-principales-estadio .tutorial-cta-principal,.maese-chat-acciones .tutorial-cta-principal,.tutorial-cta-cuando-activo{animation:none!important}
}
/* =========================================================
FASE 1.6.5.14 · RESTAURACIÓN DE ARENA APROBADA
Se repone la base visual de Fase 1.6.5 perdida en una integración posterior.
Mantiene data-futura-imagen / futuro-imagen para artes futuras.
========================================================= */
/* =========================================================
FASE 1.6.5 · ARENA MEDIEVAL · CAMPEÓN + 2 RESERVAS
Base visual preparada para futuras imágenes sin depender de ellas.
Cuando existan artes finales, usar data-futura-imagen / clases futuro-imagen.
========================================================= */
.arena-v165{
position:relative;overflow:hidden;padding:0!important;border:1px solid #8a6a34!important;border-radius:18px!important;
background:
radial-gradient(circle at 50% 48%,rgba(151,105,48,.18),transparent 30%),
linear-gradient(180deg,#22150d 0%,#0b1116 16%,#111920 50%,#0b1116 84%,#21160e 100%)!important;
box-shadow:0 22px 65px rgba(0,0,0,.48),inset 0 0 0 2px rgba(220,176,83,.08),inset 0 0 70px rgba(0,0,0,.55)
}
.arena-v165 .arena-fondo-futuro{position:absolute;inset:0;opacity:.55;pointer-events:none;background:
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),
radial-gradient(ellipse at center,rgba(201,151,73,.08),transparent 60%);background-size:34px 34px,34px 34px,auto}
.arena-v165-marcador{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-family:Georgia,serif}
.arena-v165-marcador.rival{background:linear-gradient(90deg,#31100e,#6d1e19 42%,#2b0d0c);border-bottom-color:#8b4c3c}
.arena-v165-marcador.jugador{background:linear-gradient(90deg,#0a2431,#124f6b 42%,#071c28);border-top:1px solid #3f7488;border-bottom:0}
.arena-v165-marcador small{display:block;font:700 9px/1.3 system-ui;letter-spacing:.18em;color:#d9c6a2}.arena-v165-marcador b{display:block;margin-top:3px;font-size:18px;color:#fff4df}.arena-v165-marcador>span{font:700 9px system-ui;letter-spacing:.08em;color:#c8b58e}
.arena-v165-fila{position:relative;z-index:2;display:grid;grid-template-columns:95px minmax(110px,.85fr) minmax(110px,.85fr) minmax(155px,1.22fr) 95px;gap:12px;align-items:center;padding:18px 20px}
.arena-v165-fila.rival{background:linear-gradient(180deg,rgba(92,21,17,.2),transparent)}.arena-v165-fila.jugador{background:linear-gradient(0deg,rgba(12,68,94,.18),transparent)}
.arena-slot-reserva,.arena-slot-campeon,.arena-pila.compacta{min-width:0;border:1px solid #5c5140;background:linear-gradient(150deg,rgba(18,21,23,.96),rgba(6,10,13,.96));box-shadow:inset 0 0 24px rgba(0,0,0,.5),0 8px 18px rgba(0,0,0,.22);border-radius:12px;text-align:center}
.arena-slot-reserva{min-height:174px;padding:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-style:dashed}.arena-slot-reserva.ocupado{border-style:solid;border-color:#8c713e}.arena-slot-reserva.defensor{border-color:#d2b25b;box-shadow:0 0 0 2px rgba(210,178,91,.15),0 0 25px rgba(210,178,91,.18),inset 0 0 24px rgba(0,0,0,.45)}
.arena-slot-reserva small,.arena-slot-campeon small,.arena-pila.compacta small{font:800 8px system-ui;letter-spacing:.14em;color:#bea76e}.arena-slot-reserva b{font:700 11px/1.2 Georgia,serif;color:#eee1c6}.arena-slot-reserva span{font:700 8px system-ui;color:#8fa6b2}.arena-slot-reserva em{font:700 8px system-ui;color:#c8c2b2;font-style:normal}.arena-slot-reserva.vacio{opacity:.72}
.arena-carta-arte{width:58px;height:74px;display:grid;place-items:center;border:1px solid #66583b;border-radius:7px;background:radial-gradient(circle at 50% 35%,#3c3220,#11161a 70%);font-size:31px;box-shadow:inset 0 0 18px rgba(0,0,0,.5)}.arena-carta-arte.campeon{width:86px;height:108px;font-size:48px;border-color:#b08a44;box-shadow:0 0 24px rgba(176,138,68,.14),inset 0 0 26px rgba(0,0,0,.6)}.arena-carta-arte.vacia{color:#6c6c63;background:#101519;border-color:#3a4247}
.arena-slot-campeon{min-height:215px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:2px solid #a58241}.arena-slot-campeon.rival{border-color:#9b4a3c}.arena-slot-campeon.jugador{border-color:#467f96}.arena-slot-campeon h3{margin:2px 0;font:700 13px/1.15 Georgia,serif;color:#f0dfbd}.arena-slot-campeon>b{font:700 10px system-ui;color:#efc5bc}.arena-slot-campeon.jugador>b{color:#bfe5f2}.arena-slot-campeon>span{font:700 8px system-ui;color:#aab4b8}.arena-slot-campeon.caido{opacity:.74;filter:saturate(.6)}
.arena-vida-carta{width:88%;height:7px;border:1px solid #4b3f32;border-radius:999px;background:#120d0b;overflow:hidden}.arena-vida-carta i{display:block;height:100%;width:var(--vida,0%);background:linear-gradient(90deg,#7b271e,#d55b43);transition:width .25s}.arena-slot-campeon.jugador .arena-vida-carta i{background:linear-gradient(90deg,#17506c,#42a0c4)}
.arena-pila.compacta{padding:9px 6px;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.arena-pila.compacta .pila-cartas{width:52px;height:70px}.arena-pila.compacta form{width:100%}.arena-pila.compacta button{width:100%;font-size:7px;padding:6px 4px}.arena-pila .descarte{background:linear-gradient(145deg,#211a14,#080a0c);border:1px dashed #5d4e3a;display:grid;place-items:center;color:#ba9d6b}
.arena-v165-centro{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:2px 24px}.arena-v165-centro>span{height:1px;background:linear-gradient(90deg,transparent,#9d7740)}.arena-v165-centro>span:last-child{background:linear-gradient(90deg,#9d7740,transparent)}.arena-v165-centro>div{text-align:center;padding:8px 18px;border:1px solid #806238;border-radius:999px;background:#100d0a;box-shadow:0 0 20px rgba(0,0,0,.35)}.arena-v165-centro small{display:block;font:800 7px system-ui;letter-spacing:.18em;color:#aa8b58}.arena-v165-centro b{font-size:22px;color:#e1b65f;margin:0 8px}.arena-v165-centro em{font:700 8px system-ui;color:#cfb991;font-style:normal;letter-spacing:.08em}
.arena-futuras-imagenes{position:relative;z-index:2;margin:0 16px 14px;padding:7px 10px;border:1px dashed rgba(184,149,79,.25);border-radius:8px;background:rgba(14,12,9,.55);font:600 8px/1.45 system-ui;color:#87775d;text-align:center}
.futuro-imagen{background-position:center;background-size:cover;background-repeat:no-repeat}.futuro-imagen[data-futura-imagen]{position:relative}.futuro-imagen[data-futura-imagen]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 18px rgba(0,0,0,.45)}
.panel-pergamino{border:1px solid #9a7841!important;background:linear-gradient(135deg,#2b2116,#17120d)!important;box-shadow:inset 0 0 40px rgba(0,0,0,.38),0 15px 35px rgba(0,0,0,.28)}
.decision-reservas-ms{margin:13px 0;padding:16px}.decision-ms-cab span{font:800 8px system-ui;letter-spacing:.18em;color:#d67f68}.decision-ms-cab h2{margin:3px 0 5px;font:24px Georgia,serif;color:#f0d6a4}.decision-ms-cab p{margin:0;color:#c1ae8f;font-size:10px;line-height:1.55}.decision-ms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.decision-reserva{border:1px solid #715b36;border-radius:12px;padding:12px;background:#12100d;text-align:center}.decision-reserva small{font:800 8px system-ui;color:#b8995a;letter-spacing:.12em}.decision-reserva h3{font:17px Georgia,serif;margin:5px 0;color:#f0dfbd}.decision-reserva>span{font:700 8px system-ui;color:#9eb0b8}.decision-reserva p{font-size:9px;line-height:1.45;color:#aa9b82}.decision-reserva-icono{font-size:37px;margin:7px}.decision-reserva label{display:block;margin:7px 0;padding:8px;border:1px solid #4c4436;border-radius:8px;background:#1b1813;color:#d5c5a3;font:700 9px system-ui;cursor:pointer}.decision-reserva label:has(input:checked){border-color:#b68c43;background:#2a2114;color:#ffe0a2}.decision-ms-alerta{padding:9px;border:1px solid #7c4f38;background:#24120d;color:#d5aa8b;border-radius:8px;font-size:9px}.decision-ms-confirmar{margin-top:12px;width:100%}
@media(max-width:900px){
.arena-v165-fila{grid-template-columns:70px 1fr 1fr;gap:8px;padding:12px}.arena-v165-fila .arena-slot-campeon{grid-column:2/4;grid-row:1}.arena-v165-fila .arena-pila:first-child{grid-column:1;grid-row:1}.arena-v165-fila .arena-pila:last-child{grid-column:1;grid-row:2}.arena-v165-fila .arena-slot-reserva{min-height:140px}.arena-slot-campeon{min-height:190px}.arena-v165-marcador{padding:10px 12px}.arena-v165-marcador>span{display:none}.arena-v165-centro{padding:4px 12px}.decision-ms-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
.arena-v165-fila{grid-template-columns:58px 1fr 1fr;gap:6px;padding:9px}.arena-pila.compacta{min-height:118px}.arena-pila.compacta .pila-cartas{width:42px;height:58px}.arena-slot-reserva{min-height:126px;padding:6px}.arena-carta-arte{width:45px;height:57px;font-size:24px}.arena-carta-arte.campeon{width:72px;height:92px;font-size:40px}.arena-slot-campeon{min-height:175px;padding:8px}.arena-slot-campeon h3{font-size:11px}.arena-v165-centro>div{padding:6px 10px}.arena-v165-centro em{display:none}.decision-ms-grid{grid-template-columns:1fr}.decision-ms-cab h2{font-size:20px}
}
/* =========================================================
FASE 1.6.5.18 · Progresión, XP y recompensas de nivel
========================================================= */
.progreso-nivel-panel{margin:18px 0;border:1px solid rgba(93,220,232,.32);background:linear-gradient(135deg,rgba(11,28,36,.96),rgba(20,22,31,.96))}
.progreso-nivel-resumen{display:grid;grid-template-columns:minmax(170px,1fr) minmax(220px,2fr) auto;gap:16px;align-items:center;margin:14px 0}
.progreso-nivel-resumen>div:first-child{display:flex;flex-direction:column;gap:4px}.progreso-nivel-resumen small{opacity:.75}
.barra-xp-nivel{height:14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:inset 0 1px 4px rgba(0,0,0,.5)}
.barra-xp-nivel span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48dbe5,#d7b85a);box-shadow:0 0 14px rgba(72,219,229,.45)}
.recompensas-nivel-combate{margin:14px 0;padding:14px;border:1px solid rgba(215,184,90,.45);border-radius:12px;background:rgba(35,29,15,.55)}
.recompensas-nivel-combate>small{letter-spacing:.08em;color:#e7cf79}.recompensas-nivel-combate h3{margin:4px 0 10px}
.recompensa-nivel-item{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:9px 10px;margin:7px 0;border-radius:8px;background:rgba(255,255,255,.055)}
.recompensa-nivel-item b{color:#f2d66f}.recompensa-nivel-item span{font-size:.92rem}
.progreso-xp-combate{display:flex;flex-wrap:wrap;gap:10px 18px;margin:10px 0;font-size:.9rem;opacity:.9}
.admin-balance-resumen{display:grid;gap:10px}.admin-balance-resumen p{margin:0;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.045)}
@media(max-width:700px){.progreso-nivel-resumen{grid-template-columns:1fr}.recompensa-nivel-item{align-items:flex-start;flex-direction:column;gap:4px}}
/* =========================================================
FASE 1.6.6 · Manual del Comandante + Puerto Bruma
========================================================= */
.manual-ruta-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:22px 24px}
.manual-ruta-cta h2{margin:4px 0 7px}.manual-ruta-cta p{margin:0;max-width:760px}
.ciudad-portada-bruma{background:linear-gradient(135deg,rgba(14,45,58,.96),rgba(9,20,30,.97));box-shadow:inset 0 0 0 1px rgba(117,207,220,.12)}
.puerto-bruma-prologo{display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:start;padding:24px;margin:20px 0;border-color:rgba(112,202,215,.22);background:linear-gradient(135deg,rgba(11,34,45,.94),rgba(8,18,27,.97))}
.puerto-bruma-sello{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;font-size:38px;background:rgba(81,172,192,.12);border:1px solid rgba(115,220,235,.24);box-shadow:0 0 30px rgba(79,183,204,.08)}
.puerto-bruma-prologo h2{margin:5px 0 10px}.puerto-bruma-prologo blockquote{margin:14px 0;padding:12px 16px;border-left:3px solid rgba(108,212,225,.52);background:rgba(255,255,255,.025)}
.capitulo-puerto-bruma{background:linear-gradient(180deg,rgba(21,69,82,.14),rgba(0,0,0,0));border-top:1px solid rgba(105,207,220,.18)}
.epilogo-puerto-bruma{border-color:rgba(103,210,225,.28);background:linear-gradient(135deg,rgba(13,52,66,.9),rgba(13,20,30,.96))}
.pagina-reglas{max-width:1180px}.reglas-portada{display:grid;grid-template-columns:1fr 240px;gap:30px;align-items:center;padding:34px;border:1px solid rgba(218,181,92,.24);border-radius:18px;background:radial-gradient(circle at 85% 20%,rgba(212,177,89,.11),transparent 30%),linear-gradient(135deg,rgba(14,25,37,.98),rgba(7,14,23,.98));box-shadow:0 18px 55px rgba(0,0,0,.22)}
.reglas-portada h1{font-size:clamp(34px,5vw,58px);margin:8px 0 12px}.reglas-portada p{max-width:780px;font-size:1.05rem;line-height:1.7}.reglas-portada-acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.reglas-emblema{min-height:190px;border:1px solid rgba(219,181,91,.28);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.025);box-shadow:inset 0 0 45px rgba(212,175,78,.04)}
.reglas-emblema b{font-size:72px;line-height:1;color:#ead087}.reglas-emblema small{letter-spacing:.22em}.reglas-emblema span{margin-top:12px;font-size:.82rem;opacity:.72}
.reglas-indice{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:68px;z-index:6;margin:16px 0 22px;padding:10px;border-radius:12px;background:rgba(7,14,22,.94);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px)}
.reglas-indice a{padding:8px 11px;border-radius:8px;text-decoration:none;background:rgba(255,255,255,.035);font-size:.82rem}.reglas-indice a:hover{background:rgba(217,180,86,.12)}
.regla-seccion{display:grid;grid-template-columns:82px 1fr;gap:24px;padding:28px;margin-bottom:16px;scroll-margin-top:130px}.regla-numero{font:700 34px/1 serif;color:rgba(228,193,105,.7);border-right:1px solid rgba(226,190,95,.18);padding-right:20px}.regla-seccion h2{margin:4px 0 10px;font-size:clamp(24px,3vw,34px)}.regla-seccion p{line-height:1.72}.regla-destacados{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.regla-destacados span,.tabla-reglas-valor span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075)}
.reglas-grid,.muerte-reglas,.clases-reglas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.reglas-grid article,.muerte-reglas article,.clases-reglas article{padding:16px;border-radius:12px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.065)}.reglas-grid article>b{font-size:28px;color:#e4c575}.reglas-grid article strong,.muerte-reglas article strong,.clases-reglas article b{display:block;margin:3px 0 7px}.reglas-grid article p,.muerte-reglas article p,.clases-reglas article p{margin:0;font-size:.9rem;line-height:1.55;opacity:.78}
.alerta-regla{margin-top:15px;padding:13px 15px;border-radius:10px;background:rgba(222,169,63,.08);border:1px solid rgba(225,179,82,.18)}
.pasos-reglas{padding-left:22px}.pasos-reglas li{margin:9px 0;line-height:1.6}.regla-peligro{border-color:rgba(199,88,88,.22);background:linear-gradient(135deg,rgba(59,19,27,.25),rgba(11,17,26,.97))}.muerte-reglas{grid-template-columns:repeat(4,minmax(0,1fr))}.clases-reglas{grid-template-columns:repeat(3,minmax(0,1fr))}.tabla-reglas-valor{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tabla-reglas-valor b{margin-left:6px;color:#e0c26b}.reglas-faq{padding:24px}.reglas-faq details{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.065)}.reglas-faq summary{cursor:pointer;font-weight:700}.reglas-faq p{margin:10px 0 0;opacity:.82}
@media (max-width:900px){.reglas-portada{grid-template-columns:1fr}.reglas-emblema{min-height:130px}.reglas-grid,.muerte-reglas{grid-template-columns:repeat(2,minmax(0,1fr))}.clases-reglas{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-ruta-cta{align-items:flex-start;flex-direction:column}}
@media (max-width:620px){.reglas-portada{padding:22px}.reglas-indice{position:static}.regla-seccion{grid-template-columns:1fr;padding:20px}.regla-numero{border-right:0;border-bottom:1px solid rgba(226,190,95,.18);padding:0 0 10px}.reglas-grid,.muerte-reglas,.clases-reglas{grid-template-columns:1fr}.puerto-bruma-prologo{grid-template-columns:1fr}.puerto-bruma-sello{width:64px;height:64px}.manual-ruta-cta{padding:18px}}
/* =========================================================
FASE 1.6.6.2 · Biblioteca visual + comunidad
========================================================= */
.marca-logo-img{width:32px;height:32px;object-fit:contain;border-radius:7px}
.admin-recursos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.admin-recurso-card{padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);display:grid;gap:9px}
.admin-recurso-card label{display:grid;gap:5px;font-size:.82rem}.admin-recurso-preview{height:150px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.06)}
.admin-recurso-preview img{width:100%;height:100%;object-fit:cover}.admin-recurso-preview span{font-size:48px}
.form-aportes{display:grid;grid-template-columns:220px 1fr;gap:14px}.form-aportes label{display:grid;gap:6px}.form-aportes .campo-ancho{grid-column:1/-1}
.lista-aportes{display:grid;gap:12px}.lista-aportes article{padding:18px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065)}.lista-aportes h3{margin:5px 0 8px}.estado-aporte{display:inline-block;padding:5px 9px;border-radius:999px;font-size:.72rem;border:1px solid rgba(255,255,255,.1)}.respuesta-aporte{margin-top:12px;padding:12px;border-left:3px solid rgba(99,210,220,.45);background:rgba(99,210,220,.05)}
.admin-lista-aportes article form{display:grid;grid-template-columns:220px 1fr;gap:10px;margin-top:14px}.admin-lista-aportes article form label{display:grid;gap:5px}.admin-lista-aportes article form button{align-self:end}.filtros-admin-aportes{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px}.filtros-admin-aportes a{padding:8px 11px;border-radius:8px;background:rgba(255,255,255,.04);text-decoration:none}
.arena-identidad-rival{display:flex;align-items:center;gap:10px}.arena-identidad-rival>img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.16)}
.maese-chat-avatar img,.maese-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.arena-v165[style*="--arena-fondo"]{background-image:linear-gradient(rgba(5,10,16,.78),rgba(5,10,16,.84)),var(--arena-fondo);background-size:cover;background-position:center}
@media(max-width:900px){.admin-recursos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.admin-recursos-grid,.form-aportes,.admin-lista-aportes article form{grid-template-columns:1fr}.form-aportes .campo-ancho{grid-column:auto}.arena-identidad-rival>img{width:34px;height:34px}}
.usuario-top .avatar-top-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-grande img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.selector-avatares span img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* Fase 1.6.6.3 · Imágenes maestras optimizadas y encuadre adaptativo */
.maese-avatar img,.maese-chat-avatar img,.arena-identidad-rival>img,.usuario-top .avatar-top-img,.avatar-grande img,.selector-avatares span img{object-fit:cover!important;object-position:50% 20%!important;display:block}
.maese-avatar,.maese-chat-avatar,.usuario-top>span,.avatar-grande,.selector-avatares span{overflow:hidden}
.selector-avatares span{position:relative}.selector-avatares span img{min-width:100%;min-height:100%;max-width:none}
.arte-carta img,.slot-lider-arte img,[class*="carta"] img[data-arte-carta]{width:100%;height:100%;object-fit:cover;object-position:50% 32%;display:block}
.admin-recurso-preview{background:repeating-conic-gradient(rgba(255,255,255,.025) 0 25%,rgba(0,0,0,.08) 0 50%) 50%/20px 20px,#07141e}
.admin-recurso-preview img{object-fit:contain!important;object-position:center!important;padding:4px}
.admin-recurso-card>.ayuda{display:block;margin-top:-5px;color:#718a9b;font-size:10px;line-height:1.4}
@media(max-width:620px){.selector-avatares span{width:58px;height:58px}.maese-avatar img,.maese-chat-avatar img,.arena-identidad-rival>img,.usuario-top .avatar-top-img,.avatar-grande img,.selector-avatares span img{object-position:50% 18%!important}}
/* Fase 1.6.6.4 · Arte real de cartas en administración, colección y constructor */
.admin-preview-icono{overflow:hidden;padding:0}
.admin-preview-icono img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}
.carta-biblioteca-arte{overflow:hidden;padding:0}
.carta-biblioteca-arte img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}
.arte-carta{overflow:hidden}
.arte-carta img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}
.modal-carta-arte{overflow:hidden}
.modal-carta-arte img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}
.modal-carta-arte span{display:grid;place-items:center;width:100%;height:100%}
/* Fase 1.6.6.5 · arte real de cartas dentro de la Arena */
.arena-carta-arte{overflow:hidden;position:relative}
.arena-carta-arte .arena-carta-imagen,.opcion-campeon-arte .arena-carta-imagen{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 28%;border-radius:inherit}
.arena-carta-arte .arena-carta-icono,.opcion-campeon-arte .arena-carta-icono{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.arena-slot-campeon .arena-carta-arte.campeon .arena-carta-imagen{object-position:50% 24%}
.arena-slot-reserva .arena-carta-imagen{object-position:50% 25%}
.opcion-campeon-arte{overflow:hidden}
.opcion-campeon-arte .arena-carta-imagen{min-height:100%;object-fit:cover}
@media (max-width:700px){.arena-carta-arte .arena-carta-imagen{object-position:50% 22%}}
/* Fase 1.6.6.7 · auditoría visual integral */
.rival-economia .retrato{overflow:hidden;border-radius:10px}
.rival-economia .retrato img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 20%}
.auditoria-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px}
.auditoria-visual-grid span{padding:12px;border:1px solid #29495b;background:#07141e;border-radius:8px}.auditoria-visual-grid small,.auditoria-visual-grid b{display:block}.auditoria-visual-grid small{font-size:8px;color:#6f8b9d;letter-spacing:.12em}.auditoria-visual-grid b{margin-top:4px;font:22px Georgia;color:#e6eef2}.auditoria-visual-admin .nota-admin{margin:0 14px 14px}
@media(max-width:700px){.auditoria-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Fase 1.6.6.9 · conexiones visuales del Resumen y la Crónica */
.mision-icono-personaje{overflow:hidden;padding:0}.mision-icono-personaje img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 24%}
.resumen-heroes .resumen-heroe-visual{overflow:hidden;position:relative;padding:0}.resumen-heroes .resumen-heroe-visual>b{font-size:30px;font-weight:400}.resumen-heroes .resumen-heroe-visual img{width:100%;height:92px;display:block;object-fit:cover;object-position:50% 24%}.resumen-heroes .resumen-heroe-visual small{position:absolute;left:6px;right:6px;bottom:6px;margin:0;padding:5px 4px;text-align:center;background:#061019d9;border:1px solid #365063;color:#eef6fb;text-shadow:0 1px 2px #000}
.heroes-cronica .heroe-cronica-arte{height:190px;margin:-18px -18px 14px;overflow:hidden;background:radial-gradient(circle at 50% 25%,#1a3b50,#07131d 70%);display:grid;place-items:center;font-size:55px;border-bottom:1px solid #29495c}.heroes-cronica .heroe-cronica-arte img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;display:block}
@media(max-width:760px){.resumen-heroes .resumen-heroe-visual img{height:76px}.heroes-cronica .heroe-cronica-arte{height:240px}}