noname/theme/style/hp/ol.css

.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost){
    background: url('image/ol1.png');
    box-shadow: none;
    border: none;
    background-size: 100% 100%;
    transform: scale(1.6);
    -webkit-filter:none;
    border-radius: 0px;
}
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost){
    background: url('image/ol2.png');
    box-shadow: none;
    border: none;
    background-size: 100% 100%;
    transform: scale(1.6);
    -webkit-filter:none;
    border-radius: 0px;
}
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost){
    background: url('image/ol3.png');
    box-shadow: none;
    border: none;
    background-size: 100% 100%;
    transform: scale(1.6);
    -webkit-filter:none;
    border-radius: 0px;
}
.hp:not(.text):not(.actcount):not(.treasure)>.lost{
    background: url('image/ol4.png');
    box-shadow: none;
    border: none;
    background-size: 100% 100%;
    transform: scale(1.6);
    border-radius: 0px;
    filter:grayscale(1) opacity(0.8);
    -webkit-filter:grayscale(1) opacity(0.8);
}

#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]>div:not(.lost){
    transform: scale(1.6);
}
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]>div:not(.lost){
    transform: scale(1.6);
}
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]>div:not(.lost){
    transform: scale(1.6);
}
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)>.lost{
    transform: scale(1.6);
}

.button.newstyle>.hp>.text{
    margin-left: 5px;
}