.supply-btn{display:block;padding:9px 0;color:#c9e3bb;font-size:12px;text-align:left}.supply-btn:hover{color:white}.research-card.researched{opacity:.65}.people-resource small{top:auto!important;bottom:0;right:14px!important;font-size:7px!important}.help-shortcuts{line-height:2!important}
:root{--cream:#f5ebdf;--dim:#b7b8b0;--green:#b4d9bd;--orange:#f0a676;--panel:rgba(22,32,34,.89);--border:rgba(235,227,209,.15);--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:#ad6242;color:var(--cream);font-family:Arial,Helvetica,sans-serif;overflow:hidden;width:100%;height:100dvh;user-select:none}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:3px}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}canvas#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(20,25,28,.35),transparent 30%,transparent 65%,rgba(33,24,21,.25))}.topbar{position:absolute;top:0;left:0;width:100%;height:88px;display:flex;align-items:center;padding:0 34px;gap:34px}.brand{color:var(--cream);display:flex;align-items:center;text-decoration:none;gap:12px}.brand svg{width:37px;height:42px;stroke:currentColor;fill:none;stroke-width:1.5}.brand svg circle{opacity:.4;stroke-width:.6}.brand>span{font-size:29px;font-weight:600;letter-spacing:8px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:4.8px;font-weight:400;margin-top:7px}.top-location{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:1.5px}.top-divider{width:1px;height:15px;background:var(--border);margin:0 5px}.muted{opacity:.6}.live-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #a4c6a688}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.save-status{color:#ddd7c8;font-size:10px;margin-right:12px;opacity:.65}.icon-button{width:30px;height:30px;border:1px solid #ffffff23;border-radius:50%;display:grid;place-items:center;font-size:14px;background:#1b282527}.icon-button:hover{background:#d6e7d222}.icon-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.resourcebar{position:absolute;top:94px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:var(--panel);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:12px;padding:16px 7px;box-shadow:0 10px 40px #1b131522}.resource{display:flex;gap:10px;min-width:137px;padding:0 18px;align-items:center;border-right:1px solid var(--border);position:relative}.resource:last-child{border:0;min-width:181px}.resource label{font-size:8px;letter-spacing:1.6px;color:#c6c6b8;display:block;margin-bottom:5px}.resource b{font-family:var(--mono);font-size:20px;font-weight:500;white-space:nowrap}.resource b em{font-size:12px;color:#959f98;font-style:normal}.resource small{font-family:var(--mono);font-size:9px;color:var(--green);align-self:end;margin-bottom:3px;white-space:nowrap}.people-resource small{position:absolute;right:13px;top:3px;font-size:8px}.res-icon{width:21px;height:23px;display:flex;align-items:center;justify-content:center}.res-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.metal{color:#d3b8a0}.water{color:#94d0dc}.food{color:#b0d693}.energy{color:#e6c17b}.people{color:#dac8b7}.negative{color:#ff997f!important}.mission-panel{position:absolute;top:194px;left:32px;width:246px;padding:21px 21px 16px;background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(16px);border-radius:12px;box-shadow:0 10px 35px #3326191c}.eyebrow{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:8px;letter-spacing:1.5px;color:#c1c9bc}.eyebrow>span:last-child{margin-left:auto;color:#9ba99e;letter-spacing:.5px}.tiny-orbit{display:inline-block;width:10px;height:10px;border:1px solid #b3d6b8;border-radius:50%;position:relative}.tiny-orbit:after{content:'';position:absolute;width:3px;height:3px;background:#b3d6b8;border-radius:50%;top:2.5px;left:2.5px}h1{font-size:20px;line-height:1.2;font-weight:500;margin:20px 0 10px;letter-spacing:-.5px}.mission-panel p{font-size:11px;line-height:1.75;margin:0;color:#b9bfb8}.mission-progress{height:3px;background:#ffffff17;border-radius:3px;margin-top:22px}.mission-progress i{display:block;height:100%;background:var(--green);transition:width .5s}.mission-bottom{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;color:#bec5b9;margin-top:10px}.mission-bottom .reward{color:#cbdcba}.mission-cta{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:#b6d5bc;color:#1d342b;border-radius:6px;margin-top:19px;padding:11px 12px;font-size:10px;font-weight:600}.mission-cta:hover{background:#d0e7d0}.mission-cta>span{font-size:17px;line-height:10px}.planet-panel{position:absolute;right:33px;top:198px;width:188px;text-shadow:0 1px 10px #3c261c88}.planet-coordinate{font-family:var(--mono);font-size:8px;letter-spacing:1px;opacity:.65}.weather{display:flex;gap:12px;align-items:center;margin-top:24px}.weather svg{width:23px;height:23px;fill:none;stroke:#f7dbc1;stroke-width:1}.weather>span{font-size:12px}.weather small{display:block;margin-top:7px;font-size:8px;opacity:.6}.planet-line{height:1px;background:#ffe4c62b;margin:20px 0}.day-row{display:flex;align-items:center;justify-content:space-between}.day-row label{display:block;font-size:7px;letter-spacing:1.6px;opacity:.65}.day-row b{display:block;font-family:var(--mono);font-size:26px;font-weight:400;letter-spacing:1px;margin-top:7px}.time-controls{display:flex;gap:5px}.time-controls button{width:31px;height:30px;border:1px solid #ffe4c638;border-radius:5px;font-family:var(--mono);font-size:11px;background:#241c1a1c}.time-controls button:hover{background:#fff2}.day-progress{height:2px;background:#ffe4c629;margin-top:13px}.day-progress i{display:block;height:100%;background:#e5c9ae;width:0}.camera-tools{position:absolute;right:34px;bottom:230px;display:flex;flex-direction:column;gap:7px}.camera-tools button{background:var(--panel);border:1px solid var(--border);border-radius:8px;width:36px;height:36px;font-size:22px;font-weight:300;display:grid;place-items:center}.camera-tools button:hover{background:#41544b}.camera-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}.map-caption{position:absolute;left:34px;bottom:224px;display:grid;grid-template-columns:6px auto;align-items:center;gap:10px;pointer-events:none}.map-caption>span:nth-child(2){font-family:var(--mono);font-size:9px;letter-spacing:2px}.map-caption small{grid-column:2;font-size:9px;color:#ead4c2b0;margin-top:-3px}.build-dock{position:absolute;bottom:19px;left:32px;right:32px;min-height:174px;background:rgba(23,32,33,.94);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:13px;box-shadow:0 10px 40px #23181944;padding:0 18px 14px;overflow:hidden}.dock-heading{height:47px;display:flex;align-items:center;border-bottom:1px solid #ffffff0e;margin-bottom:10px}.dock-tabs{display:flex;align-items:center;gap:27px;align-self:stretch}.dock-tabs button{position:relative;font-size:9px;letter-spacing:1.5px;color:#89978f;padding:0 3px;display:flex;align-items:center;gap:8px}.dock-tabs button.active{color:#e4eadb}.dock-tabs button.active:after{content:'';position:absolute;height:2px;background:#c7d9b3;bottom:-1px;left:0;right:0}.dock-tabs span{font-family:var(--mono);font-size:7px;padding:2px 4px;border:1px solid #dde6cc2e;letter-spacing:0}.dock-tabs i{display:none;width:4px;height:4px;border-radius:50%;background:var(--green)}.dock-tip{margin-left:auto;font-size:9px;color:#a3ada2}.dock-tip span{padding:0 12px;color:#6f7d74}.cancel-build{margin-left:auto;font-size:11px;color:#dfe5d9}.cancel-build kbd{font-size:9px;font-family:var(--mono);border:1px solid var(--border);padding:2px 4px;margin-left:8px}.build-cards{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.build-card{position:relative;display:flex;align-items:center;min-width:0;height:94px;border:1px solid #eeeecc10;border-radius:7px;padding:10px 6px;background:linear-gradient(125deg,#b7d7bc07,#b7d7bc02);text-align:left;transition:background .18s,border-color .18s,transform .18s}.build-card:hover{background:#bdccaf12;border-color:#b9cdab5c;transform:translateY(-2px)}.build-card.selected{border-color:#bbd4b0;background:#bbd4b017}.build-card.unaffordable{opacity:.5}.build-card .shortcut{position:absolute;top:6px;left:8px;font-family:var(--mono);font-size:7px;color:#8d9b8f}.build-card canvas{width:73px;height:70px;flex-shrink:0;margin-left:-8px;margin-right:-8px}.build-card h3{font-size:10px;line-height:1.4;font-weight:500;margin:0 0 5px}.build-card p{font-size:7px;color:#9da99a;margin:0 0 7px;line-height:1.3}.build-card .cost{font-family:var(--mono);font-size:9px;color:#d8c4ab}.build-card .cost svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.4;vertical-align:-1px;margin-right:3px}.build-card .locked-label{position:absolute;top:6px;right:7px;font-size:7px;color:#cab599}.build-card.locked{opacity:.5}.dock-content{display:flex;gap:14px;min-height:94px;align-items:stretch}.colony-stat{flex:1;border-right:1px solid var(--border);padding:13px 12px}.colony-stat:last-child{border:0}.colony-stat small{font-size:9px;color:#abb7a6}.colony-stat strong{display:block;font-family:var(--mono);font-size:22px;font-weight:400;margin:7px 0}.colony-stat p{font-size:9px;color:#97a890;margin:0}.research-card{flex:1;background:#ffffff05;border:1px solid var(--border);border-radius:7px;padding:13px 15px;display:flex;align-items:center;gap:15px;text-align:left}.research-card div{flex:1}.research-card h3{font-size:12px;margin:0 0 6px;font-weight:500}.research-card p{font-size:9px;line-height:1.5;margin:0;color:#a5b4a1}.research-card>span{font-family:var(--mono);font-size:10px;color:#badaaf;white-space:nowrap}.research-card:hover{border-color:#bed6b878}.placement-hint{position:absolute;left:50%;bottom:210px;transform:translateX(-50%);padding:12px 18px;border:1px solid #d8e9cc4d;border-radius:8px;background:rgba(23,39,34,.94);font-size:12px;backdrop-filter:blur(10px);white-space:nowrap;pointer-events:none}.placement-hint strong{font-weight:500;color:#c3e2b7;margin-right:12px}.toast-stack{position:absolute;left:50%;bottom:220px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;max-width:90vw}.toast{font-size:11px;line-height:1.5;padding:13px 20px;background:#1c2b29f2;color:#e6eddf;border:1px solid #b9d3af40;border-radius:8px;box-shadow:0 10px 35px #241a1a33;animation:toastIn .25s ease;max-width:440px;text-align:center}.toast.error{border-color:#e5a58a88;color:#f3c1a7}.inspector{position:absolute;right:32px;top:390px;width:224px;padding:19px;background:var(--panel);border:1px solid var(--border);border-radius:12px;backdrop-filter:blur(15px)}.inspector h2{font-size:18px;font-weight:500;margin:0 20px 7px 0}.inspector .close-inspector{position:absolute;top:10px;right:10px;font-size:18px;color:#b6c5b6}.inspector>small{font-size:9px;color:#b8cead}.inspector p{font-size:11px;line-height:1.6;color:#b8c4b4}.inspector .statrow{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #fff1;padding:10px 0}.inspector .statrow span:last-child{color:#bdd6b5;font-family:var(--mono)}.inspector .demolish{font-size:10px;color:#d2a48c;padding:8px 0;margin-top:4px}.hidden{display:none!important}dialog{padding:0;background:#1c2b2b;color:#eef0e6;border:1px solid #bbd0b94f;border-radius:17px;box-shadow:0 20px 100px #101919aa;width:min(480px,92vw)}dialog::backdrop{background:#10191899;backdrop-filter:blur(5px)}.modal-inner{padding:34px}.modal-inner .eyebrow{color:#b6ccac}.modal-inner h2{font-weight:400;font-size:30px;letter-spacing:-1px;margin:16px 0}.modal-inner p{font-size:13px;line-height:1.8;color:#bccabb}.modal-inner ul{padding-left:18px;font-size:12px;line-height:2.1;color:#c4cebe}.modal-inner button.primary{display:block;width:100%;margin-top:22px;background:#bad6b4;color:#18362b;border-radius:7px;padding:14px;font-weight:600}.modal-inner button.secondary{display:block;width:100%;margin-top:10px;border:1px solid #b6cfb137;border-radius:7px;padding:13px;font-size:12px}.modal-inner button.danger{color:#e7ac91}.modal-inner .setting-row{padding:16px 0;border-bottom:1px solid #ffffff13;display:flex;justify-content:space-between;align-items:center;font-size:12px}.modal-inner .setting-row button{padding:7px 11px;border:1px solid var(--border);border-radius:4px;font-size:10px;color:#bcdab7}.keyboard{font-family:var(--mono);font-size:10px;padding:2px 5px;background:#ffffff12;border-radius:3px}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.build-card canvas{width:93px;height:78px;margin-right:-4px}.build-card h3{font-size:12px}.build-card p{font-size:8px}.build-card{height:103px}.build-dock{min-height:184px}.resourcebar{top:102px}.mission-panel{top:212px}.planet-panel{top:216px}}
@media(max-width:1150px){.top-location{display:none}.resourcebar{top:85px}.resource{min-width:117px;padding:0 12px;gap:7px}.resource:last-child{min-width:152px}.mission-panel{width:218px;left:20px;top:180px;padding:17px}.mission-panel h1{font-size:18px}.planet-panel{right:22px;width:160px;top:184px}.build-dock{left:20px;right:20px;padding:0 12px 12px}.build-cards{gap:6px}.build-card{flex-direction:column;justify-content:flex-end;align-items:center;height:118px;padding:5px}.build-card canvas{width:68px;height:59px;margin:-5px 0 0}.build-card h3{font-size:9px;margin-bottom:4px}.build-card p{display:none}.build-card .cost{font-size:8px}.build-card>div{text-align:center}.build-dock{min-height:188px}.camera-tools{bottom:244px;right:22px}.map-caption{bottom:240px;left:23px}.placement-hint{bottom:232px}.toast-stack{bottom:242px}.inspector{right:20px;top:362px;width:205px}.dock-tip{font-size:8px}.dock-tabs{gap:20px}}
@media(max-width:760px){.topbar{height:70px;padding:0 17px}.brand svg{width:27px;height:33px}.brand{gap:8px}.brand>span{font-size:23px;letter-spacing:6px}.brand small{font-size:6px;letter-spacing:3.8px;margin-top:5px}.save-status{font-size:8px;margin-right:3px}.top-actions{gap:6px}.icon-button{width:28px;height:28px}.resourcebar{top:73px;left:12px;right:12px;transform:none;padding:12px 3px;justify-content:space-between;gap:0;border-radius:9px}.resource{min-width:0;padding:0 9px;gap:5px}.resource:last-child{min-width:0}.resource b{font-size:16px}.resource label{font-size:6px;letter-spacing:1px}.resource b em{font-size:9px}.resource small{position:absolute;top:38px;left:30px;font-size:6px;display:none}.people-resource small{display:none}.res-icon,.res-icon svg{width:15px;height:18px}.resource label{margin-bottom:4px}.resourcebar{padding-bottom:12px}.mission-panel{top:148px;left:13px;width:196px;padding:14px;background:#1a2828d9}.mission-panel h1{font-size:16px;margin:13px 0 7px}.mission-panel p{font-size:10px;line-height:1.65}.mission-progress{margin-top:14px}.eyebrow{font-size:7px;letter-spacing:1px}.mission-bottom{font-size:7px}.mission-cta{font-size:9px;padding:9px;margin-top:13px}.planet-panel{top:156px;right:15px;width:110px}.planet-coordinate,.weather,.planet-line{display:none}.day-row{display:block}.day-row label{font-size:6px}.day-row b{font-size:24px}.time-controls{margin-top:10px}.time-controls button{height:27px;width:29px;background:#342a2840}.day-progress{margin-top:10px}.camera-tools{right:15px;bottom:224px;gap:6px}.camera-tools button{width:32px;height:32px;font-size:20px}.map-caption{left:15px;bottom:215px;gap:8px}.map-caption>span:nth-child(2){font-size:7px;letter-spacing:1.5px}.map-caption small{font-size:7px;max-width:200px}.build-dock{left:9px;right:9px;bottom:9px;padding:0 8px 8px;border-radius:10px;min-height:169px}.dock-heading{height:42px;margin-bottom:7px}.dock-tabs{gap:18px}.dock-tabs button{font-size:8px;letter-spacing:1px}.dock-tabs span{display:none}.dock-tip{display:none}.build-cards{display:flex;overflow-x:auto;padding:2px 1px 6px;gap:7px;scrollbar-width:thin;scrollbar-color:#6a7d66 transparent;overscroll-behavior-x:contain}.build-card{flex:0 0 89px;height:108px;padding:4px}.build-card canvas{width:68px;height:59px}.build-card h3{font-size:9px}.build-card .shortcut{display:none}.cancel-build{font-size:9px}.cancel-build kbd{display:none}.placement-hint{bottom:190px;font-size:10px;padding:10px 12px;max-width:95vw;white-space:normal;text-align:center}.placement-hint strong{display:block;margin:0 0 4px}.toast-stack{bottom:200px;width:calc(100vw - 30px)}.toast{font-size:10px;padding:11px 15px}.inspector{right:13px;top:270px;width:184px;padding:15px}.inspector h2{font-size:16px}.inspector p{font-size:10px}.inspector .statrow{font-size:9px;padding:8px 0}.dock-content{overflow-x:auto;gap:6px;height:114px}.colony-stat{padding:12px 8px;min-width:100px}.colony-stat small{font-size:8px}.colony-stat strong{font-size:18px}.colony-stat p{font-size:8px}.research-card{padding:9px;display:block;min-width:155px}.research-card h3{font-size:10px}.research-card p{font-size:8px;margin-bottom:8px}.research-card>span{font-size:9px}.modal-inner{padding:26px}.modal-inner h2{font-size:27px}}
@media(max-width:390px){.resource{padding:0 6px}.res-icon{display:none}.resource b{font-size:15px}.resource label{font-size:6px}.mission-panel{width:176px}.mission-panel p{font-size:9px}.planet-panel{width:96px}.save-status{display:none}.dock-tabs{gap:15px}}
@media(max-height:680px) and (min-width:761px){.resourcebar{top:74px;padding:10px 4px}.topbar{height:68px}.mission-panel{top:151px}.planet-panel{top:155px}.build-dock{bottom:10px;min-height:140px}.build-card{height:78px;flex-direction:row}.build-card canvas{width:57px;height:57px}.dock-heading{height:36px}.camera-tools{bottom:173px}.map-caption{bottom:175px}.placement-hint,.toast-stack{bottom:174px}.inspector{top:218px;right:215px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(max-width:760px){.day-row b{white-space:nowrap;font-size:22px}.resourcebar{padding-bottom:22px}.resource[data-res="metal"] small,.resource[data-res="water"] small,.resource[data-res="food"] small{display:block;top:36px;left:0;width:100%;font-size:7px;text-align:center}}

.people-resource small{bottom:-12px!important;left:47px!important;right:auto!important}