#result_layer{
    background-color: rgb(12,186,160);
}
#result_layer>.rl-map-view{
/*    display: block;
    position: absolute;
    top: 16px;
    left: 20px;
    right: 20px;
    height: 520px;
    background: -webkit-linear-gradient(-110deg,rgb(225,236,105),rgb(84,189,146));
    border: 2px solid white;
    border-radius: 8px;*/
}
#result_layer>.rl-flag{
    width: 40px;
    height: auto;
    position: absolute;
    bottom: 400px;
    left: 300px;
    visibility: hidden;
    transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    transform: scale(16);
    -webkit-transform: scale(16);
    transform-origin: 0% 100%;
    -webkit-transform-origin:  0% 100%;
    transition-property: transform,opacity;
    -webkit-transition-property: -webkit-transform,opacity;
    opacity: 0;
}
#scene #result_layer>.rl-flag-show{
    visibility: visible;
    opacity: 1;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
}

#result_layer>.rl-score-view{
/*    display:  -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    top: 552px;
    border: 2px solid white;
    border-radius: 8px;
    background: -webkit-linear-gradient(-110deg,rgb(115,217,177),rgb(5,153,193));
    overflow: hidden;*/
}
#result_layer>.rl-score-view>ins{
    color: white;
    font-size: 40px;
    text-decoration:  none;
}
#result_layer>.rl-score-view>ins>p:first-of-type{
    margin-bottom: 30px;
}
#result_layer>.rl-score-view>ins>p:last-of-type{
    margin-top: 30px;
}
#result_layer>.rl-score-view>ins>.neckname{
    height: 180px;
    width: 100%;
    background: url(../img/rl/necknames.png) top center no-repeat;
}