#page1{position:relative;height:100%}
.landing-scene{position:relative;height:100dvh;background:url("../img/bg1.jpg") top center no-repeat}
.bar_height{display:none}
.landing-toolbar-anchor{position:absolute;left:0;right:0;bottom:180px;height:134px}
.population,.population *{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.population{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:900px;max-width:calc(100vw - 48px);height:156px;margin:0;padding:3px 18px 6px;border:12px solid transparent;border-image:url("../img/upgrade_panel_bg.png?v=20-wide-panel") 95 fill / 12px / 0 stretch;color:#f0d8c2;font:12px/1.3 "Open Sans",Arial,sans-serif}
.population-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;height:100px;margin:0;text-align:center}
.population-nation,.population-total{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;margin:0;text-align:center}
.population-nation-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0 0 3px}
.population-nation-title img{display:block;flex:none;margin:0;width:26px;height:26px}
.population h2{margin:0;font:normal 15px/1.3 Georgia,"Times New Roman",serif;letter-spacing:.5px}
.population-karus h2{color:#e88a72}
.population-human h2{color:#82b9dc}
.population-number{display:block;margin:0;color:#f8eee2;font:700 25px/1.15 "Open Sans",Arial,sans-serif;font-variant-numeric:tabular-nums}
.population-total{height:100%}
.population-total h2{margin:0;color:#d0ad80;font-size:19px;letter-spacing:1px}
.population-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.population-caption{display:block;margin:2px 0 0;color:#ad9783;font-size:10px;line-height:14px}
.population-balance{position:relative;display:flex;width:100%;height:17px;margin:3px 0 0;overflow:hidden;border:1px solid #795335;background:#1c1511;box-shadow:inset 0 1px 3px #0009}
.population-fill{display:block;flex:0 0 50%;width:50%;height:100%;margin:0}
.population-karus-fill{background:linear-gradient(90deg,#7b2920,#ad4531)}
.population-human-fill{background:linear-gradient(90deg,#2a6487,#174563)}
.population-percent{position:absolute;top:0;bottom:0;display:flex;align-items:center;margin:0;color:#fff1e2;font-size:9px;font-weight:700;text-shadow:0 1px #000}
.population-percent-left{left:7px}
.population-percent-right{right:7px}
@media(max-width:600px){.population{max-width:calc(100vw - 24px);padding-left:6px;padding-right:6px;bottom:10px}.population h2{font-size:13px}.population-total h2{font-size:13px;letter-spacing:0}.population-nation-title{gap:4px}.population-nation-title img{width:26px;height:26px}.population-number{font-size:22px}.population-total .population-number{font-size:26px}.population-caption{font-size:9px}.landing-toolbar-anchor{bottom:172px}}
@media(max-height:680px){.landing-brand img{width:158px;height:auto}.landing-headline{margin-top:8px!important}.landing-headline img{width:380px;max-width:90vw;height:auto}.landing-top-space{height:12px!important}}