:root{--ink:#263d34;--green:#1e4c3c;--green2:#397b60;--sage:#dce5d7;--paper:#f5f4ec;--line:#e0e3d8;--muted:#7a867a;--gold:#c19e61;--red:#b36755;--radius:12px;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.43}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}input,select,textarea{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #90baa0;outline-offset:3px}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h3{font-size:15px}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--green2)}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}.muted{color:var(--muted);font-size:13px;line-height:1.6}.tiny{font-size:11px}.positive{color:var(--green2)!important}.negative{color:var(--red)!important}.currency{font-size:.78em;opacity:.7}.right{float:right}.full{width:100%}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#559273;flex-shrink:0}.offline{background:#c6795f}.live-dot{width:7px;height:7px;display:block;border-radius:50%;background:#599274;box-shadow:0 0 0 4px #6dab8015;flex-shrink:0}[hidden]{display:none!important}
.button{border:1px solid var(--green);background:var(--green);color:#f8f5e8;min-height:42px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.button:hover:not(:disabled){background:#30684f;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--green);border-color:#cfd8c9}.button.secondary:hover:not(:disabled){background:#e6edde}.button.small{padding:7px 10px;min-height:31px;font-size:11px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;width:34px;height:34px;border-radius:7px;color:#6c7d6d}.icon-button:hover,.icon-button.active{background:#e0e8dc;color:var(--green)}.text-button{background:transparent;border:0;padding:5px 0;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--green2)}.text-button:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.6px;border:1px solid #d9e0d2;border-radius:30px;padding:7px 10px;color:var(--green2);font-weight:600}.brand{display:flex;align-items:center;gap:13px;color:var(--green);white-space:nowrap}.brand>div:last-child{font-weight:700;font-size:24px;letter-spacing:2px}.brand span{font-weight:300;margin-left:3px}.brand small{display:block;font-size:8px;letter-spacing:2.1px;font-weight:500;margin-top:5px;color:var(--muted)}.brand-mark{width:51px;height:51px;border-radius:13px;background:var(--green);color:#e4edd8;display:grid;place-items:center;flex-shrink:0}.brand.small{gap:9px}.brand.small .brand-mark{width:37px;height:37px;border-radius:10px}.brand.small>div:last-child{font-size:17px;letter-spacing:1.5px}.brand.small small{font-size:6px;letter-spacing:1.4px;margin-top:3px}
label{display:block;font-size:12px;font-weight:600;margin-bottom:17px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{display:block;width:100%;border:1px solid #d9ded2;background:#fbfcf5;border-radius:7px;padding:11px 13px;min-height:41px;color:var(--ink);font-size:13px;margin-top:7px}input::placeholder,textarea::placeholder{color:#9bA594;font-weight:400}select{cursor:pointer}input[type=range]{width:100%;accent-color:var(--green2)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green2);flex-shrink:0}.input-row{display:flex;align-items:center;gap:8px}.input-row input,.input-row select{margin:0;min-width:0;flex:1}.input-row .button{flex-shrink:0}.form-error{color:var(--red);font-size:12px;margin:8px 0;min-height:16px}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.boot h1{font-size:23px;letter-spacing:4px}.boot p{color:var(--muted);font-size:13px}
.welcome{min-height:100dvh;display:grid;grid-template-columns:44% 56%;overflow:hidden}.welcome-left{display:flex;flex-direction:column;padding:48px 10% 32px 11%;position:relative;z-index:1}.welcome-title{margin-top:auto;margin-bottom:auto;padding:55px 0}.welcome-title h1{font-size:clamp(40px,4.7vw,76px);line-height:1.03;letter-spacing:-2.5px;margin:22px 0}.welcome-title p{font-size:15px;line-height:1.8;color:#758272}.welcome-bottom{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.welcome-right{position:relative;display:flex;align-items:center;justify-content:center;background:#aec7bc;isolation:isolate}.welcome-right canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.welcome-gradient{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#2551434d,transparent 60%,#b9d1c660)}.login-card{width:min(370px,85%);padding:30px;border:1px solid #f8f9edc4;background:#f7f7edee;border-radius:16px;box-shadow:0 20px 60px #23493f25;backdrop-filter:blur(15px);margin:120px 0 50px}.login-card h2{font-size:23px;letter-spacing:-.6px;margin:17px 0 8px}.login-card>p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:22px}.login-card .button{width:100%;justify-content:space-between}.login-card>small{display:block;text-align:center;font-size:10px;line-height:1.7;color:#8b9785;margin-top:16px}.art-caption{position:absolute;bottom:31px;left:30px;right:30px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;color:#f0f3e7}
.lobby{min-height:100dvh;max-width:1500px;margin:auto;padding:0 5%}.lobby-header{height:98px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.lobby-user{display:flex;align-items:center;gap:19px;font-size:13px}.lobby-user>span{display:flex;gap:9px;align-items:center}.lobby-body{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:55px 0 35px}.lobby-intro .eyebrow{font-size:10px}.lobby-intro h1{font-size:clamp(42px,4.7vw,68px);line-height:1.07;letter-spacing:-2px;margin:22px 0}.lobby-intro>p{line-height:1.8;color:#7a8777;font-size:14px}.lobby-art{width:100%;height:310px;border-radius:20px;overflow:hidden;margin-top:30px;mask-image:linear-gradient(to bottom,#000 82%,transparent);background:#b3cacf}.lobby-art canvas{height:100%;width:100%;pointer-events:none}.lobby-panel{max-width:580px;padding:0 0 10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px}.section-heading h2{font-size:20px;letter-spacing:-.4px}.section-heading>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.terrain-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:19px}.terrain-card{border:1px solid var(--line);border-radius:9px;padding:7px 7px 12px;cursor:pointer;margin:0;position:relative}.terrain-card:has(input:checked){border-color:#658d6c;background:#edf1e5;box-shadow:0 0 0 1px #658d6c}.terrain-card input{position:absolute;opacity:0;top:12px;left:12px}.terrain-card:focus-within{outline:3px solid #90baa0;outline-offset:2px}.terrain-card strong,.terrain-card small{display:block;padding:0 5px}.terrain-card strong{font-size:12px;margin-top:9px}.terrain-card small{font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.terrain{display:block;height:68px;border-radius:5px;background:#a7ba97;overflow:hidden;position:relative}.terrain:before{content:"";display:block;position:absolute}.terrain.river:before{background:#81bccc;height:140px;width:26px;transform:rotate(30deg);left:47%;top:-32px;border-left:4px solid #bfd0ac;border-right:4px solid #bfd0ac}.terrain.coast:before{background:#81bccc;inset:0 0 0 48%;transform:skew(-15deg);border-left:5px solid #d2c9a5}.terrain.valley:before{width:120px;height:90px;right:-20px;bottom:-62px;transform:rotate(25deg);background:#718f70;border-radius:10px}.terrain:after{content:"";position:absolute;left:18px;top:22px;width:6px;height:14px;background:#547f60;box-shadow:19px 17px #668f66,9px 22px #517b59,27px -10px #7a9d70;transform:rotate(25deg);border-radius:50%}.saved-heading{margin-top:35px;margin-bottom:13px}.saved-heading h2{font-size:17px}.city-list{max-height:220px;overflow:auto}.city-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 0}.city-avatar{width:40px;height:40px;background:#e7edde;color:#719171;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.city-row-info{flex:1;min-width:0}.city-row-info strong{display:block;font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.city-row-info span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.city-row .icon-button{width:23px}.empty-cities{padding:22px 15px;display:flex;gap:11px;align-items:center;border:1px dashed #d0daca;border-radius:9px;color:#8a9885;font-size:12px}.invite-entry{margin-top:25px}.invite-entry label{font-size:11px;color:var(--muted)}.invite-entry .input-row{margin-top:8px}.lobby-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:22px 0;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.lobby-footer span{font-size:10px;letter-spacing:0}
.game{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.game-header{height:75px;min-height:75px;padding:0 23px;display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line)}.brand-button{border:0;background:transparent;padding:0}.city-title{border-left:1px solid var(--line);padding-left:23px}.city-title .eyebrow{font-size:7px;letter-spacing:1.5px;display:block}.city-name{font-size:15px;background:transparent;border:0;padding:4px 0;display:flex;align-items:center;gap:10px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-nav{margin-left:auto;display:flex;gap:6px;align-items:center}.main-nav>button{display:flex;align-items:center;gap:7px;font-size:11px;border:0;background:transparent;padding:9px 11px;border-radius:7px;white-space:nowrap}.main-nav>button:hover{background:#e9eee0}.main-nav b{background:#e1e9d9;font-weight:600;font-size:9px;padding:2px 5px;border-radius:5px}.city-stats{height:98px;min-height:98px;display:grid;grid-template-columns:1.3fr 1.1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid var(--line);padding:19px 8px 17px 23px;background:#fafbf4}.stat{padding:0 21px;border-right:1px solid var(--line);min-width:0}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat>span{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.4px;color:var(--muted);font-weight:600}.stat>strong{font-size:23px;letter-spacing:-.5px;display:block;margin:5px 0 2px;white-space:nowrap}.stat>small{font-size:10px;color:var(--muted)}.stat-unit{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}.utility-stat>strong{font-size:16px;margin:10px 0 8px}.meter{height:3px;border-radius:3px;background:#e0e6d7;overflow:hidden}.meter i{display:block;height:100%;background:#aaa468}.meter.blue i{background:#88adb9}.date-stat>strong{font-size:16px;margin:6px 0}.time-controls{display:flex;gap:3px}.time-controls button{background:transparent;border:0;border-radius:4px;font-size:9px;padding:3px 7px;min-width:23px;height:19px;color:var(--muted)}.time-controls button.active{background:#dfe8d8;color:var(--green)}.game-workspace{display:flex;flex:1;min-height:0;position:relative}.build-panel{width:240px;flex-shrink:0;background:#f7f8ef;border-right:1px solid var(--line);display:flex;flex-direction:column}.panel-title{height:80px;min-height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.panel-title .eyebrow{font-size:7px;letter-spacing:1.4px}.panel-title h2{font-size:21px;letter-spacing:-.5px;margin-top:5px}.build-tabs{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 9px 0}.build-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#8c9987;padding:9px 5px 11px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:8px;min-width:40px}.build-tabs button.active{border-color:#5b8b68;color:var(--green)}.tools-list{overflow-y:auto;flex:1;min-height:100px;padding:11px 12px}.tool{display:flex;width:100%;text-align:left;gap:10px;align-items:center;padding:10px 7px;border:1px solid transparent;background:transparent;border-radius:9px;margin-bottom:4px;min-height:64px}.tool:hover:not(:disabled){background:#edf1e5}.tool.selected{background:#e4ecdc;border-color:#aabc9e}.tool.locked{opacity:.5}.tool>svg{color:#8d9b85;margin-left:auto}.tool-icon{display:grid;place-items:center;width:35px;height:35px;background:#e2e9d8;color:#6f8c69;border-radius:8px;flex-shrink:0}.tool-icon.residential{background:#dcebdc;color:#658e6b}.tool-icon.commercial{background:#ddeaf0;color:#6a95a7}.tool-icon.industrial{background:#eee6d0;color:#a89960}.tool-name{min-width:0}.tool-name strong{display:block;font-size:12px;line-height:1.3;font-weight:600}.tool-name small{display:block;font-size:9px;color:#85917d;margin-top:5px}.tool-detail{padding:15px 19px;border-top:1px solid var(--line);min-height:102px}.tool-detail .eyebrow{font-size:8px;letter-spacing:1.4px;color:#648469}.tool-detail p{font-size:11px;line-height:1.65;color:#82917a;margin-top:6px}.tool-detail>div{font-size:10px;color:#69825f;margin-top:8px}.budget-button{display:flex;align-items:center;gap:9px;border:0;border-top:1px solid var(--line);background:#eef1e5;width:100%;padding:17px 16px;font-size:11px;font-weight:600}.budget-button>svg:last-child{margin-left:auto}.budget-button:hover{background:#e2e9d7}.map-section{flex:1;min-width:0;position:relative;overflow:hidden;background:#b3cacf}.map-section canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.map-section canvas:active{cursor:grabbing}.map-top{position:absolute;top:20px;left:20px;right:17px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;gap:15px}.map-label{display:flex;align-items:center;gap:8px;background:#f5f8ebdf;padding:11px 13px;border-radius:7px;box-shadow:0 3px 12px #244a4120;font-size:11px;flex-wrap:wrap;max-width:220px}.map-label small{font-size:6px;letter-spacing:1.5px;color:var(--muted);display:block;flex-basis:100%;margin-left:14px}.map-buttons{display:flex;gap:6px;pointer-events:auto}.map-buttons button{background:#f5f8ebed;box-shadow:0 3px 12px #244a4120;width:31px;height:31px}.map-buttons button.active{background:#dbe7d2}.map-buttons svg{width:17px}.map-bottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.view-options,.zoom-options{display:flex;align-items:center;background:#f4f8eaf2;border-radius:7px;box-shadow:0 3px 12px #244a4120;pointer-events:auto}.view-options{padding-left:10px;gap:5px;color:#798c73}.view-options select{border:0;margin:0;font-size:10px;background:transparent;padding:8px 27px 8px 5px;min-height:33px}.zoom-options button{background:transparent;border:0;padding:10px;display:flex;color:#6e8467}.zoom-options button:hover{background:#e1e9d7}.map-legend{position:absolute;top:81px;left:20px;background:#f4f8eaf2;padding:12px;border-radius:8px;width:137px}.map-legend>span{font-size:10px;font-weight:600}.legend-gradient{margin-top:10px;height:5px;background:linear-gradient(90deg,#d47761,#debc66,#4da878);border-radius:3px}.legend-gradient.inverse{background:linear-gradient(90deg,#4da878,#debc66,#c8564c)}.map-legend>div:last-child{display:flex;justify-content:space-between;font-size:9px;margin-top:5px;color:var(--muted)}.connection-overlay{position:absolute;inset:0;background:#eff3e9de;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;text-align:center;z-index:5;padding:30px}.connection-overlay strong{font-size:19px}.connection-overlay>span{font-size:12px;color:var(--muted);max-width:330px;line-height:1.6}.overview-panel{width:261px;flex-shrink:0;background:#f8f9f1;border-left:1px solid var(--line);overflow-y:auto}.overview-panel.closed{display:none}.overview-panel .panel-title{height:80px;padding:0 22px}.overview-panel .panel-title h2{font-size:20px}.demand-block{padding:5px 22px 22px}.demand-block>p{font-size:10px;color:var(--muted);margin-top:6px}.demand-row{margin-top:16px;display:grid;grid-template-columns:1fr auto;row-gap:7px;font-size:10px}.demand-row b{font-size:9px;font-weight:600;color:#799276}.demand-track{grid-column:1/-1;height:4px;background:#e2e8dc;border-radius:3px;overflow:hidden}.demand-track i{display:block;height:100%;border-radius:3px;background:#8bae89}.demand-track i.commercial{background:#82aab8}.demand-track i.industrial{background:#b7a565}.active-mission{padding:18px 18px;margin:0 17px;border:1px solid #dce5d2;background:#edf2e3;border-radius:10px}.active-mission .eyebrow{font-size:7px;color:#7a936c}.active-mission h3{font-size:14px;margin:8px 0}.active-mission p{font-size:10px;line-height:1.7;color:#7d8d72}.active-mission>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-top:14px;color:#8b9c7d}.active-mission>div strong{font-size:11px;color:#689258}.urban-indicators{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:13px}.urban-indicators>div{display:flex;align-items:center;gap:9px;font-size:10px;color:#7e8e76}.urban-indicators strong{margin-left:auto;color:#667e5d;font-size:10px}.urban-indicators .event-indicator{font-size:9px}.news-block{padding:19px 22px}.news-block h3{font-size:13px;margin-bottom:16px}.news-item{display:flex;gap:9px;margin-bottom:14px}.news-dot{width:4px;height:4px;background:#b5bea5;border-radius:50%;flex-shrink:0;margin-top:4px}.news-item.good .news-dot{background:#6ba272}.news-item.bad .news-dot{background:#c47959}.news-item p{font-size:10px;line-height:1.65;color:#85907d}.news-item small{font-size:8px;display:block;color:#a5ae99;margin-top:4px}.game-footer{min-height:31px;height:31px;background:#f0f3e7;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px;color:#8a9980;gap:10px}.game-footer>div{display:flex;align-items:center;gap:7px}#saved-status{white-space:nowrap}#map-hint{text-align:center;font-size:8px}.inspector-header{text-align:center;padding:6px 20px 19px}.inspector-header .tool-icon{margin:0 auto 14px;width:49px;height:49px}.inspector-header h3{font-size:19px}.inspector-header p{font-size:10px;color:var(--muted);margin-top:7px}.inspect-values{padding:0 20px}.inspect-values>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:9px 0;border-bottom:1px solid var(--line)}.inspect-values b{font-size:10px;font-weight:600}.inspect-values p{font-size:11px;line-height:1.7;margin:14px 0}.overview-panel #inspector>.muted{padding:0 20px 20px}.overview-panel #inspector>.button{width:calc(100% - 40px);margin:18px 20px}.map-buttons #mobile-build{display:none}
.modal-backdrop{position:fixed;inset:0;z-index:50;background:#15352c66;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#f8f9f0;border:1px solid #fafbef;border-radius:17px;width:min(620px,100%);max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #142b3433}.modal.wide{width:min(910px,100%)}.modal>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px 30px 23px;border-bottom:1px solid var(--line)}.modal>header h2{font-size:27px;letter-spacing:-.8px;margin-top:6px}.modal>header p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}.modal>header .icon-button{margin-top:2px;flex-shrink:0}.modal-content{padding:25px 30px 30px}.modal-content>p{font-size:13px;line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px}.two-columns h3{margin-bottom:10px}.two-columns section>.muted{margin-bottom:17px}.budget-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--line)}.budget-summary span{font-size:11px;color:var(--muted)}.budget-summary strong{display:block;font-size:25px;margin-top:9px}.range-row{display:flex;align-items:center;gap:17px;margin-top:12px}.range-row output{font-size:11px;min-width:35px;text-align:right;color:var(--green2)}#budget-form h3{margin:25px 0 18px}.expense-list{margin:14px 0 23px}.expense-list>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.expense-list strong{font-size:11px}.policy{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:13px 0;margin:0}.policy>div{flex:1}.policy strong{font-size:12px}.policy p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px;font-weight:400}.policy small{font-size:10px;color:#93a185;display:block;margin-top:5px}.loan-section{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.loan-section>.muted{margin-top:8px}.loan-options{display:flex;gap:10px;margin:17px 0}.loan-options .button{flex:1;flex-direction:column;padding:14px 8px;gap:6px}.loan-options .button small{font-size:9px;color:var(--muted);font-weight:400}.chart-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.chart-tabs button{border:1px solid var(--line);background:transparent;padding:8px 12px;font-size:11px;border-radius:6px;color:var(--muted)}.chart-tabs button.active{background:#e3ecdb;border-color:#b8cbb1;color:var(--green)}.line-chart{width:100%;display:block;margin:22px 0}.line-chart text{font-size:10px;fill:#899581}.chart-empty{height:280px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#8c9d80}.chart-empty h3{font-size:18px;color:var(--ink)}.chart-empty p{font-size:12px;color:var(--muted)}.statistics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid var(--line);padding-top:20px}.statistics-grid>div{padding:12px;background:#edf2e5;border-radius:7px}.statistics-grid span{display:block;font-size:9px;color:var(--muted);margin-bottom:7px}.statistics-grid strong{font-size:20px;font-weight:600}.mission-list{display:flex;flex-direction:column;gap:10px}.mission-item{padding:17px;display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:10px;opacity:.7}.mission-item.current{background:#e9f0e1;border-color:#b2c5a7;opacity:1}.mission-item.done{background:#f0f4e8;opacity:1}.mission-number{width:33px;height:33px;background:#e5ecd9;color:#809d71;border-radius:50%;display:grid;place-items:center;font-size:12px;flex-shrink:0}.mission-item>div:nth-child(2){flex:1}.mission-item .eyebrow{font-size:7px;letter-spacing:1.2px}.mission-item h3{font-size:14px;margin:5px 0}.mission-item p{font-size:11px;line-height:1.6;color:var(--muted)}.mission-item>strong{font-size:11px;white-space:nowrap;color:#789369}.section-subtitle{margin-top:25px;margin-bottom:15px}.milestone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.milestone-grid>div{padding:15px 12px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:flex-start;flex-direction:column;gap:9px;color:#899a80;font-size:11px}.milestone-grid>div.done{background:#e7efdd;border-color:#bdceb0}.milestone-grid span{font-size:10px}.milestone-grid small{font-size:10px;color:#739865}.online-columns{gap:28px}.online-person{display:flex;align-items:center;gap:10px;margin:16px 0}.player-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#2c4f43;font-size:14px;font-weight:600}.online-person>div{flex:1}.online-person strong{font-size:13px}.online-person small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.invite-box{margin-top:20px;border:1px solid var(--line);border-radius:10px;padding:15px;background:#edf2e5}.invite-box>p{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0 14px}.invite-box select{font-size:10px;padding:9px 5px}.invite-box .button{font-size:10px;padding:10px}.invite-link-row{display:flex;gap:3px;align-items:center;margin-top:15px}.invite-link-row input{font-size:10px!important;padding:9px!important;min-width:0;flex:1;background:#f5f8ed!important;margin:0!important}.invite-link-row .icon-button{width:24px;flex-shrink:0}.invite-box>small{font-size:9px}.member-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;gap:10px}.member-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.member-row .text-button{font-size:10px}.chat-section{display:flex;flex-direction:column;min-height:410px}.chat-log{height:330px;overflow:auto;background:#eff3e9;border:1px solid var(--line);border-radius:9px;padding:15px;margin:7px 0 12px}.chat-message{margin-bottom:16px}.chat-message>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px}.chat-message strong{color:#638368}.chat-message small{color:#a1ad97;font-size:8px}.chat-message p{font-size:12px;line-height:1.6;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-empty{text-align:center;font-size:12px;line-height:1.8;color:#8c9c80;padding-top:100px}.chat-section .tiny{margin-top:10px}.save-callout{display:flex;align-items:center;gap:19px;padding:18px;background:#eaf1e1;border-radius:9px;margin-bottom:20px}.save-callout strong{font-size:13px}.save-callout p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:6px}.saves-list{max-height:300px;overflow:auto;margin:20px 0}.save-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.save-symbol{width:35px;height:35px;background:#e4ecda;border-radius:9px;display:grid;place-items:center;color:#89a17c;flex-shrink:0}.save-row>div{flex:1}.save-row strong{font-size:12px;display:block}.save-row small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.export-section{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;gap:18px}.export-section h3{font-size:14px}.export-section p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:6px}.export-section .button{font-size:11px;white-space:nowrap}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.guide-number{display:block;font-size:11px;color:#8aA078;letter-spacing:2px;margin-top:22px}.guide-number:first-child{margin-top:0}.guide-grid h3{margin:8px 0;font-size:17px}.guide-grid p{font-size:12px;line-height:1.85;color:var(--muted)}.controls-guide{margin-top:25px;border-top:1px solid var(--line);padding-top:23px}.controls-guide>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;margin:18px 0}.controls-guide p{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.controls-guide>p{display:block;font-size:11px;line-height:1.85}kbd{display:inline-block;flex-shrink:0;font-family:inherit;font-size:10px;color:var(--green2);background:#e9efe0;border:1px solid #d6e1cb;border-radius:4px;padding:5px 7px;min-width:50px;text-align:center}.victory{text-align:center;padding:20px}.victory>svg{color:#a6a464}.victory h3{font-family:Georgia,serif;font-size:30px;line-height:1.25;margin:23px 0;font-weight:400}.victory p{font-size:13px;color:var(--muted);line-height:1.8}.victory button{margin-top:25px}#toasts{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100;max-width:90%;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:9px;background:#f5f8edf5;box-shadow:0 5px 20px #294b4526;border:1px solid #dae4d0;font-size:12px;color:#4e6d50;animation:toast-in .18s ease-out;max-width:600px;line-height:1.5}.toast.bad{border-color:#dcbca2;color:#a96d55;background:#faf2e7}.toast.good{border-color:#b9cdae}.busy{opacity:.7}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
.recovery-details{font-size:10px;color:var(--muted);margin-top:2px}.recovery-details summary{cursor:pointer;padding:4px 0;line-height:1.6}.recovery-details label{margin-top:10px;margin-bottom:9px;font-size:10px}.profile-button{font-size:13px}.profile-button svg{margin-right:4px}.close-overview{display:none}
@media(min-width:1600px){.build-panel{width:270px}.overview-panel{width:300px}.tool{padding:13px 9px}.tool-name strong{font-size:13px}.tool-name small{font-size:10px}.news-item p{font-size:11px}}
@media(max-width:1200px){.game-header{padding:0 15px;gap:16px}.main-nav>button{padding:8px}.main-nav>button>span{display:none}.build-panel{width:218px}.overview-panel{width:234px}.stat{padding:0 13px}.stat>strong{font-size:21px}.utility-stat>strong,.date-stat>strong{font-size:15px}.panel-title{padding:0 16px}.tools-list{padding:9px}.overview-panel .panel-title,.demand-block,.urban-indicators,.news-block{padding-left:17px;padding-right:17px}.tool-name strong{font-size:11px}.tool-name small{font-size:8px}.map-label{max-width:190px}.map-label small{display:none}}


@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}