.fish-card{color:#505050;cursor:pointer;background:#faf4e6;border:2px solid #e8ddcb;border-radius:25px;flex-direction:column;align-self:center;gap:16px;width:100%;margin:16px auto auto;transition:all .2s;display:flex;position:relative;overflow:hidden}.fish-card:hover{transform:translateY(-4px);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000d}.fish-card.selected{outline:5px solid #50c9ce}.fish-card--mini{width:250px;margin-top:0;margin-bottom:0}.fish-card--mini .fish-card__name{font-size:18px}.fish-card--mini .fish-card__sci-name{font-size:14px}.fish-card--mini .fish-card__names{text-align:center;padding:0 16px}.fish-card--mini .fish-card__info{margin-top:auto;padding:0}.fish-card--mini .fish-card__info p{padding:8px 0;font-size:16px}.fish-card__info-emoji{cursor:help}.fish-card__info-item{container-type:inline-size}.fish-card__info-words{display:none}@container (min-width:130px){.fish-card__info-words{display:inline}.fish-card__info-emoji{display:none}}.fish-card__tooltip{z-index:102;color:#faf4e6;background:#505050;border-radius:10px;padding:4px 8px;font-size:12px;font-weight:600;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.fish-card__pic-fallback{aspect-ratio:27/20;color:#a5a29b;background:#faeeda;border-bottom:2px solid #e8ddcb;border-radius:25px 25px 0 0;justify-content:center;align-items:center;width:100%;margin-bottom:0;display:flex}.fish-card__pic-fallback svg{opacity:.6}.fish-card__pic{aspect-ratio:27/20;object-fit:cover;border-bottom:2px solid #e8ddcb;width:100%;margin-bottom:0}.fish-card__names{cursor:pointer}.fish-card__name{font-family:var(--font-heading),"Young Serif",Georgia,serif;font-synthesis:none}.fish-card__name *{font-family:inherit}.fish-card__name{margin-top:0;margin-bottom:0;font-size:24px;font-weight:600}.fish-card__sci-name{opacity:.8;margin-top:0;margin-bottom:0;font-size:18px;font-weight:600}.fish-card__info{border-top:1px solid #e8ddcb;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:flex}.fish-card__info p{text-align:center;flex:1;margin:0;padding:8px 0}.fish-card__info p:not(:last-child){border-right:1px solid #e8ddcb}@media screen and (max-width:768px){.fish-card--compact-mobile{gap:8px;max-width:none;margin-top:0}.fish-card--compact-mobile:hover{transform:none}.fish-card--compact-mobile .fish-card__names{padding:0 8px}.fish-card--compact-mobile .fish-card__name{font-size:18px}.fish-card--compact-mobile .fish-card__sci-name{font-size:14px}.fish-card--compact-mobile .fish-card__info{flex-wrap:wrap}.fish-card--compact-mobile .fish-card__info p{font-size:12px;font-weight:400}}