.codex-browser{display:flex;flex-direction:column;gap:1.5rem}.codex-filters{background:#1a120a8c;border:1px solid rgba(212,165,94,.18);border-radius:6px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:1rem}.codex-filters .of-total{color:var(--color-evato-bone-muted);font-size:.7rem;margin-left:.25rem}.codex-filters .pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid rgba(212,165,94,.18)}.codex-filters .page-btn{width:38px;height:38px;border:1px solid rgba(212,165,94,.4);border-radius:4px;background:#0d0a0699;color:var(--color-evato-amber);font-family:var(--font-display);font-size:1.05rem;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .15s}.codex-filters .page-btn:hover:not(:disabled){border-color:var(--color-evato-amber-bright);color:var(--color-evato-amber-bright);background:#0d0a06d9;transform:translateY(-1px)}.codex-filters .page-btn:disabled{opacity:.3;cursor:not-allowed}.codex-filters .page-indicator{padding:0 .8rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.12em;color:var(--color-evato-bone-muted)}.codex-filters .page-indicator strong{color:var(--color-evato-amber-bright);font-weight:700}.codex-filters .filter-row{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center}.codex-filters .filter-search{flex:1;min-width:280px;background:#0d0a0680;border:1px solid rgba(212,165,94,.25);color:var(--color-evato-bone);padding:.55rem .9rem;font-family:var(--font-body);font-size:.95rem;border-radius:4px}.codex-filters .filter-search:focus{outline:none;border-color:var(--color-evato-amber);box-shadow:0 0 0 3px #d4a55e2e}.codex-filters .filter-count{font-family:var(--font-display);font-size:.78rem;letter-spacing:.22em;color:var(--color-evato-amber)}.codex-filters fieldset{border:0;padding:0;margin:0;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.codex-filters legend{font-family:var(--font-display);font-size:.7rem;letter-spacing:.22em;color:var(--color-evato-bone-muted);text-transform:uppercase;padding:0;margin-right:.6rem}.codex-filters fieldset label{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--color-evato-bone-muted);cursor:pointer;transition:color .2s ease}.codex-filters fieldset label:hover{color:var(--color-evato-bone)}.codex-filters fieldset input[type=radio]{appearance:none;width:14px;height:14px;border:1px solid rgba(212,165,94,.4);border-radius:50%;margin:0;cursor:pointer;transition:background .18s ease,border-color .18s ease}.codex-filters fieldset input[type=radio]:checked{background:var(--color-evato-amber);border-color:var(--color-evato-amber-bright);box-shadow:0 0 0 2px #d4a55e33}.codex-filters .filter-select{background:#0d0a0680;border:1px solid rgba(212,165,94,.25);color:var(--color-evato-bone);padding:.4rem .6rem;font-family:var(--font-body);font-size:.9rem;border-radius:4px}.virtual-scroll{position:relative}.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-evato-bone-muted);font-style:italic}.species-card{display:flex;flex-direction:column;background:#1a120a8c;border:1px solid rgba(212,165,94,.18);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.species-card:hover{transform:translateY(-3px);border-color:#d4a55e99;box-shadow:0 14px 28px -16px #d4a55e8c}.species-card .card-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#1a120a,#0d0a06)}.species-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform 6s ease,filter .22s ease;filter:saturate(.85) brightness(.92)}.species-card:hover .card-image img{transform:scale(1.08);filter:saturate(1) brightness(1)}.species-card .card-image-silhouette{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#1a120a,#0d0a06);padding:1.2rem}.species-card .card-image-silhouette img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;filter:invert(.95) sepia(.6) saturate(2.5) hue-rotate(-30deg) brightness(1.05);opacity:.78;transition:transform 6s ease,opacity .22s ease}.species-card:hover .card-image-silhouette img{transform:scale(1.06);opacity:1}.species-card .card-silhouette-tag{position:absolute;bottom:.5rem;right:.5rem;font-family:var(--font-display);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;background:#0d0a06cc;color:var(--color-evato-bone-muted);border:1px solid rgba(212,165,94,.18);opacity:.85}.species-card .card-period{position:absolute;top:.6rem;left:.6rem;font-family:var(--font-display);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px;background:#0d0a06c7;color:var(--p);border:1px solid var(--p)}.species-card .card-body{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}.species-card .card-title{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;color:var(--color-evato-amber-bright);margin:0}.species-card .card-sci{font-style:italic;font-size:.85rem;color:var(--color-evato-bone-muted);margin:0}.species-card .card-meta{font-size:.75rem;color:var(--color-evato-bone-muted);display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-top:.3rem}.species-card .card-meta .dot{color:#d4a55e80}.species-card .card-size{font-family:var(--font-display);font-size:.72rem;letter-spacing:.18em;color:var(--color-evato-amber);margin:.2rem 0 0}.codex-header[data-astro-cid-7bfwr7ng]{margin-bottom:2rem}.codex-lede[data-astro-cid-7bfwr7ng]{max-width:60ch;color:var(--color-evato-bone-muted);font-size:1.05rem;line-height:1.6}