:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#142033;background:#edf2f6;font-synthesis:none;--text:#142033;--muted:#748196;--line:rgba(17,33,54,.1);--card:rgba(255,255,255,.92);--accent:#2563eb;--accent2:#0ea5e9;--shadow:0 16px 45px rgba(21,42,65,.12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#edf2f6}body{overflow-x:hidden}button,input{font:inherit}button{border:0;cursor:pointer}.app{min-height:100vh;max-width:920px;margin:auto;padding-bottom:96px;background:linear-gradient(#f4f7fa,#eef3f5)}.topbar{height:72px;background:#fafcfdd1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#132238,#2b5f99);color:#fff;display:grid;place-items:center;box-shadow:0 7px 18px #17375b33}.brand strong{display:block;font-size:14px;letter-spacing:-.02em}.brand span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.resources{display:flex;gap:7px}.resource{display:flex;align-items:center;gap:5px;background:#ffffffc7;border:1px solid var(--line);border-radius:11px;padding:7px 9px;font-size:11px;box-shadow:0 4px 12px #1e32460a}.resource svg{color:#2563eb}.resource.money svg{color:#d99716}main{padding:18px}.city-page,.page{animation:show .2s ease}@keyframes show{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.city-toolbar,.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.13em;color:#8995a7}.city-toolbar h1,.page-head h1,.profile-hero h1{margin:3px 0 0;font-size:26px;letter-spacing:-.045em}.primary{display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#2563eb,#1686e9);color:#fff;border-radius:13px;padding:11px 15px;font-weight:800;box-shadow:0 9px 22px #2563eb38}.primary.active{background:#172437}.primary.full{width:100%;margin-top:10px}.city-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.stat{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:10px;display:flex;gap:8px;align-items:center;box-shadow:0 7px 20px #1b2d3e0a}.stat svg{width:17px;color:#2563eb}.stat span,.stat b{display:block}.stat span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stat b{font-size:11px;margin-top:3px;white-space:nowrap}.city-stage{position:relative;height:min(67vw,610px);min-height:410px;background:linear-gradient(#bce5ff,#e9f7fb 43%,#bdd99e);border:1px solid rgba(255,255,255,.9);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);touch-action:none}.city-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 16%,rgba(255,255,255,.72),transparent 22%),linear-gradient(150deg,transparent 45%,rgba(52,93,57,.08));pointer-events:none;z-index:1}.city-map-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}.city-map-svg:active{cursor:grabbing}.city-map-svg.build-cursor{cursor:crosshair}.terrain-grass{fill:#a8d08f;stroke:#4a75442e;stroke-width:1}.terrain-water{fill:#76bdd7;stroke:#2c709133;stroke-width:1}.water-line{fill:none;stroke:#ffffff73;stroke-width:1.4}.tiny-tree{fill:#4e9b5b;opacity:.45}.planned-roads path{stroke:#ffffff3d;stroke-width:10;stroke-dasharray:2 12;fill:none;stroke-linecap:round}.road-surface{fill:#5f6871;stroke:#737d84;stroke-width:2}.road-center{stroke:#e7d789;stroke-width:1.5;stroke-dasharray:7 7;fill:none;opacity:.9}.road-horizontal{transform:rotate(0)}.road-light{fill:#f8f1b1;filter:url(#softShadow)}.building-shadow{fill:#233342;opacity:.2}.building-base{fill:#cad5d7}.building-left{fill:#5d8ea1}.building-right{fill:#79b4c6}.building-roof{fill:#39748b}.roof-house{fill:#6c4e43}.door{fill:#4a3c3a}.window{fill:#c8f2ff;stroke:#5d99ab;stroke-width:1}.window-band{fill:#bdeefa;opacity:.8}.chimney{fill:#6a7075}.tower-window{fill:#d5f5ff;opacity:.9}.antenna{stroke:#66757f;stroke-width:2}.level-badge rect{fill:#172a3c;stroke:#fff;stroke-width:2}.level-badge text{font-size:8px;font-weight:900;text-anchor:middle;fill:#fff}.residential .building-left{fill:#6c9db3}.residential .building-right{fill:#88c0cf}.commercial .building-left{fill:#b17c46}.commercial .building-right{fill:#d8a15f}.industrial .building-left{fill:#6e7278}.industrial .building-right{fill:#8b9197}.energy .building-left{fill:#5d87b7}.energy .building-right{fill:#7ea9d5}.civic .building-left{fill:#579b78}.civic .building-right{fill:#7bc49b}.park .building-left{fill:#559957}.park .building-right{fill:#73b76c}.tower .building-left{fill:#4b658a}.tower .building-right{fill:#688bb7}.building-art{cursor:pointer;filter:url(#buildingShadow);outline:none}.building-art:hover{filter:url(#softShadow) brightness(1.04)}.building-selected .building-right,.building-selected .building-left{stroke:#fff;stroke-width:3}.solar-art rect{fill:#28557a;stroke:#c9edff;stroke-width:2}.solar-art path{stroke:#d4f5ff;stroke-width:2;fill:none}.wind-art line{stroke:#56636e;stroke-width:3}.wind-art path{stroke:#f7fbff;stroke-width:2;fill:none}.wind-art circle{fill:#fff}.park-art circle{fill:#4b9853}.park-art rect{fill:#775e46}.build-hint-icon circle{fill:#2563ebeb;stroke:#fff;stroke-width:4}.build-hint-icon text{text-anchor:middle;font-size:24px}.map-controls{position:absolute;right:13px;top:13px;display:grid;gap:6px;z-index:8}.map-controls button{width:37px;height:37px;border-radius:11px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#304257;display:grid;place-items:center;box-shadow:0 7px 18px #1a2d3e1f;border:1px solid rgba(255,255,255,.8)}.map-controls svg{width:17px}.map-legend{position:absolute;left:13px;top:13px;z-index:8;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:11px;padding:8px 10px;display:flex;gap:10px;font-size:8px;font-weight:800;color:#5e6d7e;box-shadow:0 7px 18px #1a2d3e14}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.legend-dot.live{background:#3b82f6}.legend-dot.free{background:#94c779}.placement-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:10px;min-width:230px;padding:10px 12px;background:#142233ed;color:#fff;border-radius:16px;box-shadow:0 12px 30px #0a16224d;z-index:10}.placement-icon{width:37px;height:37px;border-radius:11px;background:#ffffff1f;display:grid;place-items:center;font-size:19px}.placement-bar>div:nth-child(2){flex:1}.placement-bar b,.placement-bar span{display:block}.placement-bar b{font-size:11px}.placement-bar span{font-size:8px;color:#b9c7d5;margin-top:2px}.placement-bar button{background:#ffffff1a;color:#fff;border-radius:9px;width:30px;height:30px;display:grid;place-items:center}.placement-bar svg{width:15px}.building-sheet{margin-top:10px;background:#fffffff2;border:1px solid var(--line);border-radius:17px;padding:11px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.sheet-art{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e5eff8;color:#2563eb}.sheet-art svg{width:23px}.sheet-copy{flex:1}.sheet-copy b,.sheet-copy>span:last-child{display:block}.sheet-copy b{font-size:13px;margin-top:2px}.sheet-copy>span:last-child{font-size:9px;color:var(--muted);margin-top:3px}.sheet-values{display:flex;flex-direction:column;gap:4px;font-size:9px;color:#526175}.sheet-values span{display:flex;align-items:center;gap:3px}.sheet-values svg{width:12px}.city-tip{margin-top:10px;padding:11px 13px;border-radius:15px;background:#ffffffc7;border:1px solid var(--line);display:flex;gap:9px;align-items:flex-start;color:#637185}.city-tip svg{width:17px;color:#2563eb;margin-top:2px}.city-tip b,.city-tip span{display:block}.city-tip b{font-size:10px;color:#293a4e}.city-tip span{font-size:9px;line-height:1.5;margin-top:3px}.quick-build{background:#fffc;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow)}.quick-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px}.quick-head h2{margin:3px 0 0;font-size:19px;letter-spacing:-.04em}.quick-count{font-size:9px;color:#708095;background:#eef4f9;padding:6px 8px;border-radius:8px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:9px;display:flex;align-items:center;gap:9px;text-align:left}.quick-card>svg{width:14px;color:#a1adba;margin-left:auto}.quick-card b,.quick-card span{display:block}.quick-card b{font-size:10px}.quick-card span{font-size:9px;color:#778599;margin-top:3px}.quick-art{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#eef5fb}.quick-art.energy{background:#e7f0fb}.quick-art.industrial{background:#e9eaec}.quick-art.commercial{background:#fff1dc}.quick-art.residential{background:#e3f1f8}.quick-art.civic{background:#e5f5ea}.chips{display:flex;gap:7px;overflow:auto;padding-bottom:4px;margin-bottom:12px}.chip{white-space:nowrap;background:#fff;border:1px solid var(--line);color:#687487;padding:8px 11px;border-radius:10px;font-size:10px;font-weight:700}.chip.active{background:#172437;color:#fff;border-color:#172437}.building-list{display:grid;gap:8px}.building{width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;align-items:center;gap:10px;text-align:left}.building:disabled{opacity:.48}.building-copy{flex:1}.building-copy b,.building-copy span{display:block}.building-copy b{font-size:13px}.building-copy span{font-size:10px;color:var(--muted);margin-top:3px}.building>strong{font-size:11px}.building.locked{filter:saturate(.5)}.building-icon.residential{background:#e3f1f8;color:#317797}.building-icon.commercial{background:#fff0dc;color:#b87929}.building-icon.industrial{background:#e8eaed;color:#5b646d}.building-icon.energy{background:#e6effa;color:#3374b9}.building-icon.civic{background:#e4f4ea;color:#36815a}.building-icon.park{background:#e4f3df;color:#4e8e47}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 12px}.search input{border:0;outline:0;background:none;width:100%;height:44px;font-size:13px}.section{margin-top:20px}.section h3{font-size:13px;margin:0 0 9px}.friend-row,.leader-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;align-items:center;gap:10px;margin-bottom:7px}.friend-row>div:nth-child(2),.leader-row>div:nth-child(3){flex:1}.friend-row span,.leader-row span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.leader-row strong{font-size:11px}.rank{width:20px;text-align:center;color:#8b95a5;font-weight:800}.avatar{width:36px;height:36px;border-radius:12px;object-fit:cover;background:#dce7f8;display:grid;place-items:center;font-weight:800;color:#1769ff}.avatar.big{width:66px;height:66px;border-radius:20px;font-size:22px}.accept{width:36px;height:36px;border-radius:11px;background:#e6f6ed;color:#27805a;display:grid;place-items:center}.profile-hero{background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow)}.muted{color:var(--muted);font-size:11px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.profile-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.profile-card svg{color:#1769ff;width:18px}.profile-card b,.profile-card span{display:block}.profile-card b{font-size:18px;margin-top:9px}.profile-card span{font-size:10px;color:var(--muted);margin-top:2px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(920px,100%);height:78px;background:#fafcfdf0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{background:none;color:#8993a3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:9px}.bottom-nav svg{width:19px}.bottom-nav button.active{color:#1769ff;font-weight:800}.toast{position:fixed;top:82px;left:50%;transform:translate(-50%);background:#172437;color:#fff;border-radius:12px;padding:10px 14px;font-size:11px;z-index:80;box-shadow:var(--shadow);max-width:90%}.boot-screen,.fatal{min-height:100vh;display:grid;place-content:center;text-align:center;gap:9px;padding:30px}.boot-screen strong{font-size:24px;letter-spacing:.12em}.boot-screen span{font-size:10px;color:var(--muted)}.boot-logo{width:66px;height:66px;margin:auto;border-radius:20px;background:linear-gradient(145deg,#132238,#2b5f99);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px #17375b33}.loader{width:26px;height:26px;border:3px solid #dce3ed;border-top-color:#1769ff;border-radius:50%;animation:spin .8s linear infinite;margin:8px auto 0}@keyframes spin{to{transform:rotate(360deg)}}.fatal-mark{width:44px;height:44px;border-radius:14px;background:#ffe8e8;color:#d33;font-weight:900;font-size:22px;display:grid;place-items:center;margin:auto}.fatal p{color:#d33;font-size:12px}.fatal button{background:#172437;color:#fff;padding:10px 16px;border-radius:12px;font-weight:700}@media (max-width:600px){main{padding:14px 10px}.topbar{padding:0 12px}.city-stats{grid-template-columns:repeat(2,1fr)}.city-stage{height:calc(100vh - 265px);min-height:430px;border-radius:20px}.quick-grid{grid-template-columns:1fr 1fr}.resources .resource:nth-child(2){display:none}.city-toolbar h1{font-size:22px}.map-legend{font-size:7px}.placement-bar{bottom:11px;min-width:220px}}@media (min-width:601px){.city-stage{height:610px}}:root{--bg:#edf2f6;--panel:rgba(255,255,255,.92);--panel-solid:#fff;--text:#142033;--muted:#748196;--line:rgba(17,33,54,.1);--accent:#2563eb;--accent2:#0ea5e9;--shadow:0 16px 45px rgba(21,42,65,.12);--map-sky-1:#bfe5ff;--map-sky-2:#e7f6fb;--map-sky-3:#c2dfa5;--map-ground-1:#c9e5ae;--map-ground-2:#9fcf87;--map-shadow:#55744d}:root[data-theme=dark]{--bg:#0c1119;--panel:rgba(24,31,43,.92);--panel-solid:#171f2c;--text:#eef4ff;--muted:#9aa8bc;--line:rgba(220,232,250,.1);--accent:#60a5fa;--accent2:#38bdf8;--shadow:0 18px 50px rgba(0,0,0,.35);--map-sky-1:#17283a;--map-sky-2:#233848;--map-sky-3:#304833;--map-ground-1:#55744a;--map-ground-2:#385333;--map-shadow:#18271c}html,body,#root{background:var(--bg);color:var(--text)}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.app{background:var(--bg);color:var(--text);padding-bottom:0}.topbar{background:color-mix(in srgb,var(--panel-solid) 86%,transparent);color:var(--text)}.brand span,.muted,.eyebrow,.stat span{color:var(--muted)}.resource,.stat,.profile-card,.profile-hero,.search,.building,.quick-card,.city-tip,.building-sheet{background:var(--panel);color:var(--text);border-color:var(--line)}.resource.theme-mini{border:1px solid var(--line);color:var(--text);padding:7px 9px}.bottom-nav{background:color-mix(in srgb,var(--panel-solid) 94%,transparent);color:var(--text);border-color:var(--line)}.bottom-nav button{color:var(--muted)}.city-main{padding:0!important}.overview-page{max-width:920px;margin:auto;padding:24px 18px 110px}.overview-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.overview-hero h1{font-size:32px;letter-spacing:-.055em;margin:5px 0}.overview-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;max-width:560px}.theme-toggle,.glass-button{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 8px 22px #0000001a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.theme-toggle{width:44px;height:44px;border-radius:14px;flex:none}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.city-open-card{width:100%;display:flex;align-items:center;gap:14px;padding:14px;border-radius:20px;background:linear-gradient(135deg,#1d3554,#2563eb);color:#fff;text-align:left;box-shadow:0 14px 34px #2563eb38;margin-top:10px}.city-open-art{width:52px;height:52px;border-radius:16px;background:#ffffff26;display:grid;place-items:center;flex:none}.city-open-card>div:nth-child(2){flex:1}.city-open-card b,.city-open-card span{display:block}.city-open-card b{font-size:17px;margin:4px 0}.city-open-card span:last-child{font-size:10px;opacity:.78}.rotate-right{transform:rotate(180deg)}.overview-note{display:flex;gap:10px;margin-top:10px;padding:13px 14px;border:1px solid var(--line);background:var(--panel);border-radius:17px;color:var(--muted)}.overview-note svg{width:18px;color:var(--accent);flex:none}.overview-note b,.overview-note span{display:block}.overview-note b{color:var(--text);font-size:11px}.overview-note span{font-size:9px;line-height:1.5;margin-top:3px}.city-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1821;overflow:hidden;z-index:60}.city-fullscreen .city-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}.city-fullscreen .city-stage:before{opacity:.55}.city-fullscreen .city-map-svg{image-rendering:auto}.city-overlay{position:absolute;left:0;right:0;z-index:20;pointer-events:none}.city-overlay>*{pointer-events:auto}.city-overlay.top{top:0;padding:max(12px,env(safe-area-inset-top)) 12px 10px;display:flex;align-items:center;gap:9px}.city-overlay.top:after{content:"";position:absolute;left:0;right:0;top:0;height:110px;background:linear-gradient(rgba(0,0,0,.32),transparent);z-index:-1;pointer-events:none}.glass-button{height:42px;padding:0 12px;border-radius:14px;font-size:11px;font-weight:800}.glass-button svg{width:17px}.city-title{flex:1;min-width:0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25)}.city-title b,.city-title span{display:block}.city-title b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-title span{font-size:9px;opacity:.78;margin-top:2px}.city-actions{display:flex;gap:6px}.city-money{display:flex;align-items:center;gap:5px;padding:9px 11px;border-radius:13px;background:#0c141d9e;color:#fff;border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:800;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.city-money svg{width:15px;color:#ffd86a}.city-overlay.bottom{bottom:0;padding:10px max(10px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px}.city-actions-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:min(520px,calc(100vw - 20px))}.city-main-action{height:54px;border-radius:17px;background:#101923e0;color:#fff;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:900;box-shadow:0 12px 30px #0000002e}.city-main-action svg{width:18px}.city-main-action:first-child{background:linear-gradient(135deg,#2563eb,#1686e9);border-color:transparent}.city-tool-panel{width:min(680px,calc(100vw - 20px));max-height:min(47vh,420px);overflow:auto;background:color-mix(in srgb,var(--panel-solid) 96%,transparent);border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:0 18px 50px #00000047;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:var(--text)}.city-tool-panel.compact-panel{max-width:420px}.tool-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tool-panel-head b,.tool-panel-head span{display:block}.tool-panel-head b{font-size:15px;margin-top:2px}.tool-panel-head>button{width:34px;height:34px;border-radius:10px;background:var(--bg);color:var(--text)}.tool-panel-head svg{width:16px}.tool-chips{margin:0 0 9px}.tool-chips .chip{background:var(--bg);color:var(--text);border-color:var(--line);padding:9px 11px}.tool-chips .chip.active{background:var(--text);color:var(--panel-solid)}.tool-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-build{min-height:62px;background:var(--panel-solid);color:var(--text);border:1px solid var(--line);border-radius:15px;padding:8px;display:flex;align-items:center;gap:8px;text-align:left}.tool-build>svg{width:14px;margin-left:auto;color:var(--muted)}.tool-build b,.tool-build span{display:block}.tool-build b{font-size:11px}.tool-build span{font-size:9px;color:var(--muted);margin-top:3px}.compact-panel p{font-size:10px;line-height:1.55;color:var(--muted);margin:8px 0}.expand-price{display:flex;align-items:center;gap:6px;font-size:11px}.expand-price svg{width:15px;color:#e3a71d}.cancel-mode{height:40px;padding:0 16px;border-radius:13px;background:#101923e6;color:#fff;font-weight:800;font-size:11px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.owned-land{fill:#ffffff14;stroke:#ffffff2e;stroke-width:1}.expansion-cell{cursor:pointer}.expansion-cell polygon{fill:#2563eb3d;stroke:#fff;stroke-width:2;stroke-dasharray:4 3}.expansion-cell text{fill:#fff;font-size:19px;font-weight:900;text-anchor:middle;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.35)}.city-fullscreen .building-art{filter:none}.city-fullscreen .map-controls{top:max(76px,calc(env(safe-area-inset-top) + 62px));right:12px}.city-fullscreen .map-controls button{width:42px;height:42px;border-radius:13px}.city-fullscreen .map-legend{top:max(76px,calc(env(safe-area-inset-top) + 62px));left:12px;font-size:9px}.city-fullscreen .placement-bar{bottom:max(80px,calc(env(safe-area-inset-bottom) + 76px));min-width:250px}.city-fullscreen .building-sheet{margin:0;width:min(560px,calc(100vw - 20px));box-shadow:0 16px 40px #00000047}:root[data-theme=dark] .terrain-grass{fill:#547c4a;stroke:#dcf5dc14}:root[data-theme=dark] .terrain-water{fill:#28667a}:root[data-theme=dark] .road-surface{fill:#37404a;stroke:#525d66}:root[data-theme=dark] .road-center{stroke:#d6c86d}:root[data-theme=dark] .planned-roads path{stroke:#ffffff21}:root[data-theme=dark] .building-left{filter:brightness(.8)}:root[data-theme=dark] .building-right{filter:brightness(.85)}@media (max-width:600px){.overview-page{padding:18px 12px 100px}.overview-hero h1{font-size:28px}.overview-grid{grid-template-columns:1fr 1fr}.city-overlay.top{padding-left:9px;padding-right:9px}.glass-button{width:42px;padding:0}.glass-button span{display:none}.city-title b{font-size:13px}.city-money{padding:9px}.city-tool-panel{max-height:44vh;border-radius:20px;padding:10px}.tool-build-grid{grid-template-columns:1fr 1fr}.tool-build{min-height:58px}.city-actions-bar{grid-template-columns:1fr 1fr}.city-main-action{height:52px}}@media (min-width:601px){.city-fullscreen .city-actions-bar{grid-template-columns:repeat(2,180px)}}@media (max-width:380px){.city-title span{display:none}.city-money{font-size:10px}.city-tool-panel{max-height:42vh}.tool-build b{font-size:10px}}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px}.board button{aspect-ratio:1;border-radius:24px;background:var(--card);font-size:48px;box-shadow:var(--shadow)}.card{margin:16px;padding:20px;border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.primary{margin:16px;padding:16px 30px;border-radius:20px;background:#2563eb;color:#fff}