/* Compact catalog surfaces, preserving existing data and interactions. */
body{--primario:#ae92ff;--primario-suave:rgba(174,146,255,.12);--apagado:#b8afca;--linea:#393047;background-color:#100d19}.cabecera{padding-top:1.5rem!important;padding-bottom:1rem!important}.cabecera h1{font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.04em}.cabecera p{max-width:55rem;font-size:1rem;line-height:1.5}.pills{gap:.4rem;padding-bottom:.8rem}.pill{font-size:.875rem!important;padding:.55rem .85rem!important}.catalog-extra{margin:1rem auto;border:1px solid var(--linea);border-radius:14px;background:#1b1528;padding:.8rem 1rem}.catalog-extra summary{cursor:pointer;font-weight:600;font-size:1rem;color:#dfd2ff}.catalog-extra p{margin-top:.7rem;font-size:1rem}.catalog-extra a{color:#cfbcff}.catalog-extra .insights{width:100%;padding:.8rem 0 0;gap:.6rem}.controles{padding-top:.6rem!important;padding-bottom:.6rem!important}.setup{gap:.6rem}.setup-fila label,.setup-nota{font-size:.875rem;opacity:1}.bloque{margin-bottom:1rem!important}.bloque-cab{margin-bottom:.6rem;padding-bottom:.5rem}.rejilla{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.45rem}.sem-carta{padding:.45rem!important;border-radius:13px;background:linear-gradient(155deg,#282039,#18131f);border-color:#413450}.sem-carta img{height:152px!important;object-fit:contain}.sem-carta h5{font-size:.9rem}.sem-carta .mini{font:400 .875rem/1.4 'Instrument Sans',sans-serif;opacity:1;color:#c8bfd5}.sem-carta .abrir{font-size:.8rem;opacity:1;color:#cebcff}.rarity-dots{display:flex;gap:5px;justify-content:center;margin:.45rem 0}.rarity-dots i{height:7px;width:18px;border-radius:6px;background:var(--rarity)}.catalog-animals #bloques{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.catalog-animals #bloques>.bloque{padding:.9rem;margin:0!important;border:1px solid #3d304e;border-radius:16px;background:linear-gradient(145deg,#251b35,#17121f)}.catalog-animals #bloques>:not(.bloque){grid-column:1/-1}.catalog-animals .cab-g h2{font-size:1rem}.catalog-animals .cab-g .resumen{font-size:.875rem}.catalog-animals .cab-g .hint{font-size:.75rem;margin-left:0}.catalog-animals .feed-line{font-size:.875rem;line-height:1.4;margin:.3rem 0}.catalog-animals .mazo{min-height:150px;padding:.5rem 0;gap:0}.catalog-animals .naipe{flex-basis:114px;width:114px}.catalog-animals .naipe+.naipe{margin-left:-40px}.catalog-animals .naipe img{height:150px;filter:drop-shadow(0 5px 5px #0006)}.catalog-animals .mazo.abierta{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.35rem;overflow:visible}.catalog-animals .mazo.abierta .naipe{width:100%;margin:0;transform:none}.catalog-animals .mazo.abierta .naipe img{height:135px}.catalog-animals .naipe .pie{margin-top:.3rem}.catalog-animals .naipe .pie h5{font-size:.875rem;line-height:1.25}.catalog-animals .naipe .pie .dato{font:400 .875rem/1.4 'Instrument Sans',sans-serif}.catalog-animals .chip{font-size:.75rem;letter-spacing:0;padding:.15rem .25rem}.seed-detail-panel .mazo{gap:.45rem!important}.seed-detail-panel .naipe{flex:1 1 120px!important;min-width:110px;width:140px!important}.seed-detail-panel .naipe img{height:175px!important;object-fit:contain}.seed-detail-panel .dato{font-size:.875rem!important}.top10{margin:.8rem 0!important}.podio{grid-template-columns:repeat(2,minmax(0,1fr))}.fila-top{padding:.5rem!important}.catalog-extra .top10{border:0;padding:0}.catalog-animals .consejos{margin:.8rem 0;padding:1rem}.catalog-animals .consejos li{font-size:1rem}a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #d1ff80;outline-offset:3px}@media(max-width:760px){.catalog-animals #bloques{grid-template-columns:minmax(0,1fr)}.rejilla{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.sem-carta img{height:140px!important}.podio{grid-template-columns:1fr}}@media(max-width:380px){.catalog-animals .mazo.abierta{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-animals .naipe+.naipe{margin-left:-55px}}

/* Collapsed descriptions must not reserve layout space. */
.catalog-animals .mazo:not(.abierta) .pie{display:none}
.catalog-animals .mazo.abierta .pie{display:block}
.catalog-animals .mazo{min-height:0;padding:.45rem 0 .25rem}
.catalog-animals #bloques{align-items:start}
.catalog-animals .naipe{transition:transform .2s ease}
.animal-next{margin-top:1.2rem;margin-bottom:1rem}.animal-next>h2{font-size:1.25rem;margin-bottom:.75rem}.animal-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.animal-next-grid>a{display:flex;align-items:center;gap:.85rem;padding:1rem;background:#21192e;border:1px solid #463555;border-radius:16px;text-decoration:none;color:var(--texto)}.animal-next-grid>a:hover{border-color:var(--primario)}.animal-next-grid img{object-fit:contain;flex-shrink:0}.animal-next-grid h3{font-size:1rem;margin-bottom:.3rem}.animal-next-grid p{font-size:1rem;line-height:1.4;color:var(--apagado);margin:0 0 .5rem}.animal-next-grid span{font-size:.875rem;color:#d0baff}.animal-reading{padding:.85rem 0}.animal-reading summary{cursor:pointer;font-size:.875rem;color:var(--apagado)}.animal-reading p{font-size:1rem;line-height:1.5;margin-top:.6rem;max-width:65ch}@media(max-width:680px){.animal-next-grid{grid-template-columns:1fr}}

.catalog-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.catalog-release{display:grid;grid-template-columns:110px minmax(0,1fr);gap:.8rem;align-items:start;padding:.8rem;border:1px solid #493854;border-radius:12px;background:#19131f}.catalog-release img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:7px}.catalog-release h3{font-size:1rem;line-height:1.3;margin:0 0 .4rem}.catalog-release p{font-size:.85rem;margin:.4rem 0}.catalog-release .catalog-release-pending{font-size:.76rem;color:#b8a7c8}.catalog-release a{font-size:.8rem;color:#d4ff94}.catalog-release a:focus-visible{outline:3px solid #d4ff94;outline-offset:3px}@media(max-width:760px){.catalog-release-grid{grid-template-columns:1fr}}@media(max-width:420px){.catalog-release{grid-template-columns:78px minmax(0,1fr);gap:.6rem}}

.catalog-animals #bloques>*{min-width:0}

.cabecera.wrap{padding-left:clamp(1.2rem,4vw,2.5rem);padding-right:clamp(1.2rem,4vw,2.5rem)}

.land-nav-family{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:1px solid #544266;border-radius:16px;padding:.6rem}.land-nav-label{font:600 .7rem/1.3 "JetBrains Mono",monospace;color:#c9b4ec;flex-basis:100%;letter-spacing:.1em;text-transform:uppercase}.land-nav-family .pill{margin:0}.catalog-animals #farm-lands,.catalog-animals #waterland,#bloques section[id]{scroll-margin-top:140px}