#Main_Screen_Game_Screen {
    height: calc(100% - 54px);
    position: absolute;
    width: calc(100% - 2px);
}

.game_panel_click {
    box-sizing: border-box;
    color: hsl(0, 0%, 90%);
    float: left;
    font-family: sans-serif;
    height: 100%;
    overflow-y: auto;
    padding: 16px;
    width: 70%;
}

.game_panel_shop {
    box-sizing: border-box;
    border-left: 1px solid hsl(0, 0%, 25%);
    color: hsl(0, 0%, 90%);
    float: left;
    font-family: sans-serif;
    height: 100%;
    overflow-y: auto;
    padding: 16px;
    width: 30%;
}

#Game_TopStats {
    display: flex;
    font-size: 130%;
    justify-content: space-between;
    margin-bottom: 16px;
}

#Game_BagContainer {
    margin-bottom: 16px;
}

#Game_BagLabel {
    margin-bottom: 4px;
}

#Game_BagBarTrack, #Game_TravelBarTrack {
    background-color: hsl(0, 0%, 15%);
    border: 1px solid hsl(0, 0%, 30%);
    height: 16px;
    width: 100%;
}

#Game_BagBarFill {
    background-color: hsl(210, 80%, 55%);
    height: 100%;
    transition: width 0.15s linear;
    width: 0%;
}

#Game_TravelBarFill {
    background-color: hsl(45, 90%, 55%);
    height: 100%;
    transition: width 0.15s linear;
    width: 0%;
}

#Game_TravelStatus {
    margin-bottom: 16px;
    visibility: hidden;
}

#Game_LocationLabel {
    font-style: italic;
    opacity: 0.85;
}

#Game_ShopTitle {
    font-size: 130%;
    margin-bottom: 12px;
}

.shop_item {
    margin-bottom: 16px;
}

.shop_item_info {
    font-size: 90%;
    margin-top: 4px;
    opacity: 0.85;
}

#Workforce_StockpileContainer {
    margin-top: 24px;
}

#Workforce_StockpileLabel {
    margin-bottom: 4px;
}

#Workforce_StockpileBarFill {
    background-color: hsl(30, 80%, 55%);
    height: 100%;
    transition: width 0.15s linear;
    width: 0%;
}

#Workforce_Summary {
    font-size: 90%;
    margin-top: 8px;
    opacity: 0.85;
}

#Workforce_ShopTitle {
    font-size: 130%;
    margin-top: 24px;
    margin-bottom: 12px;
}

#Lab_TopStats {
    display: flex;
    font-size: 130%;
    justify-content: space-between;
    margin-bottom: 16px;
}

#Lab_TechTitle {
    font-size: 130%;
    margin-bottom: 12px;
}

.tech_name {
    font-size: 110%;
    margin-bottom: 2px;
}

#Lab_BuildInfo {
    margin-bottom: 16px;
    max-width: 420px;
    opacity: 0.85;
}

#Lab_ResearchButton {
    margin-bottom: 16px;
}

#Facility_LockedMessage {
    font-style: italic;
    opacity: 0.85;
}

#Facility_BuildInfo {
    margin-bottom: 16px;
    max-width: 420px;
    opacity: 0.85;
}

#Facility_TopStats {
    font-size: 130%;
    margin-bottom: 16px;
}

#Facility_OreBufferContainer, #Facility_IngotBufferContainer {
    margin-bottom: 16px;
}

#Facility_OreBufferLabel, #Facility_IngotBufferLabel {
    margin-bottom: 4px;
}

#Facility_OreBufferBarTrack, #Facility_IngotBufferBarTrack {
    background-color: hsl(0, 0%, 15%);
    border: 1px solid hsl(0, 0%, 30%);
    height: 16px;
    width: 100%;
}

#Facility_OreBufferBarFill {
    background-color: hsl(30, 80%, 55%);
    height: 100%;
    transition: width 0.15s linear;
    width: 0%;
}

#Facility_IngotBufferBarFill {
    background-color: hsl(280, 60%, 65%);
    height: 100%;
    transition: width 0.15s linear;
    width: 0%;
}

#Facility_Summary {
    font-size: 90%;
    opacity: 0.85;
}

#Facility_ShopTitle {
    font-size: 130%;
    margin-bottom: 12px;
}

#Game_OfflineSummary {
    background-color: hsl(0, 0%, 12%);
    border: 1px solid hsl(120, 90%, 45%);
    box-shadow: 0px 0px 12px hsla(0, 0%, 0%, 0.6);
    left: 50%;
    max-width: 360px;
    padding: 16px;
    position: absolute;
    top: 80px;
    transform: translateX(-50%);
    z-index: 10;
}

#Game_OfflineSummaryTitle {
    font-size: 120%;
    margin-bottom: 8px;
}

#Game_OfflineSummary ul {
    margin: 0 0 12px 0;
    padding-left: 20px;
}

#Main_Screen_Lab {
    bottom: 0px;
    box-sizing: border-box;
    color: hsl(0, 0%, 90%);
    font-family: sans-serif;
    height: calc(100% - 36px);
    padding: 16px;
    position: absolute;
    top: 34px;
    width: calc(100% - 2px);
}

#Main_Screen_Settings {
    bottom: 0px;
    height: calc(100% - 36px);
    position: absolute;
    top: 34px;
    width: calc(100% - 2px);
}

#Main_Screen_Stats {
    bottom: 0px;
    height: calc(100% - 36px);
    position: absolute;
    top: 34px;
    width: calc(100% - 2px);
}

#Main_Screen_Credits {
    bottom: 0px;
    height: calc(100% - 36px);
    position: absolute;
    top: 34px;
    width: calc(100% - 2px);
}