:root{color-scheme:light;--paper:#f3f1e8;--ink:#23332e;--muted:#6b756c;--line:#d8dccf;--green:#546e35;--accent:#cced8a;--card:rgba(250,250,241,.94)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #637b37;outline-offset:5px}button{border:0}button:hover{color:#476725}button svg{pointer-events:none}[hidden]{display:none!important}.sr-only,.feature-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:16px;z-index:100}.skip-link:focus{top:10px}
.masthead{height:92px;margin:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px;position:relative;z-index:5}.brand{display:flex;align-items:center}.brand img{width:207px;height:auto}.masthead-note{font-size:11px;letter-spacing:.045em;color:var(--muted)}.masthead nav{display:flex;align-items:center;gap:32px;font-size:12px}.current-page{display:flex;align-items:center;gap:9px}.current-page i{width:6px;height:6px;border-radius:50%;background:#58783d}.posts-link{text-decoration:none;border:1px solid #bcc5af;border-radius:5px;padding:11px 18px;display:flex;gap:25px}.posts-link:hover{background:var(--ink);color:var(--paper)}
#city-main{position:relative;height:calc(100svh - 162px);min-height:700px;max-height:1080px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 60%,#e8eddb00 30%,var(--paper) 80%);transition:background-color 2s}.city-intro{position:absolute;top:48px;left:48px;z-index:3;pointer-events:none;max-width:360px}.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:600;margin:0 0 20px}.city-intro h1{font-size:clamp(44px,4.2vw,70px);line-height:1.02;letter-spacing:-.06em;font-weight:500;margin:0}.city-intro em{font-family:Fraunces,Georgia,serif;letter-spacing:-.06em;font-weight:500;color:#607b3a}.intro-copy{color:var(--muted);font-size:13px;line-height:1.65;margin:23px 0 25px}.city-census{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.city-census strong{font-weight:500;color:var(--ink)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#709b44;box-shadow:0 0 0 4px #8ab85015;flex:none}.census-divider{height:10px;width:1px;background:var(--line);margin:0 2px}.world{position:absolute;inset:8px -15px 0 170px;z-index:1}#city-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#city-canvas:active{cursor:grabbing}#city-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.building-marker{position:absolute;min-width:19px;height:19px;border-radius:4px;padding:0 3px;border:1px solid #75826a80;background:#fffff5dc;color:#3e4f3c;font-size:8px;line-height:17px;pointer-events:auto;box-shadow:0 2px 4px #27341a12;transform:translate(-50%,-50%);transition:background .15s,scale .15s,opacity .2s}.building-marker:hover,.building-marker:focus-visible{background:var(--ink);color:#eaffc4;scale:1.16;z-index:10}.building-marker[data-active="true"]{background:var(--ink);color:var(--accent)}.plant-marker{border:1px solid #839956;background:var(--ink);color:#e3f4c5;border-radius:4px;width:auto;height:auto;min-width:116px;padding:8px 11px;font-size:9px;letter-spacing:.07em;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;box-shadow:0 4px 14px #20391824}.plant-marker i{background:#c9ee81;box-shadow:0 0 8px #d4ff81;width:5px;height:5px;border-radius:50%}.district-label{position:absolute;transform:translate(-50%,-50%);color:#66735d;font-size:8px;letter-spacing:.18em;font-weight:600;padding:3px 5px;white-space:nowrap;border-bottom:1px solid #74825c44;background:#f3f1e865}.plot-marker{position:absolute;transform:translate(-50%,-50%);font-size:12px;font-weight:400;color:#7d897180;pointer-events:none}.loading-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;display:flex;align-items:center;gap:12px;color:var(--muted);max-width:260px}.loading-note span{display:block;width:8px;height:8px;border-radius:50%;background:#6c9150;animation:loading 1s alternate infinite}@keyframes loading{to{opacity:.25}}.city-tooltip{position:absolute;z-index:20;pointer-events:none;background:var(--card);border:1px solid #b4bda6;border-radius:6px;padding:17px 18px;max-width:290px;box-shadow:0 8px 35px #3443221a;backdrop-filter:blur(12px)}.tooltip-meta{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#647549;display:block;margin-bottom:8px}.tooltip-title{font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.22;font-size:21px;display:block;letter-spacing:-.03em}.tooltip-foot{display:block;font-size:9px;color:var(--muted);margin-top:10px}
.city-controls{position:absolute;right:40px;top:38px;z-index:4;border:1px solid var(--line);border-radius:6px;background:var(--card);width:222px;box-shadow:0 3px 12px #354d2110}.time-controls{display:flex;align-items:center;gap:11px;padding:14px 15px}.control-label{display:block;font-size:7px;letter-spacing:.13em;color:var(--muted);margin-bottom:4px}.time-controls button{font-size:11px;background:none;padding:0}.time-controls button span{font-size:10px;margin-left:8px;color:#859773}#time-symbol{font-size:24px;color:#87994e;font-family:Georgia,serif}#city-clock{font-size:15px;margin-left:auto;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.control-row{display:flex;border-top:1px solid var(--line)}.control-row button{background:none;display:flex;align-items:center;justify-content:center;font-size:9px;gap:7px;flex:1;padding:11px 7px}.control-row button+button{border-left:1px solid var(--line)}#power-toggle[aria-pressed="true"]{color:#527329}#power-toggle[aria-pressed="false"]{color:#787e70}#motion-icon{font-weight:700;letter-spacing:1px}
#latest-story{position:absolute;left:48px;bottom:62px;z-index:4;width:308px;border:1px solid #c9d0bb;background:var(--card);padding:22px 23px 18px;border-radius:6px;box-shadow:0 10px 24px #34432609;backdrop-filter:blur(12px)}.latest-heading{display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:.13em;font-weight:500}.latest-heading .status-dot{width:5px;height:5px}.plant-icon{font-size:18px;color:#75974c;margin-left:auto}#latest-story h2{font-family:Fraunces,Georgia,serif;line-height:1.25;font-weight:500;font-size:23px;letter-spacing:-.03em;margin:14px 0 21px}#latest-story .post-link{text-decoration:none}#latest-story .post-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.latest-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--line);font-size:9px}.latest-bottom time{color:var(--muted)}.read-story{text-decoration:none;font-weight:500;display:flex;gap:12px;align-items:center}.read-story span{font-size:15px}.view-tools{position:absolute;right:40px;bottom:62px;z-index:4;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--card)}.view-tools button{width:37px;height:36px;background:none;font-size:18px;font-weight:400}.view-tools button+button{border-top:1px solid var(--line)}.view-tools button:hover{background:#e2eacb}.map-hint{position:absolute;bottom:23px;left:53%;transform:translateX(-50%);font-size:9px;color:#74806b;z-index:2;white-space:nowrap;display:flex;gap:10px;align-items:center}.map-hint>span:first-child{font-size:18px}.map-hint>span:not(:first-child){color:#b2bba4}.map-coordinate{position:absolute;left:49px;bottom:20px;font-size:8px;letter-spacing:.2em;color:#8b9483}.city-footer{margin:0 48px;min-height:70px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;position:relative;z-index:5}.district-legend{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.legend-label{font-size:7px;letter-spacing:.13em;color:var(--muted);margin-right:3px}.district-legend button{display:flex;align-items:center;gap:7px;font-size:9px;padding:8px 0;background:none;border-bottom:1px solid transparent}.district-legend button[aria-pressed="true"]{border-color:#6b8747;color:#436d2c}.swatch{width:6px;height:6px;display:inline-block;border-radius:1px}.swatch.data{background:#77969f}.swatch.residential{background:#bd8a6b}.swatch.industrial{background:#adad7d}.swatch.commercial{background:#90aa85}#directory-toggle{font-size:10px;background:none;white-space:nowrap;display:flex;gap:18px;padding:16px 0}
.story-directory{max-width:1180px;margin:55px auto 40px;padding:35px 35px 0}.city-ready .story-directory:not(.directory-open){display:none}.directory-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}.directory-heading .eyebrow{color:var(--muted);margin-bottom:14px}.directory-heading h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:40px;letter-spacing:-.05em;line-height:1.08;margin:0}.directory-heading label{font-size:10px;min-width:290px}.directory-heading input{display:block;border:0;border-bottom:1px solid #aab49c;padding:12px 0;background:none;border-radius:0;width:100%;font-size:13px;margin-top:5px;color:var(--ink)}.directory-status{font-size:11px;color:var(--muted)}#directory-list{list-style:none;padding:0;border-top:1px solid var(--line)}#directory-list li{border-bottom:1px solid var(--line)}#directory-list a{display:flex;justify-content:space-between;gap:25px;padding:19px 0;text-decoration:none;font-size:15px;line-height:1.4}#directory-list a:hover span{color:#618038}#directory-list time{font-size:10px;color:var(--muted);white-space:nowrap;padding-top:3px}.directory-credit{font-size:10px;color:var(--muted);margin-top:32px}
.reader{padding:0;border:1px solid #718165;border-radius:9px;background:#f7f6f1;width:min(1170px,94vw);height:92svh;max-height:none;max-width:none;overflow:hidden;box-shadow:0 20px 90px #15291e66}.reader::backdrop{background:#1e302759;backdrop-filter:blur(7px)}.reader[open]{display:flex;flex-direction:column}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;min-height:57px;border-bottom:1px solid #d4d7c9;background:var(--paper);flex:none}.reader-toolbar button,.reader-toolbar a{font-size:11px;text-decoration:none;background:none;white-space:nowrap;padding:6px}.reader-toolbar button span{margin-right:8px}.reader-toolbar>span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.reader iframe{width:100%;height:100%;flex:1;border:0;background:#faf9f3}.reader-loading::after{content:'Opening story…';position:absolute;top:45%;left:50%;transform:translate(-50%);font-size:13px;color:#697553}.reader-loading iframe{opacity:0}
@media(min-width:1700px){.city-intro{top:65px;left:65px}.world{left:190px}.masthead,.city-footer{margin-left:65px;margin-right:65px}#latest-story{left:65px;width:350px}.city-intro h1{font-size:76px}.intro-copy{font-size:15px}.map-coordinate{left:65px}}
@media(max-width:1150px){.masthead{margin:0 28px}.masthead-note{display:none}.city-intro{left:28px;max-width:280px}.city-intro h1{font-size:47px}.world{left:75px;right:-70px;top:35px}#latest-story{left:28px;width:270px;padding:18px}#latest-story h2{font-size:20px}.city-controls{right:28px;width:190px}.map-hint{left:59%;font-size:8px}.city-footer{margin:0 28px}.district-legend{gap:16px}.legend-label{display:none}.map-coordinate{left:28px}.view-tools{right:28px}}
@media(max-width:760px){.masthead{height:74px;margin:0 20px;gap:20px}.brand img{width:168px}.masthead nav{font-size:10px;gap:16px}.current-page{gap:6px}.posts-link{padding:9px 12px;gap:14px}#city-main{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:visible}.city-intro{position:relative;top:auto;left:auto;margin:32px 22px 0;max-width:65%;z-index:3}.eyebrow{font-size:7px;letter-spacing:.09em;margin-bottom:16px}.city-intro h1{font-size:44px;letter-spacing:-.06em}.intro-copy{font-size:11px;margin:17px 0 19px}.city-census{font-size:8px;gap:8px}.world{position:relative;inset:auto;width:100%;height:410px;margin-top:-4px}.city-controls{top:34px;right:20px;width:107px}.time-controls{padding:10px 8px;gap:7px}#time-symbol{font-size:18px}#city-clock{display:none}.control-row{flex-direction:column}.control-row button{font-size:8px;min-height:32px}.control-row button+button{border-left:0;border-top:1px solid var(--line)}.control-label{font-size:6px}.time-controls button{font-size:9px}#latest-story{position:relative;left:auto;bottom:auto;margin:0 20px 25px;width:auto;padding:18px 20px;z-index:3}#latest-story h2{font-size:22px;max-width:530px;margin-bottom:14px}.latest-heading{font-size:7px}.latest-bottom{font-size:9px}.view-tools{top:370px;right:16px;bottom:auto}.view-tools button{width:32px;height:32px;font-size:16px}.map-hint{top:601px;bottom:auto;left:50%;font-size:7px;gap:7px}.map-coordinate{display:none}.city-footer{margin:0 20px;min-height:98px;flex-wrap:wrap;padding:15px 0;gap:8px}.district-legend{gap:10px 18px;justify-content:center;width:100%}.district-legend button{font-size:8px;padding:7px 0}#directory-toggle{font-size:9px;padding:10px 0;margin:0 auto}.building-marker{min-width:15px;height:15px;font-size:6px;line-height:13px;border-radius:3px}.plant-marker{min-width:84px;height:auto;font-size:6px;padding:5px 7px;gap:5px}.district-label{font-size:5px;letter-spacing:.09em}.plot-marker{font-size:9px}.story-directory{margin-top:15px;padding:26px 22px}.directory-heading{display:block;margin-bottom:22px}.directory-heading h2{font-size:33px}.directory-heading label{display:block;margin-top:30px;min-width:0}#directory-list a{font-size:13px;display:block}#directory-list time{display:block;margin-top:9px}.reader{width:100vw;height:100svh;border:0;border-radius:0;margin:0}.reader-toolbar{padding:10px 12px;min-height:55px;gap:10px}.reader-toolbar>span{display:none}.reader-toolbar button,.reader-toolbar a{font-size:10px}.city-tooltip{max-width:230px;padding:12px}.tooltip-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.city-night .brand img{filter:invert(.85) grayscale(.3)}.city-night .city-intro em{color:#bad589}.city-night .district-label{color:#c4d8a0;background:#1b2d2790;border-color:#83956d55}.city-night #power-toggle[aria-pressed="true"]{color:#c4e896}.city-night .district-legend button[aria-pressed="true"]{color:#c4e896}.city-night .building-marker{background:#243930de;color:#d7e8b7;border-color:#89967390}.city-night .plant-marker{background:#c4e59f;color:#25382c}.city-night .plant-marker i{background:#527431}.city-night .plot-marker{color:#abc58a80}.city-night .tooltip-meta{color:#9caf7f}.city-night .view-tools button:hover{background:#3c503e}.city-night button:hover{color:#a6c275}.city-night .posts-link:hover{color:#23332e}.city-night .read-story:hover{color:#c4e896}
.reserved-marker{width:22px;height:22px;padding:0;background:transparent;pointer-events:auto;border-radius:4px;font-size:14px}.reserved-marker:hover,.reserved-marker:focus-visible{color:#3d672c;background:#e4edcb;outline:1px solid #a4ba83;outline-offset:1px}
@media(min-width:761px) and (max-width:1150px){.world{right:0}}
.stadium-marker{width:auto;height:auto;padding:5px 8px;white-space:nowrap;font-size:7px;letter-spacing:.09em;color:#77394b;background:#fff9e8e8;border:1px solid #b58d85}.city-night .stadium-marker{color:#ffc8d5;background:#482737e8;border-color:#c67b97}
.city-unavailable #city-main{height:auto;min-height:0;max-height:none;padding:35px 24px}.city-unavailable .city-intro{position:static;max-width:600px}.city-unavailable .world{position:static;inset:auto;height:auto;width:auto;margin:30px 0}.city-unavailable #city-canvas,.city-unavailable #city-labels,.city-unavailable .view-tools,.city-unavailable .city-controls,.city-unavailable .map-hint,.city-unavailable .map-coordinate{display:none}.city-unavailable .loading-note{position:static;transform:none;max-width:600px;line-height:1.6}.city-unavailable #latest-story{position:static;margin:30px 0 0;max-width:500px;width:100%}
@media(min-width:761px) and (max-height:820px){#city-main{min-height:540px}.city-intro{top:35px}.city-intro h1{font-size:48px}.city-intro .eyebrow{margin-bottom:17px}.intro-copy{margin:17px 0 20px}.city-controls{top:30px}#latest-story{bottom:55px;padding:17px 20px 15px;width:290px}#latest-story h2{font-size:21px;margin:12px 0 14px}.latest-bottom{padding-top:11px}.view-tools{bottom:54px}.map-hint{bottom:15px}.map-coordinate{bottom:14px}}
.nav-about{text-decoration:none;padding:11px 0;white-space:nowrap}.nav-about:hover{text-decoration:underline;text-underline-offset:5px}.city-footer-links{display:flex;align-items:center;gap:28px;flex:none}.city-footer-links>a{font-size:9px;color:var(--muted);text-decoration:none;white-space:nowrap}.city-footer-links>a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1150px){.city-footer{flex-wrap:wrap;gap:4px}.city-footer-links{margin-left:auto}.masthead-note{display:none}}
@media(max-width:760px){.masthead{height:auto;min-height:90px;padding:14px 0;flex-wrap:wrap;gap:10px}.masthead .brand img{width:158px}.masthead nav{gap:18px;flex-wrap:wrap}.masthead .posts-link{padding:7px 10px;gap:12px}.city-footer-links{width:100%;justify-content:space-between;gap:16px}.city-footer-links #directory-toggle{margin:0}.city-footer-links>a{font-size:8px}}
@media(max-width:420px){.masthead nav{width:100%;justify-content:space-between}.masthead{padding-bottom:12px}.masthead .brand img{width:158px}}