.sc-screen {
    width:100%;height:100%;color:#fff;overflow:auto;
    background:#000d4a url(img/background.png) center top;background-size:cover;
}
.sc-screen-head {
    height:6rem;text-align:center;font-size:2.5rem;font-style:italic;
    background:url(img/head.png) center top;background-size:100% 100%;
}
.sc-screen-body {
    padding:1.5rem;padding-top:0;
}
.sc-screen-row {
    display:grid;grid-template-columns:repeat(auto-fit,minmax(0%,1fr));gap:1.5rem;margin-top:1.5rem;
}
.sc-screen-chart {
    width:100%;
}
.sc-screen-chart-title {
    font-size:1rem;position:relative;width:100%;height:1.5rem;
    background:url(img/title.png) left top;background-size:cover;
}
.sc-screen-chart-title span {
    position:absolute;left:1.5rem;top:-.5rem;font-style:oblique;
}
.sc-screen-chart-body {
    display:flex;min-height:10rem;padding:10px;
}

.sc-screen-loading {position:fixed;left:0;top:0;font-size:18px;z-index:1000;width:100%;height:100%;text-align:center;}
.sc-screen-loading .loadbox {position:absolute;width:160px;height:50px;color:#aaa;left:50%;top:50%;margin-top:-20px;margin-left:-75px;}
.sc-screen-loading .loadbox img {margin:10px auto;display:block;width:40px;}

.sc-screen .gauge-container {width:70%;display:flex;flex-direction:row;justify-content:center;padding-left:.6rem;}
.sc-screen .data-container {width:30%;display:flex;flex-direction:column;justify-content:center;padding-right:1rem;}
.sc-screen .data-item {margin:.2rem 0;text-align:right;}
.sc-screen .data-value {font-size:1.2rem;font-weight:bold;}
.sc-screen .data-label {font-size:.6rem;color:#aaa;}

.sc-screen .health-column {width:33%;margin:0;padding:0;}
.sc-screen .health-column.image {background:url(img/group.png) center no-repeat;background-size:100%;}
.sc-screen .health-column img {width:100%;}
.sc-screen .health-column .item {
    font-size:.7rem;position:relative;margin:.45rem 0;height:1.2rem;line-height:1.2rem;border-radius:0 .6rem .6rem 0; 
    border:0px solid #4875b7;background:linear-gradient(135deg, #0e2746 0%, #19396a 100%);
    text-align:right;padding-right:.6rem;width:auto;
}
.sc-screen .health-column.right .item {background:linear-gradient(135deg, #081832 0%, #19396a 100%);}
.sc-screen .health-column .item:nth-child(1) {margin-right:-.1rem;}
.sc-screen .health-column .item:nth-child(2) {margin-right:1.8rem;}
.sc-screen .health-column .item:nth-child(3) {margin-right:1rem;}
.sc-screen .health-column .item:nth-child(4) {margin-right:2rem;}
.sc-screen .health-column .item:nth-child(5) {margin-right:-.8rem;}