.hp:not(.text):not(.actcount)[data-condition="high"]>div:not(.lost){
    background: url('image/emotion1.png');
    box-shadow: none;
    border: none;
    background-size: cover;
    transform: scale(1.4) rotate(180deg);
    -webkit-filter:brightness(0.8) contrast(1.5);
    border-radius: 0px;
}
.hp:not(.text):not(.actcount)[data-condition="mid"]>div:not(.lost){
    background: url('image/emotion2.png');
    box-shadow: none;
    border: none;
    background-size: cover;
    transform: scale(1.4) rotate(180deg);
    -webkit-filter:brightness(0.8) contrast(1.5);
    border-radius: 0px;
}
.hp:not(.text):not(.actcount)[data-condition="low"]>div:not(.lost){
    background: url('image/emotion3.png');
    box-shadow: none;
    border: none;
    background-size: cover;
    transform: scale(1.4) rotate(180deg);
    -webkit-filter:brightness(0.8) contrast(1.5);
    border-radius: 0px;
}
.hp:not(.text):not(.actcount)>.lost{
    background: url('image/emotion4.png');
    box-shadow: none;
    border: none;
    background-size: cover;
    transform: scale(1.4) rotate(180deg);
    border-radius: 0px;
}

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