.fish-hero{padding:32px 36px}.fish-hero h1{font-size:clamp(42px,6vw,72px);line-height:.95;margin-bottom:14px}.category-nav{display:flex;gap:6px;overflow-x:auto;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line);scrollbar-width:thin}.category-nav button{flex:0 0 auto;border:1px solid transparent;background:transparent;color:var(--muted);padding:7px 9px;font:600 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.category-nav button:hover,.category-nav button:focus-visible{color:var(--text);border-color:var(--line);outline:0}.category-nav button.active{color:var(--text);background:var(--surface-2);border-color:var(--line);box-shadow:inset 0 -2px 0 var(--accent)}.filter-toggle,.filter-close,.filter-scrim{display:none}.filter-actions{display:flex;align-items:center;gap:8px}.catalog-toolbar{grid-template-columns:minmax(280px,1fr) 210px auto}.fish-search kbd{border:1px solid var(--line);border-radius:3px;padding:1px 5px;color:var(--muted);font:10px ui-monospace,monospace}.fish-card,.fish-row,.category-nav button,.filter-toggle,.filter-close{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
@media(max-width:1050px){.fish-shell{grid-template-columns:220px minmax(0,1fr)}.fish-filters{display:block;border-right:1px solid var(--line);border-bottom:0}.filter-title,.wiki-links{grid-column:auto}.fish-filters label{margin:0 0 14px}}
@media(max-width:820px){body.filter-drawer-open{overflow:hidden}.fish-shell{grid-template-columns:1fr}.fish-filters{position:fixed;z-index:60;top:64px;left:0;bottom:0;width:min(88vw,360px);overflow:auto;border:0;border-right:1px solid var(--line);background:var(--surface);box-shadow:8px 0 28px rgba(0,0,0,.28);transform:translateX(-105%);transition:transform .18s ease;padding:20px}.fish-filters.filters-open{transform:translateX(0)}.filter-close{display:inline-block;border:1px solid var(--line)!important;background:var(--bg)!important;color:var(--text)!important;padding:5px 8px;cursor:pointer}.filter-scrim:not([hidden]){display:block;position:fixed;z-index:55;inset:64px 0 0;border:0;background:rgba(0,0,0,.48);padding:0}.filter-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);color:var(--text);height:42px;padding:0 12px;cursor:pointer}.catalog-toolbar{grid-template-columns:auto minmax(0,1fr) auto}.sort-wrap{grid-column:2/4}.view-toggle{grid-column:1}.wiki-links{margin-bottom:28px}.category-nav{margin-left:-2px;margin-right:-2px}.fish-mobile-nav:not([hidden]){z-index:70}.fish-mobile-nav:not([hidden])~.progress{position:relative;z-index:71}}
@media(max-width:720px){.fish-hero{padding:26px 20px}.fish-hero h1{font-size:clamp(40px,15vw,60px)}.catalog-toolbar{grid-template-columns:auto minmax(0,1fr)}.view-toggle{grid-column:1}.sort-wrap{grid-column:2}.fish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.specimen-window{height:130px}}
@media(max-width:520px){.fish-grid{grid-template-columns:1fr}.catalog-toolbar{grid-template-columns:auto minmax(0,1fr)}.sort-wrap{grid-column:1/-1}.view-toggle{grid-column:1/-1;width:max-content}.fish-stats{gap:12px 18px}.category-nav button{padding:7px 8px}.fish-entry-head h1{font-size:clamp(40px,14vw,60px)}}
@media(prefers-reduced-motion:reduce){.fish-filters,.fish-card,.fish-row,.category-nav button,.filter-toggle,.filter-close{transition:none!important}}