/* ═══ Irregulares (screens/irregulares.js) — tiras de evolución + filtros ═══ */
#v-irregulares{
  --ir-inf:#1D4ED8; --ir-past:#DB2777; --ir-part:#0D9488;
  --ir-verde:#16A34A; --ir-amarillo:#F5C400; --ir-rojo:#DC2626;
  --ir-muted:#475569;
}
.ico-irregulares svg{width:26px;height:26px;color:var(--deep)}
.side-btn.on .ico-irregulares svg{color:var(--purple)}
.side-btn.on .ico-irregulares .ii-cuerpo{fill:rgba(124,58,237,.18)}

.irr-wrap{width:100%;margin:12px auto 40px;display:flex;flex-direction:column;gap:22px;padding-inline:4px;container-type:inline-size}
/* esta sección usa todo el ancho libre entre el menú y el rail de desafíos (el rail se queda, como en el resto) */
main>#v-irregulares{max-width:1180px}

/* ── filtros ── */
.irr-filtros{background:#fff;border-radius:22px;padding:14px 16px;display:grid;gap:12px;position:relative;z-index:5;box-shadow:0 6px 24px rgba(30,27,75,.08)}
.irr-buscador{display:flex;align-items:center;gap:10px;background:#F1F5F9;border-radius:14px;padding:0 14px}
.irr-buscador input{flex:1;border:0;background:none;font:inherit;font-size:16px;padding:12px 0;min-height:48px;color:var(--deep)}
.irr-buscador input:focus{outline:none}
.irr-buscador:focus-within{box-shadow:0 0 0 2px var(--purple)}
.irr-desplegables{display:flex;gap:10px;flex-wrap:wrap}
.irr-desp{position:relative}
.irr-desp-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:8px 16px;border-radius:14px;border:2px solid #E2E8F0;background:#fff;font:inherit;color:var(--deep);cursor:pointer}
.irr-desp-btn b{font-weight:900}
.irr-desp-et{color:var(--ir-muted);font-weight:700}
.irr-desp-btn[aria-expanded="true"]{border-color:var(--purple)}
.irr-flecha-d{transition:transform .15s;color:var(--ir-muted)}
.irr-desp-btn[aria-expanded="true"] .irr-flecha-d{transform:rotate(180deg)}
.irr-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:10;width:min(520px,calc(100vw - 96px));background:#fff;border-radius:18px;padding:10px;box-shadow:0 14px 40px rgba(30,27,75,.18);display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto}
.irr-panel[hidden]{display:none}
.irr-chip{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border-radius:12px;border:2px solid #E2E8F0;background:#fff;font:inherit;font-weight:800;color:var(--deep);cursor:pointer;text-align:left}
.irr-chip img{width:26px;height:26px;object-fit:contain}
.irr-chip small{font-weight:600;color:var(--ir-muted);font-size:.78rem}
.irr-chip .n{margin-left:auto;background:#F1F5F9;border-radius:999px;padding:0 8px;font-size:.8rem;color:var(--ir-muted)}
.irr-chip .irr-puntos i{width:12px;height:12px}
.irr-chip[aria-pressed="true"]{border-color:var(--cc,var(--purple));background:var(--cc2,#F5F3FF)}
.irr-chip:disabled{opacity:.4;cursor:default}
.irr-chip:focus-visible,.irr-desp-btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.irr-contador{font-weight:700;color:var(--ir-muted);font-size:.95rem}
.irr-limpiar{border:0;background:none;color:var(--purple);font:inherit;font-weight:900;cursor:pointer;text-decoration:underline;margin-left:4px;min-height:32px}
.irr-lista{display:flex;flex-direction:column;gap:22px}
.irr-vacio{text-align:center;color:var(--ir-muted);font-weight:700;padding:40px}

/* ── tira ── */
.irr-familia{--c:#3B82F6;--c2:#DBEAFE;background:#fff;border:2px solid var(--c2);border-radius:28px;padding:22px 26px 26px}
.irr-cab{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.irr-ico{width:64px;height:64px;border-radius:50%;border:3px solid var(--c);display:grid;place-items:center;background:#fff;flex:0 0 auto;overflow:hidden}
.irr-ico img{width:44px;height:44px;object-fit:contain}
.irr-nombre{background:var(--c);color:#fff;font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.55rem;letter-spacing:.04em;padding:4px 24px;border-radius:999px;text-transform:uppercase}
.irr-patron{font-weight:700;color:var(--ir-muted);font-size:.95rem}
.irr-linea{display:flex;align-items:center;gap:18px;margin:8px 0 0 78px;flex-wrap:wrap}
.irr-formas{font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:2.1rem;letter-spacing:.01em}
.irr-formas .i{color:var(--ir-inf)} .irr-formas .p{color:var(--ir-past)} .irr-formas .pp{color:var(--ir-part)}
.irr-formas .fl{color:var(--deep);margin:0 .35em;font-weight:600}
.irr-puntos{display:flex;gap:6px}
.irr-puntos i{width:18px;height:18px;border-radius:50%;display:block;box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
.irr-puntos .verde{background:var(--ir-verde)} .irr-puntos .amarillo{background:var(--ir-amarillo)} .irr-puntos .rojo{background:var(--ir-rojo)}
.irr-cuerpo{display:flex;align-items:flex-end;gap:24px;margin-top:10px}
.irr-evo{flex:1;display:flex;justify-content:space-around;align-items:flex-end;gap:28px;min-width:0}
.irr-fig{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;flex:1 1 0;min-width:0}
.irr-fig img{display:block;width:auto;height:auto;max-width:100%;object-fit:contain}   /* cabe en su hueco: nunca invade la historia */
/* hueco proporcional a la evolución: la forma final (la más importante) es SIEMPRE la más grande */
.irr-fig.t1{--g:.75} .irr-fig.t2{--g:1.15} .irr-fig.t3{--g:1.9} .irr-fig.solo{--g:1}
.irr-fig{flex-grow:calc(var(--g,1) * var(--k,1))}
.irr-fig img{max-height:calc(var(--mh) * var(--k,1))}   /* --k: ajuste fino por figura (data: escala) */
.irr-fig.t1 img{--mh:170px} .irr-fig.t2 img{--mh:250px} .irr-fig.t3 img{--mh:320px} .irr-fig.solo img{--mh:280px}
.irr-flecha{align-self:end;margin-bottom:52px;width:64px;height:16px;flex:0 0 auto;color:#60A5FA}
.irr-flecha svg{display:block;width:100%;height:100%}
.irr-etis{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.irr-eti{display:flex;flex-direction:column;align-items:center;gap:2px}
.irr-pill{font-family:"Baloo 2",Nunito,sans-serif;font-weight:700;font-size:1.6rem;line-height:1.1;padding:4px 22px;border-radius:14px}
.irr-pill.i{color:var(--ir-inf);background:#DBEAFE} .irr-pill.p{color:var(--ir-past);background:#FCE7F3} .irr-pill.pp{color:var(--ir-part);background:#CCFBF1}
.irr-tiempo{font-size:.9rem;color:var(--ir-muted);font-weight:600}
.irr-historia{flex:0 0 230px;align-self:center;background:var(--c2);border-radius:18px;padding:16px;text-align:center;line-height:1.45}
.irr-sig{font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.25rem;color:var(--c);text-transform:lowercase}
.irr-historia p{font-weight:700;font-size:1rem;margin-top:6px;color:var(--deep)}
/* keyword / significado de la historia: formato único .st-kw/.st-sig en base.css */
.irr-historia .irr-nota{font-size:.85rem;font-weight:700;color:var(--ir-muted);margin-top:10px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.15)}

@container (max-width:900px){
  .irr-cuerpo{flex-direction:column;align-items:stretch}
  .irr-historia{flex:none}
}
@container (max-width:760px){
  .irr-fig.t1 img{--mh:120px} .irr-fig.t2 img{--mh:170px} .irr-fig.t3 img{--mh:220px} .irr-fig.solo img{--mh:210px}
  .irr-pill{font-size:1.3rem;padding:3px 14px}
  .irr-flecha{width:36px;margin-bottom:44px}
}
@container (max-width:620px){
  .irr-familia{padding:16px 14px 18px;border-radius:22px}
  .irr-evo{gap:6px}
  .irr-fig.t1 img{--mh:80px} .irr-fig.t2 img{--mh:115px} .irr-fig.t3 img{--mh:150px} .irr-fig.solo img{--mh:160px}
  .irr-pill{font-size:1.05rem;padding:3px 10px}
  .irr-tiempo{font-size:.72rem}
  .irr-formas{font-size:1.45rem}
  .irr-linea{margin-left:0}
  .irr-nombre{font-size:1.15rem;padding:3px 16px}
  .irr-ico{width:48px;height:48px} .irr-ico img{width:32px;height:32px}
  .irr-flecha{margin-bottom:36px;width:24px}
}

/* ═══ Mecánica del HUEVO (2026-09-27): huevo → nace → evoluciona ═══ */
.irr-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.irr-nacidas{font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.25rem;color:var(--deep);background:#fff;border-radius:999px;padding:8px 18px;box-shadow:0 4px 16px rgba(30,27,75,.08)}
.irr-nacidas b{color:var(--purple)}
.irr-admin{display:flex;gap:8px;flex-wrap:wrap}
.irr-admin[hidden]{display:none}
.irr-admin-btn{min-height:44px;padding:6px 14px;border-radius:12px;border:2px dashed #F59E0B;background:#FFFBEB;color:#92400E;font:inherit;font-weight:800;font-size:.85rem;cursor:pointer}
.irr-admin-btn[aria-pressed="true"]{background:#F59E0B;color:#fff;border-style:solid}
.irr-admin-btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.irr-desp[hidden]{display:none}
/* selector de vista (solo admin): segmented control 1.º-2.º · 3.º-4.º · Todo */
.irr-vista{display:inline-flex;align-items:center;gap:0;border:2px dashed #F59E0B;border-radius:12px;background:#FFFBEB;padding:2px;max-width:100%}
.irr-vista-et{padding:0 8px 0 6px;font-weight:800;font-size:.85rem;color:#92400E}
.irr-vista-btn{min-height:44px;min-width:44px;padding:6px 12px;border:0;border-radius:9px;background:none;color:#92400E;font:inherit;font-weight:800;font-size:.85rem;cursor:pointer;-webkit-tap-highlight-color:transparent}
.irr-vista-btn[aria-pressed="true"]{background:#F59E0B;color:#fff}
.irr-vista-btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media (max-width:400px){
  .irr-admin,.irr-vista{width:100%}
  .irr-vista-btn{flex:1;padding:6px 6px}
}

/* huevo en la tira */
.irr-huevo-btn{border:0;background:none;padding:4px;cursor:pointer;border-radius:20px;min-width:44px;min-height:44px;display:flex;justify-content:center;-webkit-tap-highlight-color:transparent}
.irr-huevo-btn:focus-visible{outline:3px solid var(--c);outline-offset:3px}
.irr-huevo{display:block;height:clamp(96px,20cqi,180px);width:auto;overflow:visible}
.irr-huevo-btn .irr-huevo{animation:irr-balanceo 3.2s ease-in-out infinite;transform-origin:50% 92%}
.irr-huevo-btn:hover .irr-huevo{animation-duration:1s}
.irr-huevo-sombra{fill:rgba(30,27,75,.14)}
.irr-grieta{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}

/* silueta de formas no conseguidas */
.irr-silueta{position:relative;display:flex;justify-content:center;max-width:100%}
.irr-sil{position:absolute;inset:0;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 55%,#1E1B4B));-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom;opacity:.9;transition:opacity .6s ease}
.irr-silueta b{z-index:1;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.irr-silueta img{visibility:hidden;transition:filter .6s ease,opacity .6s ease}
.irr-silueta b{position:absolute;inset:0;display:grid;place-items:center;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1.8rem,6cqi,3rem);font-weight:800;color:var(--c);transition:opacity .4s}
.irr-pill.oculta{color:#94A3B8;background:#F1F5F9;letter-spacing:.12em}
.irr-formas .oculta{color:#94A3B8;letter-spacing:.08em}
.irr-pista{font-weight:800;font-size:1rem;margin-top:6px;color:var(--deep)}

/* cartel de evolución */
.irr-cartel{display:block;margin:16px auto 0;width:fit-content;max-width:100%;text-align:center;font-weight:900;font-size:1rem;color:var(--deep);background:var(--c2);border:2px dashed var(--c);border-radius:999px;padding:10px 20px;line-height:1.3}
.irr-cartel.espera{border-style:solid;opacity:.85}
button.irr-cartel.evo{font:inherit;font-weight:900;font-size:1.05rem;min-height:48px;cursor:pointer;background:var(--c);color:#fff;border:0;box-shadow:0 4px 0 rgba(0,0,0,.18)}
button.irr-cartel.evo:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.18)}
button.irr-cartel.evo:focus-visible{outline:3px solid var(--deep);outline-offset:3px}
.irr-recien{animation:irr-recien 1.2s ease}

/* ── modal del reto ── */
.irr-reto{margin:auto;inset:0;border:0;padding:0;border-radius:28px;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#fff;color:var(--deep);box-shadow:0 24px 60px rgba(30,27,75,.35)}
.irr-reto::backdrop{background:rgba(30,27,75,.55)}
.irr-reto-in{--c:#7C3AED;--c2:#EDE9FE;position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:22px 18px 22px;border-top:10px solid var(--c)}
.irr-reto-x{position:absolute;z-index:10;top:8px;right:8px;width:44px;height:44px;border-radius:50%;border:0;background:#F1F5F9;color:var(--deep);font-size:1.1rem;font-weight:900;cursor:pointer}
.irr-reto-tit{font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.45rem;line-height:1.15;color:var(--c);padding:0 36px}
#irrRetoCuerpo{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
#irrRetoCuerpo[hidden]{display:none}
.irr-escena{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:10px;min-height:150px;width:100%}
.irr-escena .irr-huevo{height:150px}
.irr-escena-fig{max-height:170px;max-width:42%;width:auto;object-fit:contain}
.irr-escena .irr-flecha{margin-bottom:40px;width:44px;color:var(--c)}
.irr-escena-sil{max-width:42%}
.irr-escena-sil img{max-height:190px;max-width:100%;width:auto;object-fit:contain}
.irr-destello{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0 20%,var(--c) 45%,transparent 70%);opacity:0;transform:scale(.2)}
.irr-reto-hist{background:var(--c2);border-radius:18px;padding:12px 14px;width:100%;line-height:1.45}
.irr-reto-hist p{font-weight:700;margin-top:4px}
.irr-reto-oir{margin-top:8px;min-height:44px;padding:6px 16px;border-radius:12px;border:2px solid var(--c);background:#fff;color:var(--deep);font:inherit;font-weight:800;cursor:pointer}
.irr-reto-preg{font-weight:800;font-size:1.05rem}
.irr-reto-preg b{color:var(--c)}
.irr-reto-aviso{font-size:.9rem;font-weight:700;color:var(--ir-muted)}
.irr-huecos{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;min-height:56px}
.irr-hueco{width:min(46px,11vw);height:54px;display:grid;place-items:center;border-bottom:4px solid var(--c);font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.9rem;color:var(--deep);text-transform:lowercase}
.irr-hueco.lleno{animation:irr-pop .18s ease}
.irr-huecos.mal{animation:irr-no .45s ease}
.irr-huecos.mal .irr-hueco{border-color:var(--ir-rojo);color:var(--ir-rojo)}
.irr-fichas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;max-width:420px}
.irr-ficha{min-width:48px;min-height:52px;padding:0 10px;border-radius:14px;border:2px solid var(--c);background:var(--c2);color:var(--deep);font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:0 4px 0 var(--c);-webkit-tap-highlight-color:transparent}
.irr-ficha:active{transform:translateY(3px);box-shadow:0 1px 0 var(--c)}
.irr-ficha:disabled{opacity:.25;cursor:default;box-shadow:none;transform:none}
.irr-ficha:focus-visible,.irr-reto-x:focus-visible,.irr-reto-borrar:focus-visible,.irr-reto-oir:focus-visible,.irr-reto-ok:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
.irr-reto-borrar{min-height:44px;padding:6px 18px;border-radius:12px;border:0;background:#F1F5F9;color:var(--deep);font:inherit;font-weight:800;cursor:pointer}
.irr-reto-borrar:disabled{opacity:.4;cursor:default}
.irr-reto-msg{font-weight:800;min-height:1.4em;color:var(--deep)}
.irr-reto-ok{min-height:52px;min-width:200px;max-width:320px;padding:8px 28px;border-radius:16px;border:0;background:var(--c);color:#fff;font:inherit;font-weight:900;font-size:1.15rem;cursor:pointer}
.irr-reto-ok[hidden]{display:none}

/* eclosión: tiembla → se agrieta → destello → aparece la figura */
.irr-escena.eclosiona .irr-huevo{animation:irr-tiembla .28s ease-in-out 5;transform-origin:50% 92%}
.irr-escena.eclosiona .irr-grieta{opacity:1;animation:irr-grieta .5s .7s ease-out forwards}
.irr-escena.eclosiona .irr-destello,.irr-escena.evoluciona .irr-destello{animation:irr-destello .8s 1.1s ease-out forwards}
.irr-nace{animation:irr-nace .6s cubic-bezier(.3,1.6,.5,1)}
/* evolución: la silueta se ilumina y se revela */
.irr-escena.evoluciona .irr-escena-sil img{animation:irr-tiembla .28s ease-in-out 4}
.irr-escena.revelada .irr-escena-sil img{filter:none;opacity:1;animation:irr-nace .6s cubic-bezier(.3,1.6,.5,1)}
.irr-escena.revelada .irr-escena-sil b{opacity:0}
.irr-escena.revelada .irr-escena-sil img{visibility:visible}
.irr-escena.revelada .irr-escena-sil .irr-sil{opacity:0}

@keyframes irr-balanceo{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-6deg)}82%{transform:rotate(5deg)}88%{transform:rotate(-3deg)}94%{transform:rotate(2deg)}}
@keyframes irr-tiembla{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
@keyframes irr-grieta{to{stroke-dashoffset:0}}
@keyframes irr-destello{0%{opacity:0;transform:scale(.2)}40%{opacity:1}100%{opacity:0;transform:scale(1.6)}}
@keyframes irr-nace{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes irr-pop{0%{transform:scale(.6)}100%{transform:scale(1)}}
@keyframes irr-no{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
@keyframes irr-recien{0%{box-shadow:0 0 0 0 var(--c)}40%{box-shadow:0 0 0 8px var(--c2)}100%{box-shadow:0 0 0 0 transparent}}

@container (max-width:620px){
  .irr-huevo{height:clamp(84px,24cqi,130px)}
  .irr-cartel{font-size:.92rem;padding:8px 14px}
}
@media (max-width:400px){
  .irr-reto-in{padding:18px 12px 18px}
  .irr-reto-tit{font-size:1.2rem}
  .irr-ficha{min-width:44px;min-height:48px;font-size:1.45rem;padding:0 8px}
  .irr-escena .irr-huevo{height:120px}
  .irr-escena-fig{max-height:130px}
  .irr-escena-sil img{max-height:140px}
  .irr-nacidas{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){
  .irr-huevo-btn .irr-huevo,.irr-escena.eclosiona .irr-huevo,.irr-escena.evoluciona .irr-escena-sil img,
  .irr-escena.revelada .irr-escena-sil img,.irr-nace,.irr-recien,.irr-hueco.lleno,.irr-huecos.mal{animation:none}
  .irr-escena.eclosiona .irr-grieta{animation:none;stroke-dashoffset:0}
  .irr-escena .irr-destello{animation:none!important}
  .irr-silueta img{transition:none}
}

/* huevo sin examen: botón de acción, cuenta atrás y aviso de espera (2026-09-28) */
.irr-reto-accion{display:block;margin:16px auto 4px;min-height:52px;padding:12px 28px;border:0;border-radius:18px;background:var(--c,#7C3AED);color:#fff;font:inherit;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.35rem;font-weight:800;cursor:pointer;box-shadow:0 6px 0 color-mix(in srgb,var(--c,#7C3AED) 70%,#000)}
.irr-reto-accion:active{transform:translateY(3px);box-shadow:0 3px 0 color-mix(in srgb,var(--c,#7C3AED) 70%,#000)}
.irr-reto-accion:focus-visible{outline:3px solid var(--deep);outline-offset:3px}
.irr-nacidas{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.irr-cuenta{display:inline-flex;align-items:center;gap:6px;font-weight:800;padding:6px 14px;border-radius:999px;background:#EEF2FF;color:#4338CA}
.irr-cuenta.si{background:#DCFCE7;color:#15803D}
.irr-espera-ico{font-size:4.5rem;display:block;text-align:center}

.irr-reloj{font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* 1.º-2.º (solo huevos): criatura y huevo más pequeños, que no dominen la tarjeta en web */
.irr-mini .irr-fig.solo img{--mh:200px}
.irr-mini .irr-huevo-btn .irr-huevo{max-height:190px}
@container (max-width:620px){ .irr-mini .irr-fig.solo img{--mh:140px} }
.irr-reto-admin{right:auto;left:8px;font-size:1rem}
.irr-reto-accion:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}
.irr-reto-accion.lista{animation:irr-latido 1.2s ease-in-out 2}
@keyframes irr-latido{50%{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){ .irr-reto-accion.lista{animation:none} }

/* ═══ Conmutador Tarjetas / Álbum + vista ÁLBUM (póster por familias, 2026-09-27) ═══ */
.irr-modo{display:inline-flex;margin-left:auto;border:2px solid #E2E8F0;border-radius:14px;background:#F1F5F9;padding:3px;gap:2px}
.irr-modo-btn{min-height:44px;min-width:44px;padding:6px 14px;border:0;border-radius:11px;background:none;color:var(--ir-muted);font:inherit;font-weight:800;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.irr-modo-btn[aria-pressed="true"]{background:#fff;color:var(--purple);box-shadow:0 2px 8px rgba(30,27,75,.12)}
.irr-modo-btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media (max-width:520px){ .irr-modo{margin-left:0;width:100%} .irr-modo-btn{flex:1} }
.irr-familia:focus{outline:none}

.irr-alb{display:flex;flex-direction:column;gap:16px}
.irr-alb-fam{background:var(--c2);border:3px solid var(--c);border-radius:24px;padding:10px 12px 14px;overflow:hidden}
.irr-alb-cab{display:flex;align-items:center;gap:10px;margin:0 0 10px;min-width:0}
.irr-alb-ico{width:44px;height:44px;border-radius:50%;border:3px solid var(--c);background:#fff;display:grid;place-items:center;flex:0 0 auto;overflow:hidden}
.irr-alb-ico img{width:30px;height:30px;object-fit:contain}
/* nombre completo («Familia Cristal»): encoge y salta de línea si no cabe, NUNCA se corta
   (antes flex:1 → flex-basis 0 + flex-grow 0 = pastilla vacía con «Cr») */
.irr-alb-cab h2{flex:0 1 auto;min-width:0;background:var(--c);color:#fff;font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.15rem;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;padding:3px 16px;border-radius:999px;white-space:normal;overflow-wrap:break-word}
.irr-alb-n{margin-left:auto;font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.05rem;color:var(--deep);background:#fff;border:2px solid var(--c);border-radius:999px;padding:0 12px;font-variant-numeric:tabular-nums}
.irr-alb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr));gap:8px}
.irr-alb.evo .irr-alb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:10px}
.irr-alb-grid li{min-width:0}
.irr-alb-cel{container-type:inline-size;width:100%;aspect-ratio:1;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:8px 6px 6px;border:0;border-radius:16px;background:#fff;font:inherit;color:var(--deep);cursor:pointer;overflow:hidden;box-shadow:0 2px 0 color-mix(in srgb,var(--c) 35%,transparent);-webkit-tap-highlight-color:transparent;transition:transform .12s}
.irr-alb-cel:hover{transform:translateY(-2px)}
.irr-alb-cel:active{transform:translateY(1px)}
.irr-alb-cel:focus-visible{outline:3px solid var(--c);outline-offset:2px}
.irr-alb-figs{flex:1;min-height:0;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}
.irr-alb-figs>img{display:block;min-width:0;max-width:100%;max-height:66cqi;width:auto;height:auto;object-fit:contain}
.irr-alb-huevo{display:flex;align-items:flex-end;justify-content:center}
.irr-alb-cel .irr-huevo{height:56cqi;max-height:none;width:auto}
.irr-alb-cel.huevo:hover .irr-huevo{animation:irr-balanceo 1s ease-in-out infinite;transform-origin:50% 92%}
.irr-alb-txt{max-width:100%;font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:clamp(1rem,13cqi,1.3rem);line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.irr-alb-txt .i{color:var(--ir-inf)} .irr-alb-txt .p{color:var(--ir-past)} .irr-alb-txt .pp{color:var(--ir-part)}
.irr-alb-txt .oculta{color:#94A3B8;letter-spacing:.06em}
.irr-alb-txt .fl{color:var(--ir-muted);margin:0 .25em;font-weight:600}
/* 3.º-4.º: celda apaisada (16/10) con las evoluciones en fila, alineadas abajo. La zona de
   figuras es un contenedor de tamaño → cqh = su alto. Jerarquía SIEMPRE base < evolución < final
   (como .irr-fig en Tarjetas): alto máximo por talla, hueco con flex-grow proporcional (--g) y
   ajuste fino --k (d.escala). Imagen, silueta y huevo siguen las mismas reglas. */
.irr-alb.evo .irr-alb-cel{aspect-ratio:16/10;padding:6px 8px 6px;gap:2px}
.irr-alb.evo .irr-alb-figs{container-type:size;gap:6px}
.irr-alb-f{display:flex;align-items:flex-end;justify-content:center;min-width:0;height:100cqh;flex:calc(var(--g,1) * var(--k,1)) 1 0}
.irr-alb-f.a1{--g:.75;--mh:55cqh} .irr-alb-f.a2{--g:1.15;--mh:75cqh} .irr-alb-f.a3{--g:1.9;--mh:100cqh} .irr-alb-f.solo{--g:1;--mh:100cqh}
.irr-alb-figs.n2 .irr-alb-f.a1{--mh:60cqh}
.irr-alb-f>img,.irr-alb-f .irr-silueta img{display:block;min-width:0;max-width:100%;max-height:min(100cqh,calc(var(--mh) * var(--k,1)));width:auto;height:auto;object-fit:contain}
.irr-alb-f>.irr-silueta{max-width:100%;min-width:0}
.irr-alb-f>.irr-alb-huevo{height:min(100cqh,calc(var(--mh) * var(--k,1)))}
.irr-alb.evo .irr-alb-cel .irr-huevo{height:100%;max-height:none;width:auto;max-width:100%}
.irr-alb-cel .irr-silueta b{font-size:1.1rem}
.irr-alb.evo .irr-alb-txt{font-size:clamp(1rem,7cqi,1.3rem);white-space:normal;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;flex:0 0 auto}

@container (max-width:620px){
  .irr-alb-fam{padding:8px 8px 10px;border-radius:18px}
  .irr-alb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,96px),1fr));gap:6px}
  .irr-alb.evo .irr-alb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:8px}
  .irr-alb-cel{border-radius:12px;padding:6px 4px 4px}
  .irr-alb.evo .irr-alb-cel{padding:5px 6px}
  .irr-alb-cab h2{font-size:.95rem;padding:2px 12px}
  .irr-alb-ico{width:36px;height:36px} .irr-alb-ico img{width:24px;height:24px}
}
@media (prefers-reduced-motion:reduce){
  .irr-alb-cel{transition:none}
  .irr-alb-cel.huevo:hover .irr-huevo{animation:none}
}

/* 🔊 junto a cada forma revelada en la línea de formas (tarjetas): 34px visual, 44px táctil */
.irr-oir{display:inline-grid;place-items:center;vertical-align:middle;width:44px;height:44px;margin:0 2px 0 4px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.irr-oir span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));box-shadow:0 3px 0 color-mix(in srgb,var(--c) 65%,#000),0 4px 10px color-mix(in srgb,var(--c) 35%,transparent);transition:transform .12s}
.irr-oir svg,.irr-oir-ico svg{width:20px;height:20px;display:block}
.irr-oir-ico{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:var(--c);vertical-align:middle;margin-right:4px}
.irr-oir-ico svg{width:17px;height:17px}
.irr-oir:hover span{transform:scale(1.08)}
.irr-oir:active span{transform:scale(.94)}
.irr-oir:focus-visible{outline:none}
.irr-oir:focus-visible span{outline:3px solid var(--purple);outline-offset:2px}
@media (prefers-reduced-motion:reduce){ .irr-oir span{transition:none} }

/* ── diálogo «ficha» (álbum → tarjeta de una criatura nacida, misma tira que en Tarjetas) ── */
/* El <dialog> es un marco transparente: la tarjeta blanca va dentro (.irr-ficha-in) y las
   flechas ‹ › quedan a los lados, por fuera de ella (Dave 2026-10-06). Clic en el marco = cerrar. */
.irr-ficha-dlg{margin:auto;inset:0;border:0;padding:0 76px 34px;width:min(1152px,100vw);max-height:100dvh;overflow:visible;background:transparent;color:var(--deep);box-sizing:border-box}
.irr-ficha-dlg::backdrop{background:rgba(30,27,75,.55)}
.irr-ficha-in{position:relative;container-type:inline-size;max-height:calc(100dvh - 58px);overflow:auto;background:#fff;border-radius:28px;box-shadow:0 24px 60px rgba(30,27,75,.35)}   /* las @container de la tira funcionan dentro */
.irr-ficha-nav{position:absolute;z-index:30;top:calc(50% - 17px);transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:0;background:#fff;color:var(--deep);font-family:"Baloo 2",Nunito,sans-serif;font-size:2.4rem;font-weight:800;line-height:1;padding:0 0 6px;cursor:pointer;box-shadow:0 8px 22px rgba(30,27,75,.3);-webkit-tap-highlight-color:transparent;transition:transform .15s,background .15s}
.irr-ficha-nav.prev{left:6px}
.irr-ficha-nav.next{right:6px}
.irr-ficha-nav:hover:not(:disabled){background:#F1F5F9;transform:translateY(-50%) scale(1.06)}
.irr-ficha-nav:active:not(:disabled){transform:translateY(-50%) scale(.95)}
.irr-ficha-nav:disabled{opacity:.35;cursor:default;box-shadow:none}
.irr-ficha-nav:focus-visible{outline:3px solid #fff;outline-offset:3px}
.irr-ficha-pos{position:absolute;left:0;right:0;bottom:4px;margin:0;text-align:center;color:#fff;font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.5px;pointer-events:none}
@media (prefers-reduced-motion:reduce){ .irr-ficha-nav{transition:none} }
/* móvil: flechas más pequeñas, montadas sobre el borde de la tarjeta */
@media (max-width:760px){
  .irr-ficha-dlg{padding:0 8px 30px;width:100vw}
  .irr-ficha-nav{width:42px;height:42px;font-size:1.9rem;padding-bottom:5px;background:rgba(255,255,255,.94)}
  .irr-ficha-nav.prev{left:2px} .irr-ficha-nav.next{right:2px}
}
.irr-ficha-in .irr-familia{border-width:0;border-radius:28px}
.irr-ficha-in .irr-cab{padding-right:52px}
.irr-ficha-x{z-index:20;top:10px;right:10px}
.irr-cartel-reloj{white-space:nowrap}
@media (max-width:400px){ .irr-ficha-in{border-radius:22px} .irr-ficha-in .irr-familia{border-radius:22px} }

/* ═══ Practicar ✏️ / Jugar 🎮 con las criaturas nacidas (2026-09-27) ═══ */
.irr-acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.irr-accion{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;min-width:140px;max-width:320px;padding:8px 20px;border:0;border-radius:18px;font:inherit;font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.2rem;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}
.irr-accion.practica{background:#7C3AED;box-shadow:0 5px 0 #5B21B6}
.irr-accion.jugar{background:#F08A2E;box-shadow:0 5px 0 #B45309}
.irr-accion:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.25)}
.irr-accion:focus-visible{outline:3px solid var(--deep);outline-offset:3px}
.irr-accion:disabled{background:#E2E8F0;color:#475569;box-shadow:none;cursor:not-allowed;transform:none}
.irr-accion small{font-family:Nunito,sans-serif;font-size:.78rem;font-weight:800;line-height:1.2}
.irr-acc-aviso{flex-basis:100%;font-size:.88rem;font-weight:700;color:var(--ir-muted)}

.irr-jg-in{gap:10px}
.irr-jg-in .lvl-confetti{z-index:5}
.irr-jg-barra{width:calc(100% - 56px);align-self:flex-start;height:12px;border-radius:999px;background:#F1F5F9;overflow:hidden;margin-top:14px}
.irr-jg-barra i{display:block;height:100%;border-radius:inherit;background:var(--c);transition:width .3s ease}
/* progreso por pastillas, centrado (Dave 2026-10-07): sustituye a la barra larga + «5 / 5» suelto */
.irr-jg-pasos{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:0 52px}
.irr-jg-pasos i{width:26px;height:10px;border-radius:99px;background:#EEE9FB;transition:width .25s ease,background .25s ease}
.irr-jg-pasos i.hecho{background:var(--c)}
.irr-jg-pasos i.ahora{width:42px;background:var(--c);box-shadow:0 0 0 3px var(--c2)}
.irr-jg-paso{margin-left:6px;font-weight:800;font-size:.9rem;color:var(--ir-muted);white-space:nowrap}
/* «Siguiente» / «Ver resultado» siempre centrado, como el resto del juego */
.irr-jg-in > .irr-reto-ok{align-self:center;width:auto}
.irr-jg-fig{width:auto;max-width:100%;max-height:min(200px,28dvh);object-fit:contain;filter:drop-shadow(0 6px 10px rgba(30,27,75,.18))}
.irr-jg-in .irr-reto-tit b{color:var(--deep)}
.irr-jg-sig{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:var(--c2);border-radius:14px;padding:6px 14px;font-weight:800;font-size:1.1rem}
/* la palabra en español, más visible (Dave 2026-10-07: «me cuesta un poco verla») */
.irr-jg-sig > span{font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:clamp(1.45rem,3.6vw,1.85rem);line-height:1.15;color:var(--deep)}
.irr-jg-sig{padding:10px 18px}
.irr-jg-sig small{font-weight:700;color:var(--ir-muted)}
.irr-jg-fichas{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.irr-jg-fichas .irr-fichas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.irr-jg-sol{font-weight:800;font-size:1.1rem}
.irr-jg-sol b{font-family:"Baloo 2",Nunito,sans-serif;font-size:1.8rem;color:var(--ir-rojo);display:block}

.irr-jg-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;width:100%}
.irr-jg-card{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:140px;padding:16px 12px;border-radius:20px;border:3px solid #EDE9FE;background:#FAF5FF;color:var(--deep);font:inherit;cursor:pointer;transition:transform .12s ease,border-color .12s ease}
.irr-jg-card b{font-family:"Baloo 2",Nunito,sans-serif;font-size:1.25rem}
.irr-jg-card small{font-weight:700;color:var(--ir-muted)}
.irr-jg-card:hover:not(:disabled){border-color:#A78BFA}
.irr-jg-card:active:not(:disabled){transform:scale(.97)}
.irr-jg-card:disabled{opacity:.6;cursor:not-allowed}
.irr-jg-emo{font-size:2.4rem;line-height:1}
/* minijuegos de la Sala con tus criaturas (pool forzado): mismas tarjetas, más compactas */
.irr-jg-sub{align-self:flex-start;margin:10px 0 0;font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.1rem;color:var(--deep)}
.irr-jg-menu-sala{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px}
.irr-jg-sala{min-height:112px;padding:12px 10px}
.irr-jg-sala b{font-size:1.05rem;line-height:1.15}
.irr-jg-sala .irr-jg-emo{font-size:2rem}

.irr-jg-escucha{min-height:52px;padding:8px 22px;border-radius:16px;border:2px solid var(--c);background:var(--c2);color:var(--deep);font:inherit;font-weight:900;font-size:1.1rem;cursor:pointer}
.irr-jg-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.irr-jg-op{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:120px;aspect-ratio:1;padding:8px;border-radius:18px;border:3px solid var(--c2);background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}
.irr-jg-op img{width:100%;height:100%;min-height:0;flex:1;object-fit:contain}
.irr-jg-op:active:not(:disabled){transform:scale(.96)}
.irr-jg-op-n{font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;color:var(--deep)}
.irr-jg-txt{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}
.irr-jg-opt{min-height:56px;padding:8px 16px;border-radius:16px;border:3px solid var(--c);background:var(--c2);color:var(--deep);font:inherit;font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 0 var(--c)}
.irr-jg-opt:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--c)}
.irr-jg-op.bien,.irr-jg-opt.bien{border-color:var(--ir-verde);background:#DCFCE7;box-shadow:0 0 0 3px #BBF7D0}
.irr-jg-op.mal,.irr-jg-opt.mal{border-color:var(--ir-rojo);background:#FEE2E2;animation:irr-no .45s ease}
.irr-jg-op:disabled,.irr-jg-opt:disabled{cursor:default}
.irr-jg-op:disabled:not(.bien):not(.mal),.irr-jg-opt:disabled:not(.bien):not(.mal){opacity:.5}
.irr-jg-op:focus-visible,.irr-jg-opt:focus-visible,.irr-jg-card:focus-visible,.irr-jg-escucha:focus-visible,.irr-jg-sec:focus-visible{outline:3px solid var(--purple);outline-offset:2px}

.irr-jg-final{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
.irr-jg-emo-grande{font-size:3.6rem;line-height:1}
.irr-jg-final .irr-reto-tit{font-size:2rem}
.irr-jg-estrellas{font-size:1.9rem;letter-spacing:.06em;overflow-wrap:anywhere}
.irr-jg-fin-btns{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:6px}
.irr-jg-fin-btns .irr-reto-ok{width:100%}
.irr-jg-sec{min-height:48px;width:100%;max-width:320px;padding:8px 20px;border-radius:16px;border:0;background:#F1F5F9;color:var(--deep);font:inherit;font-weight:800;cursor:pointer}

@media (max-width:400px){
  .irr-accion{flex:1 1 130px;min-width:0;font-size:1.05rem;padding:8px 12px}
  .irr-jg-op{min-height:0}
  .irr-jg-opt{font-size:1.3rem}
  .irr-jg-fig{max-height:150px}
}
@media (prefers-reduced-motion:reduce){
  .irr-accion,.irr-jg-card,.irr-jg-op,.irr-jg-barra i,.irr-jg-pasos i{transition:none}
  .irr-jg-op.mal,.irr-jg-opt.mal{animation:none}
}

/* ── Jugar / Practicar: diálogo ANCHO y tarjetas HORIZONTALES compactas (Dave 2026-09-28):
   icono en círculo a la izquierda + título y descripción; 3 columnas en escritorio, todo cabe sin scroll ── */
.irr-reto.irr-jg{width:min(1180px,94vw);max-height:calc(100dvh - 32px)}
.irr-jg-in{padding:24px 28px 28px;align-items:stretch}
.irr-jg-in > .irr-reto-tit{text-align:center}
.irr-jg-menu,.irr-jg-menu.irr-jg-menu-sala{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;width:100%}
.irr-jg-card{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;
  min-height:0;padding:14px 16px;border-radius:18px;text-align:left;border:2px solid #EDE9FE;background:#fff;box-shadow:0 3px 0 #EDE9FE}
.irr-jg-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--purple)}
.irr-jg-card .irr-jg-emo{grid-row:1 / 3;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:#F5F3FF}
.irr-jg-card b{font-size:1.1rem;line-height:1.2;align-self:end}
.irr-jg-card small{font-size:.9rem;color:var(--ir-muted);align-self:start}
.irr-jg-card:disabled{opacity:.55}
.irr-jg-sala .irr-jg-emo{background:#FFF7ED}
.irr-jg-sub{font-size:1.15rem;margin:14px 0 2px}
@media (max-width:600px){ .irr-jg-in{padding:18px 12px 20px} .irr-jg-card{grid-template-columns:52px 1fr;padding:12px} .irr-jg-card .irr-jg-emo{width:52px;height:52px;font-size:1.6rem} }

/* ── Huevos con candado (sin suscripción: solo 8 gratis, Dave 2026-09-27) ──
   Se ven todos (el niño tiene que saber que hay MÁS), pero apagados, quietos y con 🔒. */
.irr-huevo-btn,.irr-alb-huevo{position:relative}
.irr-huevo-btn.bloq .irr-huevo,.irr-alb-huevo.bloq .irr-huevo{filter:grayscale(.55) brightness(.95);opacity:.7;animation:none}
.irr-candado{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:grid;place-items:center;
  width:clamp(30px,34%,52px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(30,27,75,.25);
  font-size:clamp(15px,1.4vw,24px);line-height:1;pointer-events:none}
.irr-cuenta.premium{border:0;cursor:pointer;background:linear-gradient(135deg,#FDE68A,#F59E0B);color:#78350F;min-height:44px;font:inherit;font-weight:800}
.irr-cuenta.premium:hover{filter:brightness(1.05)}
.irr-cuenta.premium:focus-visible{outline:3px solid #7C3AED;outline-offset:2px}

/* ── CINTA DE CURSO en cada huevo (Dave 2026-10-06, data/irregulares-cursos.js) ──
   1.º-2.º verde · 3.º-4.º azul · 5.º-6.º morado · 🐉 Leyenda dorada. Las de cursos superiores
   («Nace en 3.º-4.º») van un poco apagadas, con su candado encima del huevo. */
.irr-cinta{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);z-index:3;white-space:nowrap;
  padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:900;letter-spacing:.01em;color:#fff;
  box-shadow:0 2px 6px rgba(30,27,75,.25);pointer-events:none}
.irr-cinta.c1{background:#16A34A}
.irr-cinta.c2{background:#2563EB}
.irr-cinta.c3{background:#7C3AED}
.irr-cinta.c4{background:linear-gradient(135deg,#F59E0B,#D97706)}
.irr-cinta.fut{opacity:.92}
.irr-alb-huevo .irr-cinta{font-size:.62rem;padding:2px 7px}

/* ═══ BIENVENIDA ANIMADA de Criaturas (Dave 2026-10-06, experimento audiovisual) ═══
   Una escena por frase (screens/irregulares.js abreHistoria): huevos que caen y rebotan, la criatura
   de «go» que cambia de forma, un huevo que nace, y el «secreto» con la silueta de su evolución. */

/* escena 1 · huevos que caen y rebotan */
.ci-huevos{display:flex;gap:clamp(6px,2vw,14px);align-items:flex-end}
.ci-huevo{width:clamp(52px,14vw,74px);animation:ciCae .7s cubic-bezier(.3,1.5,.6,1) both;animation-delay:calc(var(--i) * .16s)}
.ci-huevo .irr-huevo{width:100%;height:auto;animation:irr-balanceo 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .4s + 1s)}
/* escena 2 y 4 · la criatura (y su evolución) */
.ci-fila{display:flex;align-items:center;gap:6px}
.ci-fila .irr-flecha{width:56px;color:var(--purple-light)}
.ci-cria{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px;animation:ciPop .55s cubic-bezier(.3,1.6,.5,1) both}
.ci-cria img{height:clamp(110px,26vw,160px);width:auto;filter:drop-shadow(0 8px 14px rgba(30,27,75,.25))}
.ci-cria figcaption{font-weight:900;font-size:1.25rem;padding:2px 14px;border-radius:99px;background:#fff}
.ci-cria figcaption.i{color:#16A34A} .ci-cria figcaption.p{color:#2563EB}
.ci-tarde{animation-delay:1.6s}
.ci-fila .irr-flecha{animation:ciPop .4s 1.2s both}
.ci-secreto .irr-silueta{height:clamp(110px,26vw,160px);animation:ciLatido 1.6s ease-in-out infinite}
.ci-corona{position:relative;display:inline-grid;place-items:center;font-size:2rem}
.ci-corona .irr-silueta{grid-area:1/1}
/* escena 3 · nace (reusa las animaciones de la eclosión real) */
.ci-chips span{padding:5px 12px;border-radius:99px;background:#fff;color:var(--deep);font-weight:800;font-size:.8rem;box-shadow:0 2px 8px rgba(30,27,75,.12)}
/* chispas */
@media (prefers-reduced-motion:reduce){
  .ci-huevo,.ci-huevo .irr-huevo,.ci-cria,.ci-tarde,.ci-fila .irr-flecha,.ci-secreto .irr-silueta,.ci-chispa,.ci-chips,.ci-txt,.ci-ok{animation:none!important;opacity:1}
}
/* escena 3 · NACE, rediseñada (Dave 2026-10-06): centrada y grande, sobre un disco de luz blanco que
   funde el fondo blanco de la ilustración; el huevo y la criatura ocupan el MISMO sitio; chips debajo */
.ci-nace-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}
.ci-nace{position:relative;display:grid;place-items:center;width:clamp(150px,40vw,190px);height:clamp(150px,40vw,190px);border-radius:50%;
  background:radial-gradient(circle,#fff 0 58%,rgba(255,255,255,.6) 66%,rgba(255,255,255,0) 72%)}
.ci-nace .irr-escena{min-height:0;height:100%;align-items:center}
.ci-nace .irr-escena .irr-huevo{height:78%;width:auto}
.ci-nace .irr-escena-fig{max-width:none;max-height:none;height:84%;width:auto;mix-blend-mode:multiply}
.ci-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;animation:ciTxt .5s 1.9s both}

/* ── Juegos de Criaturas: tamaños y centrado (Dave 2026-10-07) ──
   el panel es ANCHO (web): sin tope, las 4 imágenes de «¿Quién es?» salían gigantes y las opciones / botones se
   quedaban pegados a la izquierda. Todo va centrado y con un ancho cómodo. */
.irr-jg-in > .irr-jg-ops{width:min(460px,100%,58dvh);align-self:center}
.irr-jg-op{min-height:0}
.irr-jg-in > .irr-jg-txt{width:min(420px,100%);max-width:none;align-self:center}
.irr-jg-in > .irr-jg-escucha{align-self:center;width:auto;min-width:min(280px,100%)}
.irr-jg-in > .irr-jg-sig{width:min(640px,100%);align-self:center}
.irr-jg-in > .irr-jg-fichas,.irr-jg-in > .irr-jg-final,.irr-jg-in > .irr-jg-menu{align-self:center}
.irr-jg-in > .irr-jg-fin-btns,.irr-jg-final .irr-jg-fin-btns{width:min(360px,100%);align-self:center}

/* español de cada forma en la ficha (went = fui · gone = he ido), Dave 2026-10-07 */
.irr-trad{display:block;font-weight:800;font-size:.85rem;color:var(--deep);line-height:1.2;margin-top:2px}