/* add a light gradient to section elements */
section { background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%); }

/* prepend closed section with a big plus sign */
.closable .closed:before { content: "\2795 "; }

/* list element as info or warn */
li.info,li.warn { list-style-type: none; margin-left: -1.5em; }
li.info:before { content: '\2139'; padding-right: 0.3em; }
li.warn:before { content: '\26A0'; padding-right: 0.3em; }

/* icons */
.icon, .icon-class { 
    background-image: url(icons.webp);
    display: inline-block;
}
.icon {
    width: 64px;
    height: 64px;
}
.icon-class {
    width: 128px;
    height: 128px;
}

.icon-node {
    clip-path: circle(50%);
    transform: scale(0.43);
    transform-origin: center;
    margin: -8px -16px -24px -16px;
}
.icon-node-hex {
    clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    transform: scale(0.56);
    transform-origin: center;
    margin: -8px -16px -24px -16px;
}
.icon-skill {
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
    transform: scale(0.56);
    transform-origin: center;
    margin: -8px -16px -24px -16px;
}
.icon-node-square {
    transform: scale(0.5);
    transform-origin: center;
    margin: -8px -16px -24px -16px;
}

h3 .icon {
    transform: scale(0.5);
    transform-origin: center;
    margin: -12px -16px -20px -16px;
}
h3 .icon-class {
    transform: scale(0.5);
    transform-origin: center;
    margin: -16px -32px -48px -32px;
}

/* items */
.item.unique { color: rgba(235, 115, 10, .8); }
.item.exalted { color: #a36fd1; }
.item { text-decoration: none; }
.item:hover { text-decoration: underline; }