.ability-row{
    min-width: 30%;
}


.ability-link {
  color: inherit;
  text-decoration: none;
}


.ability-link:hover {
  text-decoration: underline;
  opacity: 0.9;
}


/* Mode DETAIL: amagar browser */
body.ability-detail-page .abilities-browser-group {
    display: none;
}

/* Mode BROWSER: amagar detail */
body:not(.ability-detail-page) .abilities-detail-group {
    display: none;
}

.ability-field {
    transition: opacity .2s ease;
}

.ability-detail-page .ability-field {
    opacity: 0.3;
	visibility: hidden;
}

.ability-detail-page .ability-field.loaded {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease;

}


.ability-field {
  display: flex;
  gap: 0.35rem;              /* espai entre tags */
  width: 100%;
  padding: 0.15rem;
  align-items: center;
}


.ability-level,
.ability-action{
  display: flex;
  gap: 0.35rem;
}


.ability-categories {
  display: flex;
  padding: 0.35rem 0.1rem;
  align-items: center; 
}


.ability-description {
  white-space: pre-line;
}