@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#263c35;font-synthesis:none;--dark:#192e31;--cream:#f6f3e7;--orange:#e6a05e;--muted:#788279;--line:#dce0cf;--shadow:0 8px 32px #1736262b;background:#84985e;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100dvh;margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;justify-content:center;align-items:center;gap:8px;transition:background .15s,transform .15s;display:inline-flex}button:disabled{opacity:.42;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #e1a161}svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,.brand strong{font-family:Space Grotesk,sans-serif}h2{letter-spacing:-.7px;font-size:23px;line-height:1.2}h3{font-size:15px}p{font-size:13px;line-height:1.6}small{font-size:11px}.topbar{z-index:5;background:var(--dark);height:78px;color:var(--cream);border-bottom:1px solid #c2d3bc25;justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 15px #1b2e2222}.brand{flex-shrink:0;align-items:center;gap:11px;display:flex}.brand-mark{color:var(--orange);border:1px solid #8f9c7440;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.brand strong{letter-spacing:.3px;white-space:nowrap;font-size:21px;display:block}.brand em{color:var(--orange);font-style:normal}.brand small{color:#a9bbb1;letter-spacing:2px;margin-top:5px;font-size:8px;display:block}.resources{align-items:center;gap:5px;margin-left:auto;display:flex}.resource{color:#eed;background:#ffffff08;border:1px solid #ffffff0b;border-radius:7px;gap:7px;min-width:66px;height:40px;padding:0 10px}.resource:hover{background:#ffffff15}.resource b{font-variant-numeric:tabular-nums;font-size:14px}.resource small{display:none}.top-actions{align-items:center;gap:15px;display:flex}.wallet{color:#efcf8c;align-items:center;gap:7px;min-width:65px;display:flex}.wallet b{white-space:nowrap;font-family:Space Grotesk;font-size:18px}.square{background:0 0;border-radius:7px;flex-shrink:0;width:34px;height:34px}.square:hover{background:#8f9d7720}.topbar .square{color:#b8c6bd}#world{touch-action:none;position:absolute;inset:78px 0 0;overflow:hidden}canvas{touch-action:none;outline:none;display:block}.goal{width:272px;box-shadow:var(--shadow);z-index:2;background:#f7f5e9f2;border:1px solid #fff8db8a;border-radius:12px;padding:21px 22px 14px;position:absolute;top:104px;left:26px}.goal-top{justify-content:space-between;align-items:center;display:flex}.eyebrow{letter-spacing:1.7px;color:#7e8a72;font-size:9px;font-weight:700;display:block}.chapter{color:#89927d;font-family:monospace;font-size:10px}.goal h1{letter-spacing:-.8px;margin:14px 0 10px;font-size:25px;line-height:1.15}.goal p{color:#6d7969;font-size:12px}.goal-progress{align-items:center;gap:12px;margin-top:17px;display:flex}.goal-progress .progress{flex:1}.goal-progress span{color:#7c8772;font-variant-numeric:tabular-nums;font-size:10px}.progress{background:#dee2ce;border-radius:4px;height:5px;overflow:hidden}.progress i{background:#839a62;border-radius:4px;height:100%;transition:width .18s;display:block}.text-button{color:#697a65;text-align:left;background:0 0;justify-content:flex-start;padding:12px 0;font-size:11px}.text-button:hover{color:#294b36}.goal .text-button{margin-top:4px}.area-label{letter-spacing:1.7px;color:#f5f1cf;pointer-events:none;background:#28493662;border-radius:6px;align-items:center;gap:8px;padding:10px 13px;font-size:9px;display:flex;position:absolute;top:107px;right:28px}.area-label>span:last-child{color:#c7d4a8;border-left:1px solid #cedcb044;padding-left:10px}.live-dot{background:#deedb1;border-radius:50%;width:5px;height:5px}.bottom{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:22px;left:28px;right:28px}.bottom>*{pointer-events:auto}.bottom-left,.bottom-right{color:#f3f3d5;text-shadow:0 1px 3px #29462d;flex-direction:column;gap:7px;width:230px;display:flex}.bottom-left a{letter-spacing:1.5px;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.bottom-left a:hover{color:#fff}.bottom-left>span{color:#d9e3b9;align-items:center;gap:5px;font-size:10px;display:flex}.bottom-left>span i{background:#c7dca5;border-radius:50%;width:4px;height:4px}.bottom-right{text-align:right;gap:5px}.bottom-right>span{font-size:11px}.bottom-right small{letter-spacing:1px;color:#d3ddb7;font-size:8px}.dock{color:#e7e9d6;background:#1e3533f5;border:1px solid #ffffff18;border-radius:13px;align-items:center;gap:5px;padding:7px;display:flex;box-shadow:0 8px 24px #1d3d3b40}.dock button{background:0 0;border-radius:8px;gap:9px;min-width:91px;height:53px;padding:0 12px;font-size:12px;position:relative}.dock button svg{color:#aebfa6}.dock button:hover,.dock button.active{color:#273c32;background:#eeeadb}.dock button.active svg,.dock button:hover svg{color:#577159}.dock kbd{color:#7e8f7f;font-size:8px;display:none}.camera-controls{box-shadow:var(--shadow);z-index:2;background:#213b31d9;border-radius:8px;flex-direction:column;display:flex;position:absolute;bottom:115px;right:26px;overflow:hidden}.camera-controls button{color:#e8edcf;background:0 0;width:36px;height:36px;font-size:21px}.camera-controls button:hover{background:#ffffff18}.panel{background:var(--cream);width:338px;max-height:max-content;box-shadow:var(--shadow);z-index:4;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c2c9b0 transparent;border:1px solid #fffbec80;border-radius:13px;padding:21px;position:absolute;top:103px;bottom:111px;right:26px;overflow-y:auto}.panel[hidden]{display:none}.panel-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.panel-top .eyebrow{margin-bottom:7px}.panel-top .square{color:#89947e}.muted{color:#7a8473;margin-bottom:17px;font-size:12px}.build-list{gap:7px;display:grid}.build-card{border:1px solid var(--line);text-align:left;background:#edeedd;border-radius:8px;justify-content:flex-start;gap:12px;min-height:65px;padding:8px 11px}.build-card:hover{background:#e5e9d4;border-color:#b8c8a1}.building-thumb{color:#6c7e6b;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.building-thumb img{object-fit:contain;width:48px;height:48px}.build-card strong{margin-bottom:5px;font-size:13px;display:block}.cost{color:#738063;flex-wrap:wrap;align-items:center;gap:9px;font-size:11px;display:flex}.cost>span{align-items:center;gap:3px;display:inline-flex}.cost .short{color:#a47b5b}.build-plus{color:#8a9976;margin-left:auto;font-size:21px}.footnote{color:#8a917e;margin-top:12px;font-size:10px;line-height:1.6}.sprite{image-rendering:auto}.stock-list{margin-top:15px}.stock-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 0;display:flex}.stock-icon{background:#e8ebdc;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.stock-row>div{flex:1}.stock-row strong{font-size:12px;display:block}.stock-row small{color:#859178;margin-top:4px;font-size:10px;display:block}.stock-row>b{font-variant-numeric:tabular-nums;margin-right:5px;font-size:15px}.small{background:#e4e9d3;border:1px solid #cdd5bb;border-radius:6px;min-height:31px;padding:7px 10px;font-size:11px}.small:hover{background:#d6dfc3}.note{color:#748365;background:#e8ecdc;border-radius:8px;align-items:flex-start;gap:9px;margin-top:20px;padding:13px;font-size:11px;line-height:1.6;display:flex}.note svg{margin-top:2px}.primary{color:#3b402b;background:#e4a461;border:1px solid #cc9254;border-radius:7px;min-height:43px;padding:12px 15px;font-size:12px;font-weight:700;box-shadow:0 2px #c58d4f}.primary:hover{background:#efb474}.primary small{margin-left:auto;font-size:9px;font-weight:400}.primary .cost{color:#694b30}.wide{width:100%;margin-top:12px}.secondary{color:#5b7053;background:#e9ecde;border:1px solid #cfd8c0;border-radius:7px;min-height:36px;padding:10px 13px;font-size:11px}.secondary:hover{background:#e1e7d0}.recipe-tabs{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.recipe-tabs button{background:#e7ebda;border:1px solid #d5dcc5;border-radius:7px;flex-direction:column;gap:5px;padding:10px 3px;font-size:10px}.recipe-tabs button.active{color:#48633c;background:#d8e3c6;border-color:#9db584}.craft-illustration{background:radial-gradient(#dbe1c6,#0000 65%);flex-direction:column;justify-content:center;align-items:center;gap:4px;height:126px;margin:9px 0;display:flex}.craft-illustration img{width:96px;height:96px}.hammer-name{color:#82916e;font-size:10px}.recipe-details{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin:17px 0 12px;font-size:11px;display:flex}.recipe-details>span:last-child{color:#8b927f;align-items:center;gap:3px;display:flex}.recipe-details>strong{font-size:13px}.upgrade{border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.upgrade>strong{font-size:12px}.upgrade p{color:#889179;margin:6px 0 12px;font-size:11px}.upgrade .small{justify-content:space-between;width:100%}.empty-state{text-align:center;padding:10px 0 20px}.empty-state>img{width:112px;height:112px;margin-bottom:15px}.empty-state h3{margin-bottom:10px;font-size:20px}.empty-state p{color:#829073;margin-bottom:18px}.empty-state .primary{flex-wrap:wrap}.deposit-art{justify-content:center;padding:10px;display:flex}.deposit-art img{width:128px}.inventory-chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.inventory-chips>span{background:#e7ebda;border:1px solid #d9dfcb;border-radius:6px;align-items:center;gap:5px;padding:7px 9px;font-size:12px;display:inline-flex}.inventory-chips small{color:#7d8b70;font-size:9px}.inventory-chips .empty{color:#8f987f;background:0 0;border:1px dashed #cdd6bc;width:100%;padding:13px;font-size:11px}.entity-hero{align-items:center;gap:14px;margin-bottom:15px;display:flex}.machine-image{background:#e5e9d6;border-radius:9px;justify-content:center;align-items:center;width:66px;height:66px;display:flex}.machine-image img{width:64px;height:64px}.entity-hero>div{flex:1}.entity-hero small{color:#7e8c72;margin-top:5px;font-size:10px;line-height:1.5;display:block}.status{color:#708653;align-items:center;gap:5px;font-size:11px;display:flex}.status i{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.status.amber{color:#ba8e47}.section-label{color:#849272;justify-content:space-between;margin-top:17px;font-size:10px;font-weight:500;display:flex}.segmented{background:#e8ebdc;border:1px solid #cdd6bc;border-radius:6px;margin-top:8px;padding:3px;display:flex}.segmented button{background:0 0;border-radius:4px;flex:1;padding:7px 3px;font-size:10px}.segmented button.active{color:#486141;background:#f9f8ed;box-shadow:0 1px 3px #3b50361a}.assignments{margin-top:8px}.assignments label{align-items:center;gap:5px;margin-top:7px;font-size:11px;display:flex}.assignments select{color:#56704c;background:#f4f5e9;border:1px solid #cdd6bc;border-radius:5px;width:150px;min-width:0;margin-left:auto;padding:8px 5px;font-size:11px}.supply-buttons,.filter-buttons{gap:5px;margin-top:8px;display:flex}.supply-buttons button,.filter-buttons button{background:#e4e9d6;border:1px solid #d5ddc5;border-radius:5px;flex:1;gap:3px;min-height:35px;padding:7px 4px;font-size:9px}.supply-buttons button svg{width:17px}.filter-buttons button{opacity:.4}.filter-buttons button.active{opacity:1;background:#dce7c9;border-color:#9eb782}.entity-actions{border-top:1px solid var(--line);justify-content:space-between;margin-top:16px;padding-top:2px;display:flex}.entity-actions button{font-size:10px}.entity-actions button:last-child{color:#a17d65}.guide-steps{flex-direction:column;gap:19px;display:flex}.guide-steps section{gap:13px;display:flex}.guide-steps section>b{color:#8e9c7e;border:1px solid #d7ddc8;border-radius:6px;align-items:center;height:30px;padding:8px;font-family:monospace;font-size:11px;display:flex}.guide-steps h3{margin-bottom:5px;font-size:13px}.guide-steps p{color:#7b896f;font-size:11px}.slider{justify-content:space-between;align-items:center;gap:15px;margin:24px 0;font-size:12px;display:flex}.slider input{accent-color:#91a76e;width:140px}.toggle{color:#77866b;align-items:center;gap:8px;font-size:12px;display:flex}.toggle input{accent-color:#7f9a5d;width:17px;height:17px}.divider{border-top:1px solid var(--line);margin:23px 0}.panel h3+.muted{margin-top:10px}.button-pair{gap:8px;margin-top:14px;display:flex}.button-pair>*{flex:1}.external-link{color:#64814d;justify-content:space-between;align-items:center;margin-top:24px;font-size:12px;display:flex}.danger{color:#b67d62}.placement{box-shadow:var(--shadow);z-index:4;background:#f7f5e9f5;border-radius:10px;align-items:center;gap:17px;min-width:min(460px,100% - 24px);max-width:calc(100% - 24px);padding:14px 17px;display:flex;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.placement strong{font-size:13px;display:block}.placement small{color:#869376;margin-top:4px;font-size:10px;display:block}.placement .secondary{white-space:nowrap}.placement[hidden],.toast[hidden]{display:none}.toast{z-index:8;color:#f1e9c5;box-shadow:var(--shadow);text-align:center;pointer-events:none;background:#1d3632f5;border:1px solid #e4d99a40;border-radius:8px;max-width:90%;padding:12px 18px;font-size:12px;position:absolute;top:96px;left:50%;transform:translate(-50%)}.error{color:#ffbea4!important}#loading{color:#eff3d8;z-index:7;background:#6d8453;flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex;position:absolute;inset:0}#loading strong{font-family:Space Grotesk;font-size:21px}.loader{border:3px solid #c4d3a64d;border-top-color:#f3d296;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}dialog{background:var(--cream);color:#35472f;border:1px solid #fff9d8;border-radius:15px;width:min(430px,100% - 32px);padding:30px;box-shadow:0 20px 90px #142d2966}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#142f3280}dialog h2{margin:12px 0 14px}dialog p{color:#869176}dialog .progress{margin-top:20px}.return-stats{gap:9px;margin-top:25px;display:flex}.return-stats span{text-align:center;color:#81916d;background:#e5ead6;border-radius:7px;flex:1;padding:15px 4px;font-size:9px}.return-stats b{color:#4e6940;margin-bottom:7px;font-family:Space Grotesk;font-size:25px;display:block}@media (width>=1450px){.resources{gap:8px}.resource{min-width:90px}.resource small{color:#acbca9;font-size:9px;display:block}.goal{top:110px;left:32px}.panel{width:360px;top:110px;right:32px}.dock button{min-width:107px}.dock kbd{display:block}.bottom{bottom:27px}}@media (width<=1100px){.topbar{gap:12px;padding:0 19px}.brand strong{font-size:18px}.brand small{letter-spacing:1.4px;font-size:7px}.brand-mark{display:none}.resource{gap:4px;min-width:49px;padding:0 7px}.resource b{font-size:12px}.top-actions{gap:8px}.wallet b{font-size:15px}.goal{width:240px;padding:18px;left:18px}.goal h1{font-size:22px}.bottom{left:18px;right:18px}.bottom-left,.bottom-right{width:180px}.dock button{min-width:75px;padding:0 9px}.panel{right:18px}.dock kbd{display:none}}@media (width<=800px){.bottom-right{display:none}.bottom-left{width:auto;position:absolute;bottom:80px;left:0}.dock{margin:auto}.topbar{flex-wrap:wrap;align-content:center;row-gap:10px;height:105px;padding:12px 16px}.brand{order:0}.brand strong{font-size:19px}.brand small{display:none}.top-actions{order:1;margin-left:auto}.resources{order:2;justify-content:space-between;gap:6px;width:100%;margin:0}.resource{background:#ffffff07;flex:1;height:30px}.resource svg{width:18px}.resource b{font-size:12px}#world{top:105px}.goal{width:225px;padding:16px;top:124px}.goal h1{font-size:21px}.area-label{font-size:8px;top:126px;right:16px}.panel{width:320px;top:123px;bottom:108px;right:16px}.bottom-left{display:none}.bottom{bottom:18px}.camera-controls{bottom:108px;right:17px}.placement{bottom:105px}.toast{top:120px}}@media (width<=580px){.topbar{row-gap:8px;height:99px;padding:10px 13px}.brand strong{font-size:17px}.wallet{min-width:48px}.wallet b{font-size:16px}.top-actions{gap:6px}.topbar .square{width:29px;height:29px}.resource{border-radius:5px;height:30px}.resource.gear,.resource.block{display:none}.resources{gap:8px}.resource small{color:#9faf9d;font-size:9px;display:block}.resource b{margin-right:auto}.resource{padding:0 8px}#world{top:99px}.goal{pointer-events:none;background:#f7f5e9ed;border-radius:9px;grid-template-columns:1fr 72px;gap:5px 10px;width:auto;padding:11px 14px;display:grid;top:113px;left:12px;right:12px}.goal-top{grid-column:1/-1}.goal-top .eyebrow{font-size:8px}.goal h1{grid-column:1;margin:0;font-size:17px}.goal p{grid-area:3/1;font-size:10px;line-height:1.45}.goal .goal-progress{flex-direction:column;grid-area:2/2/4;justify-content:center;gap:6px;margin:0;display:flex}.goal-progress .progress{flex:none;width:60px}.goal-progress span{font-size:9px}.goal .text-button,.area-label{display:none}.bottom{bottom:max(13px,env(safe-area-inset-bottom));left:12px;right:12px}.dock{border-radius:11px;justify-content:space-around;gap:0;width:100%;padding:6px}.dock button{flex-direction:column;flex:1;gap:4px;min-width:0;height:52px;padding:3px;font-size:10px}.dock button svg{width:21px;height:21px}.panel{border-radius:12px;width:auto;max-height:calc(100dvh - 207px);padding:18px;inset:auto 12px 91px}.panel-top{margin-bottom:14px}.panel-top h2{font-size:22px}.panel-top .eyebrow{font-size:8px}.panel:has(.build-list){max-height:calc(100dvh - 200px)}.build-list{grid-template-columns:1fr 1fr;gap:7px}.build-card{gap:5px;min-height:78px;padding:9px 7px}.build-card strong{font-size:11px}.building-thumb{width:34px;height:38px}.building-thumb img{width:39px;height:39px}.building-thumb svg{width:27px}.build-plus{display:none}.cost{gap:4px;font-size:9px}.cost svg{width:12px}.panel .muted{margin-bottom:12px;font-size:11px}.stock-row{padding:10px 0}.stock-icon{width:30px;height:30px}.stock-list{margin-top:0}.panel .note{margin-top:14px}.craft-illustration{height:86px;margin:7px 0}.craft-illustration img{width:72px;height:72px}.upgrade{margin-top:12px;padding-top:12px}.recipe-tabs button{padding:6px 3px}.entity-hero{margin-bottom:10px}.machine-image{width:50px;height:50px}.machine-image img{width:49px;height:49px}.section-label{margin-top:12px}.inventory-chips{margin:8px 0}.entity-actions{margin-top:10px}.entity-actions button{padding-bottom:1px}.camera-controls{bottom:101px;right:12px}.camera-controls button{width:33px;height:33px}.placement{gap:8px;min-width:calc(100% - 24px);padding:12px;bottom:90px}.placement strong{font-size:12px}.placement small{font-size:9px;line-height:1.4}.placement .secondary{padding:8px;font-size:10px}.placement .square{width:26px}.toast{width:max-content;max-width:calc(100% - 35px);font-size:11px;top:auto;bottom:170px}.guide-steps{gap:14px}dialog{padding:24px}.slider{margin:18px 0}}@media (height<=650px) and (width>=581px){.goal{padding:13px;top:95px}.goal h1{font-size:19px}.goal p{font-size:11px}.panel{top:93px;bottom:95px}.bottom{bottom:12px}.dock button{height:45px}.placement{bottom:88px}.camera-controls{bottom:90px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.flying-resource{z-index:9;pointer-events:none;filter:drop-shadow(0 2px 2px #1c392b55);animation:.8s cubic-bezier(.35,0,.35,1) forwards collect-flight;position:fixed}@keyframes collect-flight{0%{opacity:1;transform:translate(-12px,-12px)scale(1.2)}70%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.7);opacity:0}}.resource-art{object-fit:contain;vertical-align:middle;image-rendering:auto;flex-shrink:0;display:inline-block}.flying-resource .resource-art{width:28px;height:28px}.port-legend{gap:16px;margin:12px 0 4px;font-size:11px;font-weight:700;display:flex}.input-port{color:#357f71}.output-port{color:#a06627}#craft-progress i{transition:none}.goal-links{justify-content:space-between;gap:12px;display:flex}.goal-links .text-button{margin:0;padding:10px 0 0}.goal .next-objective{line-height:1.5}.goal h1{font-size:23px}.stage-picker{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:18px;display:grid}.stage-picker button{background:#e8ecdd;border:1px solid #d1d8bf;border-radius:6px;height:35px;font-size:11px;font-weight:700}.stage-picker button.selected{color:#fff3d0;background:#273f37;border-color:#273f37}.stage-picker button.planned:not(.selected){color:#8b927f;background:0 0;border-style:dashed}.stage-picker button:hover{border-color:#b78048}.stage-heading .eyebrow{font-size:8px;line-height:1.6}.stage-heading h3{margin:6px 0 8px;font-family:Space Grotesk,sans-serif;font-size:22px}.stage-heading p{color:#77816d;font-size:12px}.stage-total{color:#79866d;justify-content:space-between;margin:18px 0 8px;font-size:10px;display:flex}.objective-list{margin:12px 0 0;padding:0;list-style:none}.objective{border-bottom:1px solid #dce0cf;gap:10px;padding:14px 0;display:flex}.objective-status{color:#a07b43;background:#e9dfc6;border:1px solid #d7c79e;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.objective.complete .objective-status{color:#5c7a48;background:#dce8ca;border-color:#bdcfaa}.objective-content{flex:1;min-width:0}.objective-title{flex-direction:column;gap:4px;display:flex}.objective-title strong{font-size:12px;line-height:1.45}.objective-title>span{color:#81916f;font-size:10px}.objective-content p{color:#7c856f;margin:8px 0;font-size:11px;line-height:1.6}.objective-content .small{margin-top:3px}.objective.suggested .objective-title strong{color:#8f602f}.objective.complete{padding:10px 0}.upcoming-note{background:#e9ecdf;border:1px dashed #c5ceb5;border-radius:8px;margin-top:18px;padding:13px}.upcoming-note p{color:#76846a;margin-top:6px;font-size:11px}.carry-note{color:#8a7c61;margin-top:10px;font-size:10px;line-height:1.6}.stage-ready{color:#617f49;margin-top:15px;font-size:12px}.roadmap-guide-link{margin:0 0 20px}@media (width<=580px){.goal{pointer-events:auto;row-gap:4px}.goal h1{font-size:17px}.goal-links{grid-column:1/-1;justify-content:space-between}.goal .goal-links .text-button{padding:3px 0;font-size:10px;display:inline-flex}.goal .next-objective{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stage-heading h3{font-size:20px}.stage-picker{gap:3px}.stage-picker button{height:33px}.objective{padding:11px 0}.panel:has(.stage-picker){max-height:calc(100dvh - 220px)}}@media (height<=650px) and (width>=581px){.goal h1{margin:8px 0;font-size:18px}.goal .goal-progress{margin-top:9px}.goal-links .text-button{padding-top:7px}}.research-list{gap:13px;margin:18px 0;display:grid}.research-card{border:1px solid var(--line);background:#ecefdf;border-radius:9px;padding:13px}.research-title{align-items:center;gap:12px;display:flex}.research-title img{object-fit:contain;flex-shrink:0;width:52px;height:52px}.research-title .eyebrow{letter-spacing:1px;margin-bottom:5px;font-size:7px}.research-card p{color:#77816d;margin:9px 0 12px;font-size:12px}.research-card .wide{flex-wrap:wrap}.researched{color:#4e7547;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.researched .text-button{padding:0}.build-card.locked{background:#e4e8d8}.build-card small{color:#76846a;margin-top:5px;font-size:10px;display:block}.build-card>span:nth-child(2){min-width:0}.build-card strong{overflow-wrap:anywhere}@media (width>=801px) and (width<=1100px){.bottom-right{display:none}.dock{margin-left:auto}.bottom-left{width:150px}}.resource[hidden]{display:none!important}.recipe-tabs{flex-wrap:wrap}.recipe-tabs button{flex:40%;min-width:0}.research-requirement{font-weight:600;color:#9a6841!important}.supply-buttons,.filter-buttons{flex-wrap:wrap}.resources,.resource{min-width:0}.resource b{white-space:nowrap}@media (width>=801px) and (width<=1200px){.resource{gap:3px;padding:0 5px}.resource .resource-art{width:18px;height:18px}.topbar{gap:9px}.brand strong{font-size:16px}.brand small{display:none}.wallet{min-width:50px}.top-actions{gap:3px}}@media (width<=800px){.copper-open .topbar{height:140px}.copper-open #world{top:140px}.copper-open .resources{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.copper-open .resource{justify-content:center;min-width:0;height:27px;padding:0 5px;display:flex}.copper-open .resource small{display:none}.copper-open .resource b{margin:0;font-size:11px}.copper-open .resource .resource-art{width:18px;height:18px}.copper-open .goal{top:153px}.copper-open .panel{max-height:calc(100dvh - 250px);top:153px}.copper-open .area-label{top:151px}.copper-open .toast{top:150px}}@media (width<=580px){.copper-open .panel{max-height:calc(100dvh - 250px);top:auto}.copper-open .toast{top:auto}.copper-open .resource.gear,.copper-open .resource.block{display:flex}}