.app-shell{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111310e6;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--lime);color:#111310;letter-spacing:-1px;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.brand-copy{letter-spacing:1.6px;gap:1px;font-size:11px;display:grid}.brand-copy small{font:9px var(--mono);color:var(--muted);letter-spacing:1.35px}.run-pill{border:1px solid var(--line);font:10px var(--mono);color:#b7baaf;letter-spacing:.8px;border-radius:20px;align-items:center;gap:9px;padding:8px 12px;display:flex}.live-dot,.online-indicator{background:var(--lime);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #c9f36a80}.top-actions{align-items:center;gap:10px;display:flex}.icon-button,.avatar-button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;min-width:40px;height:40px}.dev-toggle{color:var(--lime);font-family:var(--mono);padding:0 10px;font-size:13px}.dev-toggle span{margin-left:3px;font-size:10px}.avatar-button{color:#171912;background:#d4d6cb;border-radius:50%;width:40px;font-weight:800}.app-layout{grid-template-columns:218px minmax(0,1fr) 246px;width:min(1540px,100%);min-height:calc(100vh - 72px);margin:0 auto;display:grid}.desktop-sidebar{border-right:1px solid var(--line);flex-direction:column;padding:32px 16px 24px 26px;display:flex}.eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:var(--muted);margin:0}.side-links{gap:5px;margin-top:18px;display:grid}.side-links button{color:#9b9e92;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;height:48px;padding:0 14px;font-size:13px;transition:background .18s,color .18s;display:flex}.side-links button span{text-align:center;color:#777c70;width:19px;font-size:16px}.side-links button:hover{color:var(--text);background:#ffffff08}.side-links button.active{color:var(--lime);background:#c9f36a12}.side-links button.active span{color:var(--lime)}.side-links button i{background:var(--lime);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{color:#818578;font:9px var(--mono);letter-spacing:.9px;border-top:1px solid var(--line);margin-top:auto;padding:15px 12px}.sidebar-bottom .online-indicator{width:5px;height:5px;margin-right:6px}.sidebar-bottom small{color:#60645a;margin:8px 0 0 14px;font-size:9px;display:block}.main-content{min-width:0;padding:28px 32px 24px}.resource-bar{border:1px solid var(--line);background:#191b17;border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.resource{border-right:1px solid var(--line);align-items:center;gap:11px;min-width:0;height:66px;padding:0 14px;display:flex}.resource:last-child{border-right:0}.resource-icon{color:#b9beb0;width:31px;height:31px;font:14px var(--mono);background:#ffffff08;border-radius:9px;flex:0 0 31px;place-items:center;display:grid}.resource.green .resource-icon{color:var(--lime);background:#c9f36a12}.resource.orange .resource-icon{color:var(--orange);background:#f1a25e12}.resource-text{gap:3px;min-width:0;display:grid}.resource-text small{color:var(--muted);font-size:10px}.resource-text strong{font:600 13px var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-heading{justify-content:space-between;align-items:end;gap:18px;margin:38px 1px 21px;display:flex}.page-heading h1{letter-spacing:-2px;margin:10px 0 0;font-size:clamp(30px,3.3vw,43px);font-weight:600;line-height:1.12}.page-heading h1 em{color:var(--lime);font-style:normal}.mobile-break{display:none}.heading-divider{color:#4f5449;margin:0 5px}.weather-tag{color:#888d7f;font:9px var(--mono);letter-spacing:.6px;white-space:nowrap;align-items:center;gap:7px;margin-bottom:4px;display:flex}.weather-tag b{color:#4b5145}.weather-icon{color:#bdc2b2;font-size:14px}.district-card{border:1px solid var(--line);background:var(--panel);border-radius:17px;overflow:hidden}.district-art{background:linear-gradient(#253036 0%,#35372e 55%,#24251f 100%);height:236px;position:relative;overflow:hidden}.district-art:before{content:"";opacity:.3;image-rendering:pixelated;background:repeating-linear-gradient(0deg,#0000 0 13px,#e2e4d30c 14px),repeating-linear-gradient(90deg,#0000 0 13px,#e2e4d30c 14px);position:absolute;inset:0}.moon{opacity:.7;background:#d9dcba;border-radius:50%;width:44px;height:44px;position:absolute;top:36px;right:18%;box-shadow:0 0 50px #d9dcba55}.pixel-city{z-index:1;justify-content:center;align-items:end;gap:9px;height:77%;display:flex;position:absolute;bottom:0;left:0;right:0}.building{background:#20241f;border:3px solid #111611;border-bottom:0;width:15%;max-width:106px;display:block;position:relative;box-shadow:inset 5px 0 #ffffff06}.building:before{content:"";opacity:.65;background:repeating-linear-gradient(0deg,#0000 0 17px,#d4c66a 18px 21px),repeating-linear-gradient(90deg,#0000 0 21px,#d4c66a 22px 26px);position:absolute;inset:12px 11px}.building.b1{background:#35372e;width:17%;height:58%}.building.b2{background:#2b3029;width:15%;height:86%}.building.b3{background:#3a3b31;width:19%;height:65%}.building.b4{background:#282d29;width:13%;height:100%}.building.b5{background:#32372f;width:16%;height:72%}.building.b2:after,.building.b4:after{content:"";background:#1a201d;border:2px solid #111611;width:35%;height:10%;position:absolute;top:-10%;left:32%}.street-lights{z-index:2;border-top:2px solid #131713;height:42px;position:absolute;bottom:3px;left:12%;right:12%}.street-lights i{background:#131713;width:2px;height:20px;position:absolute;top:-20px;left:13%}.street-lights i:after{content:"";background:#ead58c;width:10px;height:4px;position:absolute;top:-3px;left:-4px;box-shadow:0 0 16px #ead58c}.street-lights i:nth-child(2){height:25px;top:-25px;left:56%}.street-lights i:nth-child(3){left:85%}.district-overlay{z-index:2;background:linear-gradient(#14171420,#0000 53%,#171a16ed 100%);position:absolute;inset:0}.district-caption{z-index:3;color:#e6e7df;gap:8px;font-size:12px;display:grid;position:absolute;bottom:20px;left:23px}.status-chip{width:fit-content;color:var(--lime);font:9px var(--mono);letter-spacing:.5px;background:#151912c9;border:1px solid #c9f36a3b;border-radius:5px;padding:6px 8px}.status-chip:first-letter{color:var(--lime)}.district-coords{z-index:3;color:#c7ccb799;font:9px var(--mono);letter-spacing:1.4px;position:absolute;top:16px;left:18px}.district-footer{justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.district-footer h2{letter-spacing:-.4px;margin:7px 0 4px;font-size:18px}.district-footer p:last-child{color:#8f9387;margin:0;font-size:11px}.district-level{text-align:right;min-width:74px;font:9px var(--mono);color:#73796d;gap:3px;display:grid}.district-level strong{color:var(--lime);font-size:18px}.foundation-grid{grid-template-columns:1.1fr .9fr;gap:13px;margin-top:14px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:15px;min-width:0;padding:19px}.panel-heading{justify-content:space-between;align-items:start;display:flex}.panel-heading h2{letter-spacing:-.4px;margin:7px 0 0;font-size:16px}.panel-index{color:#5f6558;font:11px var(--mono)}.status-mark{color:var(--lime);font-size:18px}.panel-copy{color:#969a8e;max-width:345px;margin:12px 0 16px;font-size:11px;line-height:1.65}.primary-action{width:100%;min-height:58px;color:var(--text);text-align:left;cursor:pointer;background:#c9f36a0a;border:1px solid #c9f36a32;border-radius:11px;align-items:center;gap:11px;padding:9px 11px;display:flex}.primary-action:hover{background:#c9f36a14}.action-icon{color:#171912;background:var(--lime);border-radius:9px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.primary-action span:nth-child(2){gap:3px;display:grid}.primary-action strong{font-size:11px}.primary-action small{color:#9ca18e;font-size:9px}.action-arrow{color:var(--lime);margin-left:auto;font-size:16px}.status-line{border-bottom:1px solid var(--line);color:#969a8e;justify-content:space-between;gap:8px;padding:11px 0;font-size:10px;display:flex}.status-line:first-of-type{margin-top:12px}.status-line:last-child{border-bottom:0;padding-bottom:0}.status-line b{color:#d0d2c8;font:10px var(--mono)}.status-line .heat-low{color:var(--lime);align-items:center;gap:6px;display:flex}.heat-low i{background:var(--lime);border-radius:50%;width:5px;height:5px}.milestone-banner{border:1px solid var(--line);background:#191b17;border-radius:13px;align-items:center;gap:13px;margin-top:14px;padding:14px 16px;display:flex}.milestone-icon{width:33px;height:33px;color:var(--lime);background:#c9f36a12;border-radius:9px;place-items:center;display:grid}.milestone-banner p:last-child{color:#9da194;margin:5px 0 0;font-size:10px}.milestone-banner strong{color:#d6d9cd}.milestone-progress{color:#85897c;font:10px var(--mono);white-space:nowrap;margin-left:auto}.page-footer{color:#5f6459;font:8px var(--mono);letter-spacing:.5px;justify-content:space-between;padding:23px 2px 0;display:flex}.context-panel{border-left:1px solid var(--line);padding:34px 19px}.context-top{justify-content:space-between;align-items:center;display:flex}.context-icon{color:var(--lime);font-size:17px}.context-panel h2{letter-spacing:-1px;margin:31px 0 11px;font-size:25px;line-height:1.2}.context-description{color:#92968a;font-size:11px;line-height:1.7}.context-separator{border-top:1px solid var(--line);margin:25px 0}.run-progress{align-items:center;gap:9px;margin:14px 0 8px;display:flex}.run-progress>span{background:#30342c;border-radius:8px;flex:1;height:5px}.run-progress i{border-radius:inherit;background:var(--lime);height:100%;display:block}.run-progress b{color:var(--lime);font:10px var(--mono)}.context-footnote{color:#7e8377;font-size:10px;line-height:1.55}.context-card{border:1px solid var(--line);background:#191b17;border-radius:12px;align-items:start;gap:10px;margin-top:25px;padding:12px;display:flex}.context-card-icon{color:#b9bdaf;background:#ffffff08;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.context-card div{gap:5px;padding-top:2px;display:grid}.context-card strong{font-size:10px}.context-card small{color:#85897c;font-size:9px;line-height:1.5}.mobile-nav{display:none}.save-warning{color:#f0c391;background:#5a381b40;border:1px solid #e0a25e55;border-radius:12px;gap:10px;margin-top:14px;padding:13px;font-size:12px;display:grid}.warning-actions{flex-wrap:wrap;gap:8px;display:flex}.warning-actions button{color:#f6d1a5;cursor:pointer;background:#2b2118;border:1px solid #e0a25e55;border-radius:8px;min-height:40px;padding:0 12px;font-size:11px}@media (width<=1120px){.app-layout{grid-template-columns:188px minmax(0,1fr)}.context-panel{display:none}.desktop-sidebar{padding-left:18px}.main-content{padding-left:24px;padding-right:24px}.resource{gap:8px;padding:0 10px}.resource-icon{flex-basis:27px;width:27px;height:27px}}@media (width<=760px){.topbar{height:58px;padding:0 15px}.brand-mark{width:31px;height:31px}.run-pill{padding:7px 9px;font-size:9px}.avatar-button{width:36px;min-width:36px;height:36px}.app-layout{min-height:0;display:block}.desktop-sidebar{display:none}.main-content{padding:12px 13px calc(82px + env(safe-area-inset-bottom))}.resource-bar{z-index:10;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));position:sticky;top:67px;box-shadow:0 6px 18px #0004}.resource{justify-content:center;gap:6px;height:57px;padding:0 7px}.resource-icon{border-radius:7px;flex-basis:24px;width:24px;height:24px;font-size:12px}.resource-text small{font-size:9px}.resource-text strong{font-size:10px}.page-heading{align-items:center;margin:26px 1px 16px}.page-heading h1{letter-spacing:-1.8px;margin-top:8px;font-size:31px;line-height:1.1}.mobile-break{display:initial}.weather-tag{gap:0;font-size:0}.weather-icon{border:1px solid var(--line);border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.heading-divider{margin:0 2px}.district-art{height:196px}.moon{width:34px;height:34px;top:26px;right:15%}.pixel-city{gap:5px}.district-caption{font-size:10px;bottom:14px;left:14px}.district-coords{font-size:8px;top:13px;left:14px}.district-footer{padding:16px 14px}.district-footer h2{font-size:16px}.district-footer p:last-child{font-size:10px}.district-level{min-width:61px;font-size:8px}.foundation-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.panel{padding:16px}.panel-copy{max-width:none;margin:10px 0 13px;font-size:11px}.status-line{padding:10px 0}.milestone-banner{gap:9px;margin-top:10px;padding:12px}.milestone-banner p:last-child{max-width:230px;line-height:1.45}.milestone-progress{font-size:9px}.page-footer{padding-top:17px;font-size:7px}.mobile-nav{z-index:30;min-height:calc(62px + env(safe-area-inset-bottom));padding:5px 6px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#171915f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#83887b;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:49px;display:flex}.mobile-nav button span{font-size:17px;line-height:1}.mobile-nav button small{font-size:9px}.mobile-nav button.selected{color:var(--lime);background:#c9f36a0e}.debug-dock{bottom:calc(76px + env(safe-area-inset-bottom));right:10px}.dev-toggle{min-width:47px;height:36px}}@media (width<=380px){.topbar{padding:0 10px}.brand-copy{font-size:10px}.run-pill{gap:6px;font-size:8px}.resource{gap:4px;padding:0 4px}.resource-icon{flex-basis:21px;width:21px;height:21px}.resource-text strong{font-size:9px}.main-content{padding-left:10px;padding-right:10px}.page-heading h1{font-size:29px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dev-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:end;display:flex;position:fixed;inset:0}.dev-panel{background:#171915;border-left:1px solid #ffffff18;flex-direction:column;width:min(430px,100%);height:100%;display:flex;box-shadow:-20px 0 60px #0007}.dev-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 20px 15px;display:flex}.dev-header h2{letter-spacing:-.7px;margin:7px 0 0;font-size:20px}.dev-close{border:1px solid var(--line);color:#c5c8bc;cursor:pointer;background:#ffffff08;border-radius:12px;width:42px;height:42px;font-size:24px}.dev-scroll{padding:3px 20px 22px;overflow:auto}.dev-section{border-bottom:1px solid var(--line);padding:17px 0}.dev-section h3{color:#d8dbd0;margin:0 0 11px;font-size:12px}.dev-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.dev-button-grid button,.dev-row button{border:1px solid var(--line);color:#d5d8cf;cursor:pointer;background:#ffffff07;border-radius:9px;min-height:44px;font-size:11px}.dev-button-grid button:hover,.dev-row button:hover{background:#ffffff12;border-color:#c9f36a55}.heat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:7px}.dev-row{color:#999d91;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font-size:11px;display:flex}.dev-row>div{gap:5px;display:flex}.dev-row button{min-width:43px;min-height:40px;padding:0 9px}.dev-row button.chosen{color:var(--lime);background:#c9f36a14;border-color:#c9f36a55}.time-row{flex-direction:column;align-items:end}.time-row>div{width:100%;display:flex}.time-row input{border:1px solid var(--line);min-width:0;height:43px;color:var(--text);font:12px var(--mono);background:#10120f;border-radius:9px 0 0 9px;flex:1;padding:0 10px}.time-row button{border-radius:0 9px 9px 0}.dev-button-grid .danger-button{color:#ff9b8a;border-color:#d1695b4d}.dev-message{color:var(--lime);margin:10px 0 0;font-size:11px}.dev-footer{border-top:1px solid var(--line);color:#7f8478;font:9px var(--mono);margin-top:auto;padding:13px 20px}.debug-dock{z-index:40;width:min(270px,100vw - 30px);font-family:var(--mono);background:#11140fef;border:1px solid #c9f36a54;border-radius:11px;position:fixed;bottom:15px;right:15px;overflow:hidden;box-shadow:0 10px 32px #0006}.debug-tab{width:100%;min-height:42px;color:var(--lime);font:10px var(--mono);letter-spacing:.7px;cursor:pointer;background:#c9f36a12;border:0;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.debug-tab span{font-size:14px}.debug-body{padding:7px 12px 10px}.debug-row{color:#909588;border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:9px;padding:6px 0;font-size:9px;display:flex}.debug-row:last-child{border-bottom:0}.debug-row code{color:#d3d8c9;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font:inherit;overflow:hidden}.update-prompt{z-index:55;color:#e5e9dc;background:#191d15;border:1px solid #c9f36a66;border-radius:12px;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 24px);padding:9px 10px 9px 14px;font-size:11px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 45px #0008}.update-prompt button{color:#171912;background:var(--lime);cursor:pointer;border:0;border-radius:8px;min-height:40px;padding:0 13px;font-size:10px;font-weight:800}@media (width<=760px){.dev-panel{padding-bottom:env(safe-area-inset-bottom)}.debug-dock{bottom:calc(77px + env(safe-area-inset-bottom))}.update-prompt{bottom:calc(75px + env(safe-area-inset-bottom))}}:root{color:#eeefe9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#111310;--panel:#191b17;--panel-soft:#20231d;--line:#ecf0e117;--muted:#85897c;--text:#eeefe9;--lime:#c9f36a;--orange:#f1a25e;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-optical-sizing:auto;background:#111310;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}::selection{color:#111310;background:var(--lime)}