#stats * {
    font-size: min(20px, max(15px, 4vw));
    line-height: max(25px, 5vh);
    margin: 0;
    padding: 0;
}

#stats > table {
    width: 100%;
    border-bottom: 1px solid;
    margin-bottom: -10px;
}

#stats td {
    padding-bottom: 5px;
    text-align: center;
}

#stats td > *{
    vertical-align: middle;
}

#stats input {
    line-height: 100%;
    height: max(25px, 5vh);
    max-height: 40px;
}

#stats p {
    display: inline-block;
}

.statValue, .statBonus {
    min-width: min(20px, max(16px, 4vw));
}

#stats .statName {
    min-width: 30px;
    text-align: left;
}

.statBtnM, .statBtnP {
    min-width: 25px;
    width: 7vw;
    max-width: 50px;
}

#stats .rollBtn {
    min-width: 30px;
    width: 8vw;
    max-width: 50px;
}

#stats .rollBtnD, .rollBtnA {
    min-width: 30px;
    width: 7.5vw;
    max-width: 50px;
}

#stats .rollValue {
    min-width: 30px;
    line-height: 20px;
    width: 7vw;
    max-width: 50px;
    height: 20px;
    text-align: center;
}