#masteries_note {
    font-size: 90%;
    padding: 3px 5px;
    background: rgba(0,0,0,0.04);
    border-left: 2px solid var(--col_bg_action1);
}
#view_contents {
    & .masteries_group {display: flex; flex-wrap: wrap; padding: 2px 0;}
    & .masteries_group:first-of-type {padding-top: 0;}
    & .masteries_group:last-of-type {padding-bottom: 0;}
    & .button {mask-image: none; margin: 2px 5px; margin-left: 0;
        padding: 2px 4px; background-color: var(--col_bg_action1);
        border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 0.6em;
        & img {height: 1.4em; width: 1.4em; margin-right: 0.5em; filter: var(--col_font2_svg);}
    @media not all and (any-pointer: coarse) {&:hover {
        background: var(--col_bg_action2); border-color: var(--col_font2); box-shadow: 0 2px 6px rgba(0,0,0,0.25);
        & img {transform: scale(1.15);}}}
    @media (any-pointer: coarse) {&:active {
        background: var(--col_bg_action2); border-color: var(--col_font2); box-shadow: 0 2px 6px rgba(0,0,0,0.25);
        & img {transform: scale(1.15);}}}
    }
    & .masteries_group .button:last-of-type {margin-right: 0;}
}
.mastery_description {width: fit-content; margin-left: -10px; margin-top: -1em;}
.no-ul {text-decoration-color: transparent;}