li.a_stat {
    pointer-events: none;
    background-color: #fff;
    border-left-color: #99a;
}
.a_element {
    pointer-events: none;
    text-decoration: none;
}

table.t_element {
    display: inline-block;
    text-align: center;
    border-collapse: collapse;
    color: #777;
    font-size: 14px;
}
table.t_element:first-of-type {
    margin-right: 1rem;
}
.t_element td {
    width: 2.2em;
    min-width: 2em;
}
.t_element td:first-child {
    color: #444;
}
.t_element th {
    padding: 4px 0;
    color: #666;
    border-bottom: 1px solid lightgrey;
}
.t_element th:first-child {
    min-width: 3rem;
    border-right: 1px solid lightgrey;
}

table.t_vt {
    text-align: center;
}
table.t_vt td {
    vertical-align: middle;
}

.dt_good {
    background-color: #d0f1d8;
}
.dt_bad {
    background-color: #fdd8d8;
}

.el_neutral {
    background-color: whitesmoke;
}
.el_fire {
    background-color: lightcoral;
}
.el_water {
    background-color: skyblue;
}
.el_wind {
    background-color: darkseagreen;
}
.el_earth {
    background-color: tan;
}
.el_poison {
    background-color: thistle;
}
.el_holy {
    background-color: papayawhip;
}
.el_dark {
    background-color: #aaa;
}
.el_ghost {
    background-color: lightgrey;
}
.el_undead {
    background-color: rosybrown;
}

@media (max-width: 500px) {
    table.t_element {
        margin: 0;
    }
}