.master-header{width:100%;margin-bottom:10px}.header{background:linear-gradient(rgba(153,204,255,0.1),rgba(0,51,102,0.0)) no-repeat;box-shadow:0 1px 1px -1px #99CCFF;color:white;padding:10px 10px;display:flex}.header-login{background-color:rgba(0,0,0,0.5);color:white;padding:10px 10px;display:flex}.header-logo{cursor:pointer;font-size:24px;font-weight:bold;padding:0 10px}.energy-container{display:flex;margin:0 10px;font-size:14px}.energy-header{}.energy-value{color:lawngreen;align-content:center}.energy-value.negative{color:orangered}.tooltip-energy{column-gap:5px;display:flex;flex-wrap:wrap;justify-content:center;visibility:hidden;background-color:#333;color:#fff;text-align:center;padding:5px 8px;border-radius:4px;position:absolute;z-index:1;transform:translateY(30px);opacity:0;transition:opacity 0.3s}.energy-container:hover .tooltip-energy{visibility:visible;opacity:1}.tooltip-energy-header{}.tooltip-energy-value{}.tooltip-resource{column-gap:5px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;visibility:hidden;background-color:#333;color:#fff;text-align:center;padding:5px 8px;border-radius:4px;position:absolute;z-index:1;transform:translateY(30px);opacity:0;transition:opacity 0.3s}.resource:hover .tooltip-resource{visibility:visible;opacity:1}.tooltip-resource-capacity{display:flex;flex-direction:row;gap:5px;flex-wrap:wrap;text-align:left}.tooltip-resource-speed{display:flex;flex-direction:row;gap:5px;flex-wrap:wrap;text-align:left}.tooltip-resource-header{}.tooltip-resource-value{}@media (max-width:1000px){.header{flex-direction:column;align-items:flex-start}.header-login{flex-direction:column;align-items:flex-start}.fields{width:100%}.energy-container{margin:0 auto}}