*{box-sizing:border-box}html,body,#app,canvas{margin:0;width:100%;height:100%;overflow:hidden}body{background:#080c0e;color:#dbe7e4;font-family:Rajdhani,system-ui}canvas{display:block}header{position:fixed;left:18px;right:18px;top:16px;height:68px;display:flex;align-items:center;background:linear-gradient(90deg,#0a1114f0,#0f191bd1);border:1px solid #53666088;border-top:2px solid #a7b9ae;padding:8px 14px;clip-path:polygon(0 0,98.7% 0,100% 30%,100% 100%,0 100%);z-index:2}.brand{display:flex;align-items:center;width:245px;border-right:1px solid #50605c}.brand .mark{font-weight:700;font-size:22px;padding:8px;margin-right:12px;color:#d9c79f;border:1px solid #938468}.brand b,.brand small{display:block;letter-spacing:2px}.brand small{font-size:10px;color:#768e8b;margin-top:3px}#resources{display:flex;flex:1;justify-content:center;height:100%}.res{min-width:72px;padding:3px 12px;border-right:1px solid #283a3a;display:grid;grid-template-columns:24px auto;grid-template-rows:15px 25px}.res>span{grid-row:1/3;color:#c0a971;font-weight:700;align-self:center}.res small{font-size:9px;color:#75918d;letter-spacing:1px}.res b{font-size:18px}.sol{width:150px;padding-left:15px}.sol small,.sol b{display:block}.sol small{color:#708986;font-size:9px;letter-spacing:1px}.mission{position:fixed;right:20px;top:100px;width:250px;padding:13px 17px;background:#101a1de8;border-left:2px solid #c3955a;z-index:2}.mission>*{display:block}.mission small,.mission span{color:#80928f;font-size:10px;letter-spacing:1px}.mission b{color:#e5c38b;margin:5px 0}.mission i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e0a251;box-shadow:0 0 12px #ffc96e}.controls{position:fixed;left:20px;top:100px;padding:10px 14px;background:#111a1cbb;border-left:2px solid #637e79;font-size:11px}.controls>*{display:block}.controls span{color:#8da09d}.controls b{letter-spacing:1px}.controls span+span{margin-top:3px}footer{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;padding:9px 12px;background:#0d1719ed;border:1px solid #526461;border-bottom:2px solid #b59c6d;min-width:940px;z-index:2}.build-title{width:155px;border-right:1px solid #374846}.build-title>*{display:block}.build-title span{font-weight:700;font-size:12px;letter-spacing:1px}.build-title small{color:#728986;font-size:9px;margin-top:4px}#buildings{display:flex;gap:5px;padding:0 10px}button{font-family:inherit;color:#bdd0cc;background:#152225;border:1px solid #40524f;cursor:pointer}#buildings button{display:flex;text-align:left;align-items:center;width:125px;height:52px;padding:5px}button:hover,button.active{border-color:#d2ae70;background:#26322e;color:#fff}.icon{width:31px;color:#d5b471;font-size:20px;text-align:center}.icon+span>*{display:block}.icon+span b{font-size:11px}.icon+span small{font-size:9px;color:#7d928e}.save{display:flex;flex-direction:column;gap:4px}.save button{font-size:10px;width:65px;height:23px}#toast{position:fixed;left:50%;top:105px;transform:translate(-50%,-12px);padding:8px 20px;background:#20322fea;border:1px solid #77b49f;opacity:0;transition:.25s;letter-spacing:1px;font-size:12px}#toast.show{opacity:1;transform:translate(-50%)}#toast.bad{border-color:#b85e52;color:#ffc1b7}#activity{position:fixed;right:20px;top:178px;width:250px;padding:12px 16px;background:#0e181bdc;border-left:2px solid #587a73;z-index:2}#activity>small{color:#78918d;letter-spacing:1px;font-size:9px}#rover-status{margin:8px 0;padding-bottom:7px;border-bottom:1px solid #314441}#rover-status b,#rover-status span,#worker-status b,#worker-status span{display:block}#rover-status b,#worker-status b{font-size:10px;color:#d7bd88}#rover-status span,#worker-status span{font-size:9px;color:#8da09d}#worker-status{display:grid;gap:5px}#selection{position:fixed;left:20px;top:185px;width:260px;padding:13px 16px;background:#0e181be8;border-left:2px solid #c0a971;z-index:2}#selection.hidden{display:none}#selection>*{display:block}#selection small{font-size:9px;letter-spacing:1.4px;color:#78918d}#selection b{font-size:15px;margin:4px 0;color:#e5d2a5}#selection strong{font-size:10px;color:#9fc8bd;margin-bottom:8px}#selection span{font-size:10px;color:#8da09d;margin-top:3px}