.creatures-hero{padding-top:calc(var(--space-16) + var(--header-height));padding-bottom:var(--space-12)}.creatures-hero__grid{align-items:center}.creatures-hero__content{max-width:36rem}.creatures-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.creatures-hero__media{max-width:32rem;justify-self:end}.creatures-hero__figure img{height:100%;object-fit:cover}.creatures-hero__caption{margin-top:var(--space-2)}.creatures-section{padding-block:var(--space-12)}.creatures-section--alt{background:radial-gradient(circle at 0 0,rgba(34,52,70,0.75) 0,transparent 55%),radial-gradient(circle at 100% 100%,rgba(7,16,25,0.9) 0,transparent 60%)}.creatures-section__grid{gap:var(--space-10);align-items:center}.creatures-section__grid--reverse{direction:rtl}.creatures-section__grid--reverse>div{direction:ltr}.creatures-section__media{max-width:32rem}.creatures-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-6)}.creatures-section-heading--center{flex-direction:column;align-items:center;text-align:center}.creatures-section-heading--center p{max-width:40rem;margin-inline:auto}.creatures-search__card{margin-top:var(--space-4)}.creatures-search__inner{display:flex;flex-direction:column;gap:var(--space-6)}.creatures-filters{display:flex;flex-direction:column;gap:var(--space-4)}.creatures-filters__row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.creatures-filters__field{flex:1 1 220px}.creatures-filters__field--small{flex:1 1 180px;max-width:260px}.creatures-filters__actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-left:auto}.creatures-stats{display:flex;flex-wrap:wrap;gap:var(--space-6)}.creatures-stats .stat{min-width:8rem}.creatures-search__meta{max-width:26rem}.creatures-list{margin-top:var(--space-4)}.creatures-list--compact .card{padding:var(--space-4)}.creatures-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.4rem}.creatures-bullets li{position:relative;padding-left:1.1rem;font-size:var(--font-size-sm);color:var(--gray-800)}.creatures-bullets li::before{content:"";position:absolute;left:0.1rem;top:0.55rem;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,var(--color-accent) 0,transparent 70%);box-shadow:0 0 8px rgba(90,168,142,0.8)}.creatures-card{backdrop-filter:blur(18px)}.creatures-card--compact{padding:var(--space-4)}.creatures-card--status .card-body{display:flex;flex-direction:column;gap:var(--space-3)}.creatures-card--mutated .card-body{min-height:11.5rem}.creatures-card--ecosystem .card-body{padding-bottom:0}.creatures-cta-row{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.creatures-cta-row--stack{gap:var(--space-4)}.creatures-rare-grid{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.creatures-abyss-grid{margin-top:var(--space-4)}.creatures-mutated-grid{margin-top:var(--space-6)}.creatures-tech-grid{margin-top:var(--space-4)}.creatures-myths-grid{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.creatures-table-wrapper{margin-top:var(--space-4)}.creatures-table__inner{overflow-x:auto}.creatures-table{width:100%;border-collapse:collapse;min-width:640px;font-size:var(--font-size-sm)}.creatures-table th,.creatures-table td{padding:0.8rem 1rem;border-bottom:1px solid rgba(48,69,87,0.8);text-align:left}.creatures-table thead th{font-family:var(--font-display);letter-spacing:0.08em;text-transform:uppercase;font-size:var(--font-size-xs);color:var(--gray-700);background:rgba(9,16,23,0.9)}.creatures-table tbody tr:nth-child(even){background:rgba(7,15,23,0.7)}.creatures-table tbody tr:nth-child(odd){background:rgba(12,21,32,0.7)}.creatures-table tbody th{color:var(--color-heading);white-space:nowrap}.creatures-gallery{margin-top:var(--space-4)}.creatures-gallery__footer{margin-top:var(--space-4);text-align:center}.creatures-media img{width:100%;height:100%;object-fit:cover}.creatures-media--dark img{filter:contrast(1.05) saturate(0.95)}@media (max-width:1023px){.creatures-hero{padding-top:calc(var(--space-12) + var(--header-height))}.creatures-section__grid{gap:var(--space-6)}.creatures-section__media{max-width:100%}.creatures-section-heading{flex-direction:column;align-items:flex-start}}@media (max-width:767px){.creatures-hero__grid{grid-template-columns:1fr}.creatures-hero__media{justify-self:stretch;margin-top:var(--space-6)}.creatures-filters__row{flex-direction:column}.creatures-filters__actions{margin-left:0}.creatures-stats{gap:var(--space-4)}.creatures-table{min-width:520px}}