@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');

:root{--ink:#edf0e6;--muted:#87968b;--panel:#1c2d25;--line:#ffffff12;--gold:#d8bd7c;--green:#a6be98;--rail:76px;--top:82px;--stats:84px;color-scheme:dark;font-family:'DM Sans',sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#17261f;color:var(--ink)}button,a,input,select{font:inherit}button{color:inherit;border:0;cursor:pointer;background:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);background:#17271f;display:flex;flex-direction:column;align-items:center;gap:12px;padding:23px 0 20px;z-index:10;border-right:1px solid var(--line)}.brand-mark{display:grid;place-items:center;height:38px;width:38px;color:var(--gold)}.brand-mark svg{width:34px;height:34px;stroke-width:1.2}.rail-divider{width:28px;height:1px;background:var(--line);margin:18px 0 12px}.rail-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#8b9b8e;transition:.2s}.rail-btn:hover{background:#ffffff08;color:var(--gold)}.rail-btn.active{color:var(--gold);background:#d8bd7c10;position:relative}.rail-btn.active:before{content:'';width:3px;height:22px;position:absolute;left:-16px;background:var(--gold);border-radius:3px}.rail-spacer{flex:1}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#3b4835;color:#dfd8ba;font-size:11px;border:1px solid #d7bb7c3b;margin-top:14px}.game-shell{margin-left:var(--rail);height:100%;display:flex;flex-direction:column}.topbar{height:var(--top);flex-shrink:0;display:flex;align-items:center;gap:58px;padding:0 34px;border-bottom:1px solid var(--line);background:#1a2a22;z-index:9}.wordmark{font-family:'Manrope',sans-serif;font-size:23px;letter-spacing:5px;color:var(--gold);font-weight:650}.wordmark span{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2.5px;color:#8c9a89;margin-top:6px;font-weight:500}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#98a690;font-weight:600}.city-heading{padding-left:28px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.city-heading button{padding:0;font-size:18px;text-align:left;font-weight:500}.city-heading button span{font-size:17px;color:#6b7d70;margin-left:18px}.header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.save-status{font-size:11px;color:#8e9e8d;display:flex;align-items:center;gap:7px;margin-right:6px}.save-status i{width:5px;height:5px;border-radius:50%;background:#9db695}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#9bab9d}.icon-btn:hover{background:#ffffff0c;color:var(--gold)}.resource-bar{height:var(--stats);flex-shrink:0;background:#203127;display:flex;align-items:center;padding:0 30px;z-index:8;border-bottom:1px solid #ffffff10;gap:0}.resource{display:flex;align-items:center;gap:12px;flex:1;text-align:left;height:42px;padding:0 23px;border-right:1px solid #ffffff0b;min-width:0}.resource:first-child{padding-left:4px}.resource-icon{width:33px;height:33px;display:grid;place-items:center;background:#ffffff05;border:1px solid #ffffff08;border-radius:9px}.resource-icon svg{width:18px;height:18px}.gold{color:#d6b872}.sand{color:#cfc7ab}.green{color:#a2b590}.rose{color:#c49d86}.resource small{display:block;color:#9daa98;font-size:9px;letter-spacing:1.3px;margin-bottom:4px}.resource strong{font-family:'Manrope',sans-serif;font-size:21px;font-weight:650;white-space:nowrap}.resource em{font-family:'DM Sans',sans-serif;font-size:11px;color:#889988;font-weight:400;font-style:normal;margin-left:2px}.resource-change{font-size:10px;color:#a8bc95;white-space:nowrap;margin-left:auto;align-self:flex-end;margin-bottom:3px}.resource-change.bad{color:#dba38a}.calendar{padding-left:25px;display:flex;gap:12px;align-items:center;min-width:185px}.calendar svg{color:var(--gold);width:24px;height:24px}.calendar strong{font-size:11px;font-weight:500;display:block}.calendar small{font-size:10px;display:block;margin-top:4px;color:#8e9e8c}.world{position:relative;flex:1;min-height:0;overflow:hidden;background:#869584}#map{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#map:active{cursor:grabbing}.world:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#172b2326,transparent 20%,transparent 60%,#13281f44);z-index:1}.map-label{position:absolute;top:27px;left:30px;font-size:8px;letter-spacing:1.8px;color:#243e2e;font-weight:700;display:flex;align-items:center;gap:8px;z-index:2}.map-label i{width:5px;height:5px;background:#33563f;border-radius:50%;box-shadow:0 0 0 4px #47674018}.map-label span{display:block;font-size:11px;font-weight:450;letter-spacing:0;color:#3d5842;position:absolute;top:20px;left:13px;width:300px}.map-coordinates{position:absolute;top:28px;right:31px;color:#304b39;letter-spacing:2px;font-size:9px;font-weight:700;z-index:2}.map-coordinates span{font-weight:400;font-size:8px;margin-left:12px;letter-spacing:1px}.mission-card{position:absolute;top:78px;right:26px;width:270px;background:#1c2e25ed;border:1px solid #e1d5a81e;border-radius:15px;padding:21px 20px 0;box-shadow:0 15px 50px #18302425;z-index:3;backdrop-filter:blur(18px)}.mission-top{display:flex;align-items:center;justify-content:space-between}.mission-top .eyebrow{color:var(--gold);font-size:8px;letter-spacing:1.8px}.mission-top>span:last-child{font-size:9px;color:#758872}.mission-card h1{font-family:'Manrope',sans-serif;font-size:19px;letter-spacing:-.6px;font-weight:550;margin:16px 0 8px}.mission-card>p{color:#a0ae9c;font-size:11px;line-height:1.7;margin:0 0 22px}.mission-goal{margin:13px 0}.goal-line{font-size:10px;color:#b6c3af;display:flex;justify-content:space-between;align-items:center;gap:5px}.goal-line span:last-child{font-size:9px;color:#a4b795;white-space:nowrap}.goal-track{margin-top:8px;background:#ffffff08;height:3px;border-radius:3px;overflow:hidden}.goal-fill{height:100%;background:#bca770;border-radius:3px;transition:width .5s}.goal-fill.complete{background:#9cb68c}.mission-reward{margin-top:21px;padding:14px 0;border-top:1px solid #ffffff0d;display:flex;align-items:center;gap:8px;color:#a6b398;font-size:10px}.mission-reward>svg{color:var(--gold);width:16px}.mission-reward span strong{display:block;color:#d0c192;font-size:11px;font-weight:500;margin-top:3px}.mission-reward button{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;background:#d8bd7c;color:#1c2e25;border-radius:8px}.mission-reward button:disabled{background:#ffffff06;color:#70836f}.mission-reward button svg{width:15px}.advisor{position:absolute;top:85px;left:28px;max-width:280px;display:flex;gap:10px;border-left:2px solid #bfb07c;background:#e9e6d7d9;color:#36503c;padding:13px 25px 13px 12px;border-radius:0 10px 10px 0;z-index:3;box-shadow:0 4px 16px #243c2610}.advisor-symbol{width:25px;height:25px;display:grid;place-items:center;color:#677753;background:#5566410d;border-radius:50%;margin-top:2px;flex-shrink:0}.advisor-symbol svg{width:15px;height:15px}.advisor .eyebrow{color:#687859;font-size:8px;letter-spacing:1.4px}.advisor p{font-size:11px;line-height:1.6;margin:5px 0 0}.advisor button{position:absolute;right:6px;top:6px;color:#798671;font-size:16px}.world-controls{position:absolute;right:27px;bottom:226px;display:flex;flex-direction:column;align-items:center;background:#1d3029eb;border:1px solid #d8c88a1a;padding:5px 3px;border-radius:10px;z-index:3;box-shadow:0 6px 24px #203a2520}.world-controls button{width:32px;height:32px;display:grid;place-items:center;color:#c2cbb4}.world-controls svg{width:15px;height:15px}.world-controls span{height:1px;width:17px;background:#ffffff15;margin:3px}.time-control{position:absolute;left:28px;bottom:225px;display:flex;align-items:center;gap:3px;background:#1c2e25ed;z-index:3;border:1px solid #d8c88a1a;border-radius:10px;padding:5px;box-shadow:0 6px 24px #203a2520;height:38px}.time-control>button{width:30px;height:26px;border-radius:5px;font-size:11px;color:#9caf96}.time-control #pause{font-size:16px;color:var(--gold);border-right:1px solid #ffffff10;border-radius:0;line-height:1}.time-control .speed.active{background:#d8bd7c18;color:var(--gold)}.time-indicator{display:flex;align-items:center;gap:6px;padding:0 10px;font-size:9px;color:#96a68d}.time-indicator i{width:4px;height:4px;background:#a0b48b;border-radius:50%}.events-button{position:absolute;right:82px;bottom:235px;display:flex;align-items:center;gap:8px;font-size:10px;color:#d6e0c8;text-shadow:0 1px 5px #14291fcc;z-index:3}.events-button svg{width:15px;height:15px}.events-button i{width:5px;height:5px;background:var(--gold);border-radius:50%}.selection-hint{position:absolute;left:50%;top:22px;transform:translateX(-50%);background:#1c2e25ed;border:1px solid #d8bd7c55;color:#e5d8b5;font-size:11px;padding:12px 12px 12px 18px;border-radius:10px;z-index:5;display:flex;align-items:center;gap:18px;white-space:nowrap}.selection-hint button{font-size:20px;color:#c8b789;line-height:1}.build-dock{position:absolute;bottom:25px;left:28px;right:27px;z-index:4;background:#1c2d25f5;border:1px solid #d9ce991b;border-radius:16px;box-shadow:0 15px 55px #1d362e30;backdrop-filter:blur(18px);overflow:hidden;max-width:1300px;margin:auto}.dock-header{height:49px;display:flex;align-items:center;padding:0 19px;border-bottom:1px solid #ffffff0a;gap:24px}.dock-title{display:flex;align-items:center;gap:9px;font-size:11px;color:#c9d1bc;white-space:nowrap}.dock-title svg{width:17px;height:17px;color:#c3ad75}.build-tabs{display:flex;gap:22px;height:100%;align-items:center;flex:1}.build-tabs button{font-size:10px;padding:0;height:100%;position:relative;color:#92a48c}.build-tabs button.active{color:var(--gold)}.build-tabs button.active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0;border-radius:2px}.dock-header #demolish{font-size:22px;color:#879b83;padding:4px 8px;border-left:1px solid #ffffff10}.dock-header #demolish.active{color:#eeb0a0;background:#a261481f}.building-list{display:flex;gap:8px;padding:12px 16px 9px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a591622e transparent}.building-card{position:relative;flex:1;min-width:105px;max-width:190px;display:flex;align-items:center;text-align:left;gap:7px;border:1px solid #ffffff0b;border-radius:9px;background:#ffffff025;padding:4px 10px 4px 3px;height:66px;transition:background .15s,border-color .15s}.building-card:hover{background:#ffffff07;border-color:#d8bd7c40}.building-card.selected{border-color:#d8bd7c;background:#d8bd7c10;box-shadow:0 0 0 1px #d8bd7c15}.building-card.locked{opacity:.5}.building-card img{width:58px;height:58px;object-fit:contain;flex-shrink:0;image-rendering:auto}.building-card strong{font-size:10px;font-weight:500;display:block;white-space:nowrap;color:#d4dac7}.building-card small{font-size:10px;color:#c3ac79;display:block;margin-top:5px;white-space:nowrap}.building-card small span{font-size:8px;color:#84977e;margin-left:2px}.building-card .lock-label{position:absolute;top:4px;right:5px;font-size:7px;color:#b6c3a8}.dock-footer{padding:0 19px 11px;display:flex;justify-content:space-between;font-size:9px;color:#8fa084;gap:8px}.dock-footer>span:first-child{display:flex;align-items:center;gap:7px}.dock-footer i{width:4px;height:4px;border-radius:50%;background:#afba91;flex-shrink:0}.materials{display:flex;gap:5px;white-space:nowrap}.materials b{font-weight:500;color:#c3cbb4}.materials>span{margin:0 5px;color:#657a60}.toast-stack{position:absolute;bottom:284px;left:28px;z-index:12;display:flex;flex-direction:column;gap:7px;pointer-events:none;max-width:330px}.toast{border-radius:9px;background:#20372ff5;border:1px solid #c6b97b30;color:#e6e6cf;padding:12px 15px;font-size:11px;line-height:1.6;box-shadow:0 8px 25px #15332322;animation:toast-in .2s ease-out;pointer-events:auto}.toast.danger{border-color:#d7957444;background:#412f25f5}.toast.good{border-color:#b6c68a44}.toast strong{display:block;color:var(--gold);font-size:11px;margin-bottom:2px}.toast.danger strong{color:#e7ad8f}@keyframes toast-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.inspector{position:absolute;left:28px;top:82px;width:275px;background:#1c2e25f5;z-index:6;border:1px solid #d8c88a2e;border-radius:13px;padding:18px;box-shadow:0 8px 40px #172f3333;max-height:calc(100% - 330px);overflow:auto}.inspector-head{display:flex;align-items:center;gap:10px}.inspector-head img{width:60px;height:60px}.inspector-head h2{font-size:17px;font-family:'Manrope',sans-serif;font-weight:500;margin:5px 0}.inspector-head small{font-size:9px;letter-spacing:1px;color:#d4bd83}.inspector-close{position:absolute;top:8px;right:9px;font-size:21px;color:#93a589}.inspector>p{font-size:11px;line-height:1.7;color:#a9b69e;margin:14px 0}.status-tag{font-size:9px;padding:6px 8px;border-radius:5px;background:#9cb88610;color:#bdccaa;display:block;margin:12px 0}.status-tag.bad{background:#d3876515;color:#deab87}.service-row,.info-row{font-size:10px;display:flex;justify-content:space-between;gap:10px;margin:10px 0;color:#a9b59e}.service-row span:last-child{color:#aebf8f}.service-row.missing span:last-child{color:#b77e68}.info-row strong{font-weight:500;color:#d6dbc5}.inspector .action-button{width:100%;margin-top:12px}.mobile-nav{display:none}dialog{position:fixed;margin:auto;border:1px solid #d3bd7733;background:#1b2d24;color:var(--ink);border-radius:20px;max-width:640px;width:calc(100% - 36px);max-height:calc(100% - 60px);padding:0;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#132019aa;backdrop-filter:blur(6px)}.dialog-inner{padding:33px;position:relative}.dialog-close{position:absolute;right:15px;top:15px}.panel-eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold)}.panel-title{font-family:'Manrope',sans-serif;font-weight:500;letter-spacing:-1px;font-size:30px;margin:13px 0}.panel-intro{font-size:12px;line-height:1.8;color:#a2b299;margin-bottom:24px}.panel-section-title{font-size:11px;letter-spacing:.5px;color:#d7d9bd;margin:24px 0 12px;font-weight:500}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.panel-stat{padding:16px;background:#ffffff04;border:1px solid #ffffff09;border-radius:10px}.panel-stat span{font-size:9px;color:#8fa285;display:block;line-height:1.5}.panel-stat strong{font-family:'Manrope',sans-serif;font-size:23px;color:#d0bf8a;display:block;margin-top:7px;font-weight:500}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}.coverage-row{margin:8px 0}.coverage-row>div:first-child{display:flex;justify-content:space-between;color:#b8c4ab;font-size:11px}.coverage-row .goal-track{height:4px}.action-button{background:var(--gold);color:#203025;border-radius:8px;padding:12px 17px;font-size:11px;font-weight:600;transition:.15s}.action-button:hover{background:#e9d09a}.action-button.secondary{background:#ffffff06;color:#bbc8ad;border:1px solid #ffffff12}.action-button.danger{color:#e4ac8f;background:#b46e5015;border:1px solid #b46e5033}.button-row{display:flex;gap:10px;margin:22px 0 0;flex-wrap:wrap}.control-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff08;padding:15px 0;font-size:12px}.control-row>div strong{font-weight:500;display:block}.control-row small{display:block;font-size:10px;line-height:1.6;color:#8fa084;margin-top:3px}.stepper{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--gold)}.stepper button{background:#ffffff07;border:1px solid #ffffff09;border-radius:6px;width:28px;height:28px;color:#b3c1a7;font-size:16px}.trade-table{width:100%;font-size:11px;border-collapse:collapse}.trade-table th{color:#82987c;text-align:left;font-size:9px;font-weight:400;padding:10px 0}.trade-table td{padding:12px 0;border-top:1px solid #ffffff0a;color:#bcc8ae}.trade-table select{background:#253b2e;color:#d0d7be;padding:7px 8px;border-radius:6px;border:1px solid #ffffff10;font-size:10px;max-width:110px}.event-list{list-style:none;padding:0;margin:16px 0}.event-entry{padding:16px 0;border-bottom:1px solid #ffffff0a;position:relative;padding-left:18px}.event-entry:before{content:'';position:absolute;left:0;top:21px;width:5px;height:5px;background:var(--gold);border-radius:50%}.event-entry.danger:before{background:#d79475}.event-entry.good:before{background:#b4c889}.event-entry strong{font-weight:500;font-size:12px;display:block;color:#d3dbc0}.event-entry p{font-size:11px;line-height:1.7;color:#99ac8d;margin:6px 0}.event-entry small{font-size:9px;color:#708769}.help-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;margin-top:22px}.help-step>span{font-family:'Manrope',sans-serif;font-size:11px;color:var(--gold);border:1px solid #d8bd7c33;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.help-step h3{font-size:13px;font-weight:500;margin:12px 0 7px}.help-step p{font-size:11px;color:#9eb094;line-height:1.8;margin:0}.keyboard-note{background:#ffffff04;color:#91a386;font-size:10px;line-height:1.8;border-radius:8px;padding:12px;margin-top:22px}.text-input{width:100%;padding:13px 14px;margin:10px 0;background:#ffffff06;border:1px solid #ffffff16;border-radius:8px;font-size:15px;color:#e1dec8}.warning-text{color:#d4a78b;font-size:11px;line-height:1.7}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scenario-grid button{background:#ffffff05;border:1px solid #ffffff10;border-radius:8px;padding:12px 6px;font-size:10px;color:#bfcbb2}.scenario-grid button:hover{border-color:#dba37c50;background:#b7724c10}.finish-legacy{font-size:11px;color:#9caf8e;line-height:1.7}.mission-panel{padding:15px 0;border-bottom:1px solid #ffffff0a}.mission-panel h3{font-size:13px;font-weight:500;color:#dac993;margin:5px 0}.mission-panel p{font-size:11px;color:#90a184;line-height:1.7}.mission-panel.completed{opacity:.65}.mobile-only{display:none}
@media(min-width:1600px){.resource{max-width:310px}.calendar{margin-left:auto}.mission-card{width:290px;right:36px;top:92px}.build-dock{bottom:32px}.map-label{top:32px}.advisor{top:92px}.world-controls{bottom:240px}.time-control{bottom:240px}.events-button{bottom:250px}.toast-stack{bottom:292px}}
@media(max-width:1200px){:root{--rail:64px;--top:72px;--stats:77px}.topbar{padding:0 24px;gap:30px}.resource-bar{padding:0 23px}.resource{padding:0 14px;gap:9px}.resource-change{display:none}.calendar{min-width:172px;padding-left:18px}.mission-card{width:242px;right:21px;top:76px;padding:18px 17px 0}.mission-card h1{font-size:17px}.mission-card>p{font-size:10px;margin-bottom:18px}.advisor{max-width:240px;left:22px}.dock-header{gap:22px}.dock-title{font-size:10px}.build-tabs{gap:20px}.build-dock{left:22px;right:21px}.building-card{min-width:106px}.building-card img{width:48px;height:48px}.building-card strong{font-size:9px}.building-list{gap:7px}.map-label{left:24px}.map-coordinates{right:25px}.world-controls{right:21px}.time-control{left:22px}.toast-stack{left:22px}}
@media(max-width:950px){.resource strong{font-size:18px}.resource-icon{display:none}.resource{padding:0 14px}.calendar{min-width:157px}.wordmark{font-size:21px}.city-heading{padding-left:22px}.topbar{gap:22px}.save-status{display:none}.dock-title{display:none}.building-card{min-width:98px;padding-right:7px}.building-card img{width:44px;height:44px}.building-list{padding-left:12px;padding-right:12px}.mission-card{width:220px}.advisor{max-width:216px}.advisor p{font-size:10px}.events-button{max-width:160px}.map-coordinates span{display:none}}
@media(max-height:760px) and (min-width:761px){.mission-card{top:70px}.mission-card>p{margin-bottom:12px}.mission-card h1{margin-top:12px}.mission-goal{margin:10px 0}.mission-reward{margin-top:14px;padding:11px 0}.build-dock{bottom:18px}.dock-header{height:41px}.building-card{height:57px}.building-list{padding-top:9px}.world-controls,.time-control{bottom:197px}.events-button{bottom:207px}.toast-stack{bottom:250px}.inspector{max-height:calc(100% - 280px)}}
@media(max-width:760px){:root{--rail:0px;--top:64px;--stats:70px}.rail{display:none}.game-shell{margin:0}.topbar{padding:0 18px;gap:16px}.wordmark{font-size:18px;letter-spacing:3px}.wordmark span{font-size:6px;letter-spacing:1.2px;margin-top:5px}.city-heading{padding-left:16px}.city-heading .eyebrow{font-size:7px;letter-spacing:1px}.city-heading button{font-size:14px}.city-heading button span{margin-left:8px}.header-actions{gap:3px}.header-actions button:first-of-type{display:none}.header-actions .icon-btn{width:28px}.header-actions svg{width:18px}.resource-bar{padding:0 13px;height:70px;gap:0}.resource{padding:0 10px;gap:0;height:38px;flex:1}.resource:first-child{padding-left:4px}.resource:last-of-type{border:0}.resource small{font-size:7px;letter-spacing:.7px;margin-bottom:5px}.resource strong{font-size:17px;letter-spacing:-.5px}.resource em{font-size:8px;margin-left:2px}.calendar{display:none}.world{overflow:hidden}.map-label{left:18px;top:19px;font-size:7px;letter-spacing:1.2px}.map-label span{font-size:10px;top:17px;width:270px}.map-coordinates{display:none}.mission-card{top:63px;right:15px;width:178px;padding:14px 13px 0;border-radius:12px;opacity:.95}.mission-top .eyebrow{font-size:6px;letter-spacing:1.2px}.mission-top>span:last-child{font-size:7px}.mission-card h1{font-size:14px;line-height:1.4;margin:10px 0 6px}.mission-card>p{display:none}.mission-goal{margin:10px 0}.goal-line{font-size:8px;line-height:1.6}.goal-line span:last-child{font-size:7px}.goal-track{height:2px;margin-top:5px}.mission-reward{margin-top:13px;padding:10px 0;font-size:8px;gap:6px}.mission-reward>svg{width:13px}.mission-reward span strong{font-size:9px}.mission-reward button{width:24px;height:24px;border-radius:6px}.advisor{top:auto;bottom:228px;left:15px;max-width:calc(100% - 85px);padding:9px 23px 9px 10px;border-radius:0 8px 8px 0;background:#e9e6d7ed}.advisor p{font-size:10px;line-height:1.55;margin-top:4px}.advisor .eyebrow{font-size:7px}.advisor-symbol{width:22px;height:22px}.advisor button{font-size:15px}.world-controls{right:15px;bottom:225px;padding:3px 1px;border-radius:9px}.world-controls button{width:30px;height:29px}.world-controls svg{width:14px}.time-control{left:15px;bottom:183px;height:31px;padding:3px;gap:1px;border-radius:8px}.time-control>button{height:23px;width:25px;font-size:10px}.time-control #pause{font-size:14px}.time-indicator{font-size:8px;padding:0 7px}.events-button{display:none}.build-dock{left:10px;right:10px;bottom:10px;border-radius:13px}.dock-header{height:41px;padding:0 13px;gap:12px}.build-tabs{gap:19px;overflow:auto;scrollbar-width:none}.build-tabs button{font-size:10px;white-space:nowrap;flex-shrink:0}.dock-header #demolish{font-size:20px;padding:3px 0 3px 10px}.building-list{padding:10px 11px 7px;gap:7px}.building-card{flex:none;min-width:100px;height:61px;padding-left:0;gap:2px;max-width:none}.building-card img{width:45px;height:45px}.building-card strong{font-size:9px}.building-card small{font-size:9px}.building-card small span{font-size:7px}.dock-footer{padding:3px 13px 10px;font-size:8px}.dock-footer>span:first-child{max-width:60%;line-height:1.5}.materials{font-size:8px;align-items:center;gap:3px}.materials>span{margin:0 1px}.mobile-nav{display:flex;height:57px;flex-shrink:0;align-items:center;justify-content:space-around;border-top:1px solid #ffffff08;background:#1b2c23;padding-bottom:env(safe-area-inset-bottom);height:calc(57px + env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8px;color:#a1b193;min-width:60px}.mobile-nav button svg{width:18px;height:18px;stroke-width:1.4}.selection-hint{top:11px;max-width:calc(100% - 24px);padding:10px 11px 10px 14px;font-size:10px;gap:10px;white-space:normal;line-height:1.5;width:max-content}.selection-hint button{flex-shrink:0}.toast-stack{left:15px;bottom:270px;max-width:calc(100% - 80px)}.toast{padding:10px 12px;font-size:10px}.toast strong{font-size:10px}.inspector{left:15px;top:62px;width:calc(100% - 30px);max-height:calc(100% - 260px);padding:15px}.inspector-head h2{font-size:17px}.inspector>p{font-size:11px}.service-row,.info-row{font-size:11px}.dialog-inner{padding:26px 23px}.panel-title{font-size:26px;margin-top:13px}.panel-intro{font-size:11px}.panel-stat{padding:12px}.panel-stat strong{font-size:20px}.panel-stat span{font-size:8px}.help-steps{gap:16px}.help-step h3{font-size:12px}.help-step p{font-size:10px}.help-step>span{width:22px;height:22px}.panel-stats{gap:7px}.coverage-grid{gap:6px 18px}.control-row{font-size:11px}.trade-table{font-size:10px}.trade-table select{font-size:9px;padding:6px 4px;max-width:91px}.scenario-grid{grid-template-columns:repeat(2,1fr)}.mobile-only{display:block}.desktop-only{display:none}}
@media(max-width:380px){.topbar{padding:0 13px;gap:12px}.wordmark{font-size:16px;letter-spacing:2.5px}.city-heading{padding-left:12px}.city-heading button{font-size:13px}.city-heading .eyebrow{font-size:6px}.build-tabs{gap:13px}.resource{padding:0 8px}.resource strong{font-size:16px}.resource em{display:none}.mission-card{width:166px}.time-indicator{display:none}.advisor{max-width:calc(100% - 72px)}.dock-footer>span:first-child{max-width:54%}}
#mission-toggle{display:none}#mission-number{font-size:9px;color:#758872}.mobile-date{display:none}.stepper>span{white-space:nowrap}
@media(max-width:760px){#mission-toggle{display:grid;place-items:center;width:23px;height:23px;margin:-7px -5px -7px 5px;font-size:15px;color:#c7bc8e}.mission-top>#mission-number{margin-left:auto;font-size:7px;color:#829579}.mission-card.minimized{padding-bottom:14px}.mission-card.minimized>h1,.mission-card.minimized>p,.mission-card.minimized>#mission-goals,.mission-card.minimized>.mission-reward{display:none}.mobile-date{display:block;position:absolute;right:17px;top:17px;z-index:2;font-size:8px;color:#3a5740}}
/* Keep navigation clear of the Senate card on short desktop viewports. */
@media(min-width:761px){.world-controls{flex-direction:row;height:38px;padding:3px 5px;bottom:225px}.world-controls span{width:1px;height:17px;margin:0 4px}.world-controls button{height:30px;width:30px}.events-button{right:152px}}
@media(max-height:760px) and (min-width:761px){.mission-card{top:64px;padding-top:15px}.mission-card>p{display:none}.mission-card h1{margin:11px 0 16px}.mission-reward{margin-top:15px}.world-controls{bottom:197px;right:290px}.events-button{top:46px;bottom:auto;right:27px}.inspector{top:68px}}
@media(max-height:650px) and (min-width:761px){.mission-card{padding:13px 17px 0;top:62px}.mission-card h1{font-size:15px;margin:10px 0 13px}.mission-goal{margin:9px 0}.goal-track{margin-top:6px}.mission-reward{padding:10px 0;margin-top:13px}}
@media(max-width:760px) and (max-height:740px){.mission-card{top:55px}.advisor{display:none}.mission-card h1{font-size:12px}.mission-goal{margin:7px 0}.mission-reward{margin-top:9px;padding:8px 0}.world-controls{bottom:223px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}