:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#273d34;background:#f4f1e8;font-synthesis:none;--forest:#203c34;--ink:#293e34;--muted:#7a8377;--line:#dedfd2;--gold:#ebc785}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,select{cursor:pointer}button{border:0}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #e0a848;outline-offset:3px}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.topbar{height:78px;background:var(--forest);color:#f5f2df;display:flex;align-items:center;padding:0 27px;gap:34px;border-bottom:1px solid #476052}.brand{display:flex;align-items:center;gap:13px;font-size:15px;letter-spacing:2.5px;font-weight:750;color:inherit;text-decoration:none;white-space:nowrap}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:3.1px;color:#b6c5b6;margin-top:5px}.brand-mark{display:flex;align-items:end;height:30px;gap:3px;border-bottom:3px solid #cfb878;padding-bottom:3px}.brand-mark i{display:block;width:7px;background:#e2c38a;height:14px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:19px}.city-title{border-left:1px solid #4c6154;padding-left:30px;display:flex;gap:10px;align-items:center;font-size:13px}.live-dot{width:6px;height:6px;background:#91bdaa;border-radius:50%}.tag{font-size:10px;color:#bfd0bf;padding:5px 9px;border:1px solid #526455;border-radius:3px;margin-left:4px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:17px}.header-actions>span{font-size:10px;color:#aebfae}.round{border:1px solid #758273;background:none;border-radius:50%;color:#e5ead9;width:24px;height:24px;font-size:13px}.menu-button{color:#edf0df;background:none;font-size:12px}.menu-button span{margin-left:14px;color:#bdc6b9}main{display:flex;height:calc(100dvh - 78px)}.world{flex:1;min-width:0;position:relative;background:#acc28b;overflow:hidden}#map{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline-offset:-3px}.stats-strip{position:absolute;top:21px;left:24px;right:24px;height:70px;background:#f8f6eaf5;box-shadow:0 4px 14px #27392817;display:flex;border:1px solid #f8f5e9;border-radius:5px;padding:13px 4px;pointer-events:none}.stats-strip>div{flex:1;display:flex;align-items:center;gap:11px;padding:0 18px;border-right:1px solid #dadfce}.stats-strip>div:first-child{flex:1.5}.stats-strip>div:last-child{border:0}.stats-strip small{font-size:8px;letter-spacing:1.4px;display:block;color:#74816f;font-weight:650;white-space:nowrap}.stats-strip strong{font-size:22px;font-weight:600;display:block;letter-spacing:-.5px;margin-top:1px}.stat-icon{font-size:23px;color:#73937b}.stat-icon.gold{color:#ac884f}.stats-strip em{font-size:10px;font-style:normal;color:#658c6d;white-space:nowrap;align-self:flex-end;margin-bottom:5px;margin-left:auto}.map-topline{position:absolute;top:106px;left:28px;right:26px;display:flex;align-items:center;justify-content:space-between}.map-caption{color:#3a533b;font-size:9px;letter-spacing:1.7px;font-weight:700;text-shadow:0 1px 1px #dae3b6}.map-caption>span{margin-left:10px}.map-caption>span:last-child{font-size:10px;letter-spacing:.2px;font-weight:500}.icon-button{background:#f4f3dfec;color:#4c6550;border:1px solid #ffffff65;border-radius:4px;padding:6px 10px;font-size:16px;box-shadow:0 1px 3px #23382d17}.icon-button span{font-size:10px;margin-left:4px}.guide{position:absolute;top:153px;left:26px;width:310px;display:flex;gap:13px;background:#f7f4e8f5;border:1px solid #fff9;padding:16px 25px 13px 15px;box-shadow:0 4px 15px #23382d14;border-radius:4px}.guide-number{font-family:Georgia,serif;font-size:26px;color:#b2bb98;margin-top:4px}.guide small{font-size:8px;letter-spacing:1.1px;color:#839175;display:block;font-weight:700}.guide strong{font-size:12px;font-weight:650;line-height:1.45;display:block;margin-top:5px}.guide p{font-size:10px;line-height:1.65;color:#6e7b68;margin:6px 0 0}.guide>button{position:absolute;right:7px;top:5px;background:none;color:#919983;font-size:18px}.map-controls{position:absolute;right:25px;top:155px;width:38px;background:#f6f4e9ed;display:flex;flex-direction:column;align-items:center;border-radius:4px;overflow:hidden;box-shadow:0 2px 7px #203c3420}.map-controls button{height:32px;width:38px;background:transparent;color:#45614c;font-size:22px}.map-controls button:hover{background:#e1e6d0}.map-controls span{font-size:8px;padding:5px 0;border-top:1px solid #dce0ce;border-bottom:1px solid #dce0ce;width:100%;text-align:center}.minimap-wrap{position:absolute;right:24px;bottom:184px;border:4px solid #f2f0e3;background:#f2f0e3;border-radius:3px;box-shadow:0 3px 10px #294b3430;width:152px}#minimap{display:block;width:144px;height:112px;image-rendering:pixelated;cursor:crosshair}.minimap-wrap>span{font-size:7px;letter-spacing:1px;display:block;padding:7px 3px 3px;color:#748064}.minimap-wrap>span>span{float:right}#toast{position:absolute;bottom:183px;left:26px;max-width:430px;padding:12px 17px;color:#f9f7df;background:#294b3eee;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.tool-options{position:absolute;bottom:135px;left:24px;right:24px;min-height:29px;display:flex;align-items:center;gap:10px;padding:8px 12px;color:#42543b;background:#f7f4e8ee;border-radius:4px;font-size:10px;box-shadow:0 1px 7px #293e3410}.tool-options select{font-size:10px;max-width:150px;background:#fffbed;border:1px solid #c4ccb5;border-radius:3px;color:#3e5949}.tool-options button{margin-left:auto;font-size:10px;background:none;color:#56765b;white-space:nowrap}.build-toolbar{position:absolute;bottom:49px;left:24px;right:24px;height:79px;background:#f8f5e9;display:flex;justify-content:space-around;align-items:center;gap:3px;padding:7px;border-radius:5px;border:1px solid #fffc;box-shadow:0 5px 20px #25392824}.build-toolbar button{--tool-color:#9daf91;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:63px;flex:1;min-width:0;background:transparent;color:#65735e;border:1px solid transparent;border-radius:3px;font-size:9px;white-space:nowrap}.build-toolbar button:hover{background:#e9ecda}.build-toolbar button.selected{background:#e3ead7;border-color:#9daf8d;color:#294a36}.tool-symbol{font-size:28px;line-height:29px;color:var(--tool-color);text-shadow:1px 1px 0 #74846b33;font-family:Georgia,serif;font-weight:bold}.build-toolbar button.selected .tool-symbol{color:#426b4e}.build-toolbar kbd{position:absolute;right:4px;top:3px;font-size:7px;font-family:inherit;color:#88917a}.tool-divider{width:1px;height:32px;background:#dce0cf;margin:0 4px}.world-footer{position:absolute;bottom:0;left:0;right:0;height:37px;background:#eaeed9e8;display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:#6e7e61;font-size:9px}.world-footer kbd{font-size:8px;border:1px solid #a9b89c;border-radius:2px;padding:1px 3px}.dot{padding:0 7px}.time-controls{display:flex;align-items:center;gap:3px}.time-controls>span{margin-right:12px;font-size:10px;font-weight:600;color:#4c6347}.time-controls button{height:24px;min-width:27px;background:transparent;color:#61795a;font-size:10px;border-radius:2px}.time-controls button.active{background:#496849;color:#eff3e2}.sidebar{width:326px;flex-shrink:0;background:#f6f3e9;border-left:1px solid #d6ddc9;display:flex;flex-direction:column;z-index:2}.sidebar-heading{padding:26px 27px 20px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:700;color:#8b947e}.sidebar-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:31px;line-height:1.12;letter-spacing:-.9px;font-weight:400;margin:11px 0 9px;color:#294335}.sidebar-heading p{font-size:11px;color:#89917d;margin:0}.tabs{display:flex;padding:0 25px;border-bottom:1px solid #dbdfce;gap:20px}.tabs button{background:transparent;font-size:11px;color:#8a917e;padding:10px 0 12px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:#334e3b;border-bottom-color:#557353;font-weight:650}.sidebar-scroll{overflow:auto;padding:20px 25px 15px;scrollbar-width:thin;scrollbar-color:#c2cbb4 transparent;flex:1;min-height:0}.district-picker{display:flex;gap:8px;align-items:center}.district-dot{width:8px;height:8px;background:#e7bf78;border-radius:2px}.district-picker select{background:none;border:none;font-size:17px;font-family:Georgia,serif;color:#344c3d;font-weight:500;flex:1;min-width:0;padding:3px 0}.district-picker button{background:none;color:#8b967c}.identity-line{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.identity-line>span{font-size:8px;background:#e6ebda;color:#6b8059;border:1px solid #d8e0c9;padding:4px 6px;border-radius:3px}.identity-line small{font-size:9px;color:#909781}.district-art{height:85px;position:relative;margin:8px 0 20px;overflow:hidden;border-bottom:3px solid #b5c999;background:linear-gradient(transparent 67%,#e8ecd8 67%)}.tiny-house{position:absolute;bottom:13px;display:block;background:#e5d5ae;width:39px;height:30px;border-right:5px solid #cdbb94;z-index:2}.tiny-house:before{content:'';position:absolute;left:-4px;top:-13px;background:#728873;width:43px;height:15px;box-shadow:4px 3px #556d5c}.tiny-house:after{content:'';position:absolute;left:7px;top:8px;background:#768d80;width:6px;height:8px;box-shadow:15px 0 #768d80,8px 13px #a8966d}.h1{left:47px;transform:scale(.9)}.h2{left:108px;height:42px;background:#ecd7b2}.h2:before{background:#ba8c71;box-shadow:4px 3px #9c725b}.h3{left:169px;height:35px}.tiny-tree{position:absolute;width:23px;height:25px;background:#7e9b69;bottom:21px;box-shadow:-5px 8px #7e9b69,5px 7px #648657}.tiny-tree:after{content:'';position:absolute;width:5px;height:15px;bottom:-15px;left:10px;background:#9c9871}.t1{left:14px}.t2{right:6px;transform:scale(.8)}.art-path{position:absolute;bottom:3px;height:7px;background:#dcd4b5;width:100%}.section-label{font-size:8px;font-weight:700;letter-spacing:1.2px;color:#8b947e;display:flex;justify-content:space-between;margin:21px 0 12px}.section-label>span{font-size:8px;font-weight:500;letter-spacing:0;color:#718263}.metrics{display:flex;flex-direction:column;gap:12px}.metric{display:grid;grid-template-columns:82px 1fr 31px;gap:8px;align-items:center;font-size:10px;color:#65745d}.metric .track{height:5px;background:#e1e5d7;border-radius:3px;overflow:hidden}.metric .fill{height:100%;background:#8da781;border-radius:3px}.metric strong{text-align:right;font-size:10px;font-weight:550;color:#60745b}.advice{font-size:10px;line-height:1.65;color:#7d876e;margin:14px 0 21px}.compact-card{padding:13px;background:#edeee0;border:1px solid #dce2cd;border-radius:4px;margin-bottom:8px}.compact-card strong{font-family:Georgia,serif;font-size:15px;font-weight:500}.compact-card p{font-size:10px;line-height:1.65;color:#7c866d;margin:7px 0}.compact-card button{background:#47664a;color:#f2f1dd;padding:7px 10px;border-radius:3px;font-size:9px}.compact-card small{font-size:9px;color:#789164;float:right;padding-top:7px}.compact-card button:disabled{opacity:.45;cursor:default}.compact-progress{height:5px;background:#d9dfc9;margin:9px 0}.compact-progress span{display:block;height:100%;background:#8ca97a}.policies{border-top:1px solid #dce0d0;margin-top:20px;padding-top:15px}.policies summary{font-size:11px;color:#617857;cursor:pointer}.policies label{display:block;font-size:10px;margin-top:13px;color:#6b7d61}.policies small{display:block;margin-left:24px;color:#99a18c;font-size:8px;margin-top:2px}.policies p{font-size:10px;line-height:1.6;color:#7e8a71}.fund-button{display:block;width:100%;font-size:10px;text-align:left;border:1px solid #d0d9c3;background:#edf0e0;padding:9px;margin-bottom:7px;color:#58724f;border-radius:3px}.fund-button:disabled{opacity:.45;cursor:default}.inspect-card{border-top:1px solid #d9dfcd;margin-top:24px;padding-top:1px}.inspect-card strong{font-size:12px;font-weight:600}.inspect-card p{font-size:10px;line-height:1.7;color:#7c896f;margin-bottom:0}.overlay-control{padding:16px 25px 17px;border-top:1px solid #dce0d0;background:#efefdf}.overlay-control label{font-size:8px;font-weight:700;letter-spacing:1.1px;color:#7c8a6d}.overlay-control select{display:block;width:100%;background:#f8f6eb;border:1px solid #d6ddc9;border-radius:3px;margin-top:7px;padding:8px;color:#5e7652;font-size:10px}.overlay-control small{display:block;margin-top:9px;font-size:8px;line-height:1.5;color:#8e987e}.ledger-row{display:flex;justify-content:space-between;font-size:12px;color:#68805c;padding:11px 0;border-bottom:1px solid #dfe3d3}.ledger-row strong{font-weight:600}.tax-label{display:flex;justify-content:space-between;font-size:11px;color:#64785b;margin-top:22px}input[type=range]{width:100%;accent-color:#65895b;margin-top:13px}.muted{font-size:11px;line-height:1.8;color:#869078}.checklist{font-size:10px;line-height:1.7;padding:0;list-style:none;color:#7b876c}.checklist li{margin-bottom:9px}.checklist .done{color:#486d45}.journal-entry{font-size:10px;line-height:1.7;color:#7b876e;padding:8px 0;border-bottom:1px solid #e0e3d4}.secondary,.primary{padding:11px 16px;border-radius:3px;font-size:12px}.primary{background:#3a5b42;color:#f8f4df}.primary:hover{background:#52734f}.secondary{background:#e9eddd;color:#57734c;border:1px solid #d2dbc3}.secondary:hover{background:#dde5cd}#aid{font-size:9px;width:100%;padding:10px 5px;margin-top:10px}#aid:disabled{opacity:.45;cursor:default}dialog{border:1px solid #dbe0ca;border-radius:7px;padding:35px;max-width:min(670px,calc(100vw - 32px));background:#f6f3e8;color:#344e3b;box-shadow:0 15px 80px #15291f44}dialog::backdrop{background:#1b332977;backdrop-filter:blur(3px)}dialog h2{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.5px;margin:11px 0 15px}dialog>p{font-size:13px;line-height:1.8;color:#7b856d}.dialog-close{position:absolute;right:15px;top:10px;background:none;font-size:25px;color:#8e967d}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 27px;margin-top:25px}.help-grid b{font-size:12px;color:#54714c}.help-grid p{font-size:11px;line-height:1.8;color:#849073}.motion-label{font-size:11px;color:#7c8a6d;display:block;margin-bottom:20px}input[type=checkbox]{accent-color:#618657;vertical-align:middle}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}#rename-form>label{font-size:12px;display:block;margin-bottom:8px}#district-name-input{width:100%;padding:12px;border:1px solid #becbad;border-radius:3px;background:#fffdf4;color:#3b573c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.sidebar{width:355px}.sidebar-heading{padding:32px}.sidebar-scroll{padding:24px 30px}.stats-strip{max-width:950px}.guide{top:163px}.build-toolbar{max-width:1000px;margin:auto}.tool-options{max-width:1000px;margin:auto}.build-toolbar button{font-size:10px}}
@media(max-width:1150px){.sidebar{width:280px}.sidebar-heading{padding:22px}.sidebar-scroll{padding:16px 20px}.city-title .tag{display:none}.topbar{padding:0 20px;gap:20px}.stats-strip>div{padding:0 10px;gap:7px}.stats-strip em{display:none}.stats-strip strong{font-size:19px}.stats-strip{left:16px;right:16px}.stat-icon{font-size:19px}.build-toolbar{left:14px;right:14px;gap:0}.build-toolbar button{font-size:8px}.tool-divider{margin:0 1px}.world-footer>span{display:none}.world-footer{justify-content:flex-end}.guide{width:280px;left:18px}.tool-options{left:14px;right:14px}.minimap-wrap{right:16px}.header-actions>span{display:none}}
@media(max-width:850px){.topbar{height:65px}.brand{font-size:12px;letter-spacing:1.5px}.brand small{font-size:7px;letter-spacing:1.5px}.city-title{display:none}main{height:calc(100dvh - 65px)}.sidebar{width:242px}.sidebar-heading{padding:17px 18px}.sidebar-heading h1{font-size:27px}.sidebar-scroll{padding:15px}.tabs{padding:0 15px;gap:15px}.tabs button{font-size:10px}.stats-strip{padding:10px 0;height:61px;top:15px}.stats-strip>div{padding:0 8px}.stats-strip>div:last-child{display:none}.stats-strip small{font-size:7px}.stats-strip strong{font-size:17px}.stat-icon{display:none}.map-topline{top:91px;left:18px}.map-caption>span{display:none}.guide{top:128px;max-width:235px}.map-controls{right:16px;top:136px}.minimap-wrap{display:none}.build-toolbar{overflow-x:auto;justify-content:flex-start;height:73px;padding:5px}.build-toolbar button{min-width:49px;height:59px}.tool-divider{flex-shrink:0}.tool-options{bottom:129px;font-size:9px;flex-wrap:wrap}.overlay-control{padding:12px 15px}.metric{grid-template-columns:75px 1fr 26px;gap:6px;font-size:9px}.district-art{transform:scale(.95);transform-origin:left bottom}.tool-options select{font-size:9px}}
@media(max-width:600px){body{overflow:auto}main{height:auto;flex-direction:column}.world{height:70dvh;min-height:500px;flex:none}.sidebar{width:100%;height:auto;min-height:480px;border-left:0;border-top:1px solid #d5ddc7}.sidebar-heading{padding:20px 24px 15px}.sidebar-heading h1{font-size:27px}.sidebar-heading h1 br{display:none}.sidebar-heading p{display:none}.sidebar-scroll{overflow:visible;padding:18px 24px}.tabs{padding:0 24px}.district-art{max-width:270px}.overlay-control{padding:15px 24px}.guide{max-width:250px;padding:12px 25px 12px 12px}.world-footer{padding:0 14px}.stats-strip>div:last-child{display:flex}.topbar{padding:0 16px}.header-actions{gap:12px}.brand{font-size:11px}.menu-button{font-size:11px}.help-grid{grid-template-columns:1fr}dialog{padding:25px}dialog h2{font-size:26px}.tool-options{font-size:9px}.stats-strip strong{font-size:16px}.stats-strip small{font-size:6px}.map-caption{font-size:8px}.guide strong{font-size:11px}.guide p{font-size:9px}}
.character-story{font-size:11px;line-height:1.65;color:#728067;margin:10px 0}.character-progress{font-size:9px;color:#66815c;padding:8px 10px;background:#e7ecdb;border-radius:3px;line-height:1.6}.resistance-notice{font-size:10px;line-height:1.7;padding:11px 12px;border-left:3px solid #c8a16b;background:#f0e7d4;color:#8b7252;margin-top:11px}.resident-voice{padding:12px 13px;margin:0 0 9px;background:#fdfaf0;border:1px solid #e1e3d4;border-radius:4px}.resident-voice>span{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#92a083}.resident-voice blockquote{font-family:Georgia,serif;font-size:14px;line-height:1.45;margin:7px 0;color:#526b48}.resident-voice p{font-size:10px;line-height:1.6;color:#859177;margin:6px 0}.resident-voice button{font-size:10px;color:#557849;background:none;padding:5px 0;text-align:left}.district-policy{border:1px solid #d6ddc7;border-radius:4px;padding:13px;margin:20px 0;background:#edf0e0}.district-policy summary{font-size:11px;font-weight:600;color:#5d7654;cursor:pointer}.district-policy label{font-size:9px;color:#7c8c70;display:block;margin:15px 0 6px}.district-policy select{width:100%;font-size:11px;padding:8px;color:#526c47;border:1px solid #cdd8c1;border-radius:3px;background:#faf9ef}.district-policy p{font-size:10px;line-height:1.7;color:#7b896d}.district-policy #policy-impact{color:#6c7f5d}.district-policy button{font-size:10px;padding:8px 12px}.district-policy button:disabled{opacity:.6;cursor:default}.sidebar-heading{padding-top:19px;padding-bottom:16px}.sidebar-heading h1{font-size:29px}.district-art{margin-bottom:12px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}