:root{color-scheme:light;--ink:#18352b;--muted:#667a72;--paper:#f8fcf9;--grass:#bfe4c7;--grass2:#b6ddc0;--road:#68716e;--line:rgba(36,83,65,.12);--tile:clamp(24px,calc((100vw - 12px)/14),34px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:#cce8d6;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI",sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit}.app{width:min(100%,520px);min-height:100dvh;margin:auto;background:var(--paper);display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 0 55px rgba(24,53,43,.14)}.topbar{height:72px;padding:12px 14px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f9fdfa;z-index:20}.kicker{font-size:11px;letter-spacing:.08em;color:#587069}.kicker b{font-size:17px;color:#184c38}.cityline{display:flex;align-items:center;gap:7px;margin-top:6px}.cityline h1{margin:0;font-size:18px;letter-spacing:-.04em}.rank{font-size:9px;font-weight:800;background:#e5f5ea;border:1px solid #cce8d5;border-radius:99px;padding:4px 6px}.headline-stats{display:flex;gap:14px;text-align:right}.headline-stats div{display:grid;gap:2px}.headline-stats span{font-size:9px;color:var(--muted);font-weight:700}.headline-stats strong{font-size:15px;white-space:nowrap}.headline-stats div:first-child strong{font-size:20px}.demandbar{height:34px;display:flex;align-items:center;gap:7px;padding:0 12px;background:#f4faf6;border-bottom:1px solid var(--line);z-index:19}.demand-title{font-size:9px;font-weight:800;color:#65786f}.demand{display:flex;align-items:center;gap:4px}.demand b{font-size:10px}.demand i{display:block;width:35px;height:7px;border-radius:99px;background:#dbe5df;overflow:hidden}.demand em{display:block;height:100%;width:40%;border-radius:inherit;transition:width .35s}.r em{background:#58bc7b}.c em{background:#4e9bc7}.i em{background:#d7a23a}.mini{display:flex;align-items:baseline;gap:3px;margin-left:auto}.mini+.mini{margin-left:2px}.mini span{font-size:8px;color:#71827c}.mini strong{font-size:10px;white-space:nowrap}.world{position:relative;flex:1;min-height:0;background:linear-gradient(#aed9bf 0 18%,#9ed1b3 18%);display:flex;flex-direction:column;align-items:center;overflow:hidden;padding-bottom:76px}.sky{position:absolute;inset:0 0 auto;height:105px;background:linear-gradient(#dff4ef,#bfe4d0 72%,transparent);pointer-events:none}.sun{position:absolute;width:42px;height:42px;border-radius:50%;right:28px;top:17px;background:#fff1a8;box-shadow:0 0 26px rgba(255,235,128,.45)}.skyline{position:absolute;left:4%;right:4%;bottom:0;height:46px;display:flex;align-items:end;justify-content:center;gap:3px;opacity:.15}.skyline i{width:9px;background:#315c4b;border-radius:2px 2px 0 0;transition:height .5s}.map-frame{position:relative;margin-top:69px;border-radius:7px;overflow:hidden;background:#b9dfc2;box-shadow:0 8px 22px rgba(42,91,69,.12);touch-action:none;user-select:none}.map{width:calc(var(--tile)*14);height:calc(var(--tile)*18);display:grid;grid-template-columns:repeat(14,var(--tile));grid-template-rows:repeat(18,var(--tile));position:relative;z-index:2}.tile{width:var(--tile);height:var(--tile);position:relative;background:var(--grass);border:1px solid rgba(63,120,87,.07);overflow:visible}.tile:nth-child(4n+1){background:var(--grass2)}.tile:after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(52,115,76,.15);left:24%;top:36%;box-shadow:8px 11px rgba(52,115,76,.12),-4px 17px rgba(52,115,76,.09)}.tile.grow{animation:grow .42s cubic-bezier(.2,1.4,.4,1)}@keyframes grow{0%{transform:scale(.62);filter:brightness(1.5)}}.tile.road{background:#a6c1b1}.road{position:absolute;inset:17%;background:var(--road);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.road:before,.road:after{content:"";position:absolute;background:var(--road)}.road:before{left:0;right:0;top:-26%;bottom:-26%}.road:after{top:0;bottom:0;left:-26%;right:-26%}.road .lane{position:absolute;z-index:2;left:50%;top:-22%;bottom:-22%;border-left:1px dashed rgba(255,224,117,.7)}.zone{position:absolute;inset:3px;border:1px dashed currentColor;border-radius:4px;opacity:.85}.residential .zone{color:#3f9f63;background:rgba(63,159,99,.08)}.commercial .zone{color:#3b89b4;background:rgba(59,137,180,.08)}.industrial .zone{color:#bf8429;background:rgba(191,132,41,.08)}.building{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);width:72%;height:68%;filter:drop-shadow(2px 3px 2px rgba(30,69,50,.22));z-index:3}.building .body{position:absolute;left:8%;right:8%;bottom:0;height:70%;background:#f5f0dc;border:1px solid rgba(37,74,58,.2);border-radius:2px}.building .roof{position:absolute;left:0;right:0;bottom:62%;height:31%;clip-path:polygon(50% 0,100% 100%,0 100%);background:#bd6b58}.building .door{position:absolute;width:18%;height:28%;left:41%;bottom:0;background:#6e6f5f}.building .window{position:absolute;width:14%;height:16%;left:18%;bottom:30%;background:#9fd4df;box-shadow:22px 0 #9fd4df}.level-2 .building{width:82%;height:85%}.level-2 .building .body{height:78%}.level-2 .building .roof{bottom:72%}.level-2 .building .window{box-shadow:18px 0 #9fd4df,0 -10px #9fd4df,18px -10px #9fd4df}.level-3 .building{height:100%;width:70%;bottom:0}.level-3 .building .roof{display:none}.level-3 .building .body{height:94%;background:#e6ddd4}.level-3 .building .window{width:12%;height:9%;left:18%;bottom:16%;box-shadow:14px 0 #91c9db,28px 0 #91c9db,0 -10px #91c9db,14px -10px #91c9db,28px -10px #91c9db,0 -20px #91c9db,14px -20px #91c9db,28px -20px #91c9db}.commercial .building .body{background:#dfeaf0}.commercial .building .roof{clip-path:none;height:13%;bottom:66%;background:#468db2}.commercial.level-3 .building .body{background:#cbdde7}.industrial .building{width:88%}.industrial .building .body{background:#d7d4c5;height:55%}.industrial .building .roof{height:18%;bottom:51%;clip-path:polygon(0 100%,0 30%,20% 0,40% 30%,60% 0,80% 30%,100% 0,100% 100%);background:#8d8c7f}.industrial .chimney{position:absolute;width:14%;height:58%;right:12%;bottom:38%;background:#8a6c59}.industrial .chimney:after{content:"";position:absolute;width:10px;height:6px;border-radius:50%;background:rgba(236,242,238,.75);left:-2px;top:-6px;box-shadow:4px -7px rgba(236,242,238,.45);animation:smoke 2.4s infinite}@keyframes smoke{50%{transform:translate(4px,-5px) scale(1.35);opacity:.35}}.park{display:grid;place-items:center;font-size:calc(var(--tile)*.7);background:#9fd3a9}.power-art{position:absolute;inset:2px;border-radius:3px;background:linear-gradient(135deg,#b8c0b4,#89988e);display:grid;place-items:center;font-size:calc(var(--tile)*.48);box-shadow:2px 3px rgba(57,83,69,.15)}.power-art:after{content:"";position:absolute;width:25%;height:70%;right:4%;top:-22%;background:#75837b;border-radius:40% 40% 6% 6%}.hall{position:absolute;left:6%;right:6%;bottom:2px;height:82%;filter:drop-shadow(2px 3px 2px rgba(40,79,58,.22))}.hall .base{position:absolute;left:4%;right:4%;bottom:0;height:55%;background:#efe9d3;border:1px solid rgba(74,83,68,.2)}.hall .roof{position:absolute;left:0;right:0;bottom:51%;height:25%;background:#5e856e;clip-path:polygon(50% 0,100% 100%,0 100%)}.hall .flag{position:absolute;width:2px;height:38%;left:50%;bottom:72%;background:#435d51}.hall .flag:after{content:"";position:absolute;left:2px;top:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:8px solid #e66455}.off{position:absolute;right:1px;top:1px;width:7px;height:7px;border-radius:50%;background:#dc6f63;box-shadow:0 0 0 2px rgba(255,255,255,.45);z-index:5}.traffic-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.car{position:absolute;width:7px;height:4px;border-radius:2px;background:#f05d50;box-shadow:0 1px 1px rgba(0,0,0,.22);transition:transform .9s linear}.car:nth-child(3n){background:#f7cf4d}.car:nth-child(3n+1){background:#eef4f1}.fg{position:absolute;z-index:7;bottom:-8px;font-size:44px;filter:drop-shadow(0 4px 3px rgba(42,83,61,.16));pointer-events:none}.fg.l{left:-12px}.fg.rr{right:-11px;font-size:50px}.mission{position:absolute;z-index:12;bottom:14px;left:50%;transform:translateX(-50%);width:min(86%,340px);min-height:56px;border:1px solid rgba(60,102,84,.14);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(35,81,62,.14);display:flex;align-items:center;text-align:left;padding:8px 10px;gap:9px}.mission-icon{width:36px;height:36px;border-radius:11px;background:#eef7f1;display:grid;place-items:center;font-size:21px}.mission span:nth-child(2){display:grid;gap:2px;flex:1}.mission small{font-size:9px;color:#657a72;font-weight:700}.mission b{font-size:13px}.mission-progress{font-size:10px;font-weight:900;color:#2f7c5c;background:#e7f5eb;border-radius:99px;padding:5px 7px}.mission.done{animation:done .55s}@keyframes done{50%{transform:translateX(-50%) scale(1.04)}}.toast{position:absolute;left:50%;top:80px;z-index:30;transform:translate(-50%,-10px);opacity:0;background:rgba(27,55,44,.9);color:white;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:700;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.dock{height:126px;background:#fbfdfb;border-top:1px solid var(--line);z-index:30;padding:7px 0 max(8px,env(safe-area-inset-bottom))}.tools{display:flex;gap:7px;overflow-x:auto;padding:0 9px 4px;scrollbar-width:none}.tools::-webkit-scrollbar{display:none}.tool{flex:0 0 61px;height:70px;border:1px solid #dce6df;border-radius:13px;background:#fff;display:grid;place-items:center;align-content:center;gap:1px;box-shadow:0 2px 8px rgba(41,77,61,.06)}.tool span{font-size:23px;line-height:1}.tool b{font-size:10px}.tool small{font-size:8px;color:#72817b}.tool.active{border:2px solid #237553;background:#f2fbf5;box-shadow:0 0 0 2px rgba(35,117,83,.08)}.hint{height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;font-size:10px;color:#65776f}.hint span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint button{width:34px;height:26px;border:0;border-radius:8px;background:#eef3ef;font-weight:900}.backdrop{position:fixed;inset:0;background:rgba(22,45,36,.25);z-index:50;backdrop-filter:blur(2px)}.sheet{position:fixed;z-index:51;left:50%;bottom:0;width:min(100%,520px);transform:translate(-50%,105%);background:#fbfdfb;border-radius:22px 22px 0 0;padding:8px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px rgba(25,55,44,.22);transition:transform .28s cubic-bezier(.2,.9,.2,1)}.sheet.open{transform:translate(-50%,0)}.grab{width:38px;height:4px;border-radius:99px;background:#d6e0da;margin:1px auto 10px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head small{font-size:9px;color:#76867f}.sheet-head h2{margin:2px 0 0;font-size:22px}.sheet-head button{width:36px;height:36px;border:0;border-radius:50%;background:#edf3ef;font-size:22px}.sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.sheet-grid div{background:#eef6f1;border-radius:13px;padding:10px}.sheet-grid span{display:block;font-size:9px;color:#6f8179}.sheet-grid strong{display:block;font-size:18px;margin-top:3px}.sheet-actions{display:flex;gap:8px}.sheet-actions button{flex:1;border:0;border-radius:12px;padding:11px 8px;background:#1e7150;color:white;font-weight:800;font-size:11px}.sheet-actions .danger{background:#f1e8e6;color:#a45249}.sheet p{font-size:10px;line-height:1.7;color:#6d7d76}@media(max-height:740px){.topbar{height:64px}.demandbar{height:31px}.world{padding-bottom:68px}.map-frame{margin-top:38px}.dock{height:114px}.tool{height:62px}.mission{bottom:9px;min-height:50px}.sky{height:78px}}@media(min-width:521px){body{padding:12px 0}.app{min-height:calc(100dvh - 24px);border-radius:24px}.dock{border-radius:0 0 24px 24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}