html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.num{font-variant-numeric:tabular-nums}.muted{opacity:.6}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.pond-canvas{position:relative;border-radius:8px;overflow:hidden}.pond-overlay{position:absolute;pointer-events:none;font-size:12px;line-height:1.5;padding:6px 10px;border-radius:6px}.legend-ramp{height:8px;border-radius:4px}.fish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:12px}.fish-card{display:flex;flex-direction:column;padding:0;text-align:left;font:inherit;color:var(--fish-ink);background:var(--fish-surface);border:1px solid var(--fish-border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.fish-card:hover,.fish-card:focus-visible{border-color:var(--fish-accent);box-shadow:0 4px 14px #0000001a;transform:translateY(-1px);outline:none}.fish-thumb{position:relative;aspect-ratio:2 / 1;background:var(--fish-thumb);display:grid;place-items:center;overflow:hidden}.fish-thumb img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.fish-card:hover .fish-thumb img{transform:scale(1.05)}.fish-nomodel{font-size:12px;color:var(--fish-muted, #898781)}.fish-card-body{padding:8px 12px 10px;min-width:0}.fish-card-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fish-card-sub,.fish-card-meta{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fish-card-sub{color:var(--fish-ink2)}.fish-card-meta{color:var(--fish-muted);margin-top:4px}@media(max-width:520px){.fish-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}}