:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172522;background:#f4f3ed;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172522;--muted: #6d7771;--paper: #fbfaf5;--line: #d7d8cf;--green: #1f5b49;--green-soft: #dce9e1;--coral: #e77b5f;--amber: #d9a94f;--shadow: 0 20px 50px rgba(37, 45, 40, .09);--modal-backdrop: rgba(18, 31, 26, .58);--modal-shadow: 0 28px 90px rgba(18, 31, 26, .3)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f3ed}button,input,textarea,select{font:inherit}button{cursor:pointer}.button-link{text-decoration:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(231,123,95,.35);outline-offset:3px}.app-shell{min-height:100dvh}.demo-city-screen{min-height:100dvh;padding:env(safe-area-inset-top) clamp(18px,4vw,56px) calc(48px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#eef3e5 0,#dce9df 52%,#f4f3ed)}.demo-city-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(23,37,34,.12)}.demo-brand{display:flex;align-items:center;gap:10px}.demo-brand strong{font-family:Georgia,"Noto Serif SC",serif;font-size:18px;font-weight:500}.demo-city-badge{padding:7px 11px;border:1px solid rgba(31,91,73,.2);border-radius:99px;color:var(--green);background:#ffffff8c;font-size:11px;font-weight:700;letter-spacing:.08em}.demo-city-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:44px 0 30px}.demo-city-intro h1{max-width:850px;font-size:clamp(36px,5.3vw,68px)}.demo-city-intro p:last-child{max-width:760px;margin:0;color:#52675d;line-height:1.7}.demo-city-actions{display:flex;align-items:stretch;flex-direction:column;gap:10px;min-width:250px}.demo-tour-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px}.demo-tour-progress button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid rgba(31,91,73,.14);border-radius:12px;background:#ffffff73;color:var(--muted);font-weight:700}.demo-tour-progress button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1f5b491a;font-size:11px}.demo-tour-progress button.active{border-color:var(--green);background:var(--green);color:#fff}.demo-tour-progress button.complete{color:var(--green);background:#ffffffb8}.demo-city-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px;align-items:stretch}.demo-city-world{position:relative;min-height:620px;overflow:hidden;border:1px solid rgba(23,37,34,.12);border-radius:26px;background:#c9ddd4;box-shadow:var(--shadow)}.demo-city-world .city-runtime-fallback{min-height:620px}.demo-building-detail{padding:26px;border:1px solid rgba(23,37,34,.12);border-radius:26px;background:#fbfaf5eb;box-shadow:var(--shadow)}.demo-building-detail h2{margin:4px 0 6px;font-family:Georgia,"Noto Serif SC",serif;font-size:34px;font-weight:500}.demo-building-picker{display:grid;gap:7px;margin:0 0 22px}.demo-building-picker>span{color:var(--muted);font-size:11px;font-weight:700}.demo-building-picker select{padding:10px 12px;background:var(--paper)}.demo-building-detail>span{color:var(--green);font-size:12px;font-weight:700}.demo-building-detail>p:not(.eyebrow){margin:24px 0;color:#465b51;line-height:1.75}.demo-building-detail dl{display:grid;gap:1px;overflow:hidden;margin:0 0 22px;border:1px solid var(--line);border-radius:14px;background:var(--line)}.demo-building-detail dl div{display:grid;gap:5px;padding:13px 14px;background:var(--paper)}.demo-building-detail dt{color:var(--muted);font-size:11px}.demo-building-detail dd{margin:0;line-height:1.55}.demo-building-detail>small{display:block;color:var(--muted);line-height:1.6}.demo-tour-controls{display:flex;gap:10px;margin-top:22px}.demo-tour-controls button{flex:1}.demo-first-build form{display:grid;gap:14px;margin-top:22px}.demo-first-build label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.demo-first-build input,.demo-first-build textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px;line-height:1.5;resize:vertical}.demo-first-build label small{text-align:right;font-weight:500}.demo-first-build .text-button{width:100%;margin-top:12px;border:0;background:transparent;color:var(--green);font-weight:700}.demo-first-build>p{color:var(--muted);font-size:13px;line-height:1.7}.demo-first-build>.primary{width:100%;margin-top:18px}.account-modal-open{overflow:hidden;overscroll-behavior:none}.account-gate-dialog{width:min(calc(100% - 48px),620px);max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden;border:1px solid rgba(31,91,73,.18);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:var(--modal-shadow)}.account-gate-dialog::backdrop{background:var(--modal-backdrop)}.account-gate-content{position:relative;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;padding:34px;overscroll-behavior:contain;scroll-padding-block:72px}.account-gate-content>h1{margin:6px 0 10px;font-size:38px}.account-gate-content>p:not(.eyebrow){color:var(--muted);line-height:1.65}.account-gate-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:24px;line-height:1}.account-gate.provider-settings-form{margin-top:22px;padding:0;border:0;background:transparent;box-shadow:none}.public-account-status{position:fixed;right:20px;bottom:20px;z-index:40;max-width:420px;padding:14px 18px;border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}.legacy-claim-screen{align-items:flex-start;text-align:left}.legacy-claim-screen>p{max-width:680px;color:var(--muted);line-height:1.7}.legacy-claim-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.local-only-notice{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(31,91,73,.16);border-radius:14px;background:var(--green-soft);color:#43584f;font-size:12px;line-height:1.6}.local-only-notice strong{flex:0 0 auto;color:var(--green)}.boot-screen{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:.8rem;padding:calc(2rem + env(safe-area-inset-top)) calc(2rem + env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) calc(2rem + env(safe-area-inset-left));text-align:center}.boot-screen h1{margin:0;font-size:clamp(1.65rem,4vw,2.6rem)}.system-notice{display:flex;gap:12px;align-items:center;padding:12px clamp(20px,5vw,72px);color:#4a2b13;background:#fff2cf;border-bottom:1px solid rgba(131,88,24,.22)}.app-shell>.system-notice:first-child{padding:calc(12px + env(safe-area-inset-top)) max(clamp(20px,5vw,72px),env(safe-area-inset-right)) 12px max(clamp(20px,5vw,72px),env(safe-area-inset-left))}.system-notice span{overflow-wrap:anywhere}.system-notice.is-recovery{color:#173c31;background:#e7f2e8;border-bottom-color:#173c3133}.system-notice button{margin-left:auto;padding:6px 10px;color:inherit;background:transparent;border:1px solid currentColor;border-radius:999px;cursor:pointer}.city-runtime-fallback{min-height:32rem;padding:clamp(32px,6vw,80px);color:#173c31;background:linear-gradient(180deg,#edf3df,#dce9cf)}.fallback-knowledge-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(208px,1fr));gap:12px;margin-top:24px}.fallback-knowledge-list button{display:grid;gap:5px;padding:16px;text-align:left;color:inherit;background:#fffc;border:1px solid rgba(23,60,49,.18);border-radius:14px}.app-header{height:calc(76px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(clamp(20px,5vw,72px),env(safe-area-inset-right)) 0 max(clamp(20px,5vw,72px),env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(23,37,34,.12);background:#f4f3edeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);padding:0;justify-self:start}.brand-mark{width:38px;height:38px;border-radius:12px 12px 12px 4px;display:grid;place-items:center;color:#fff;background:var(--green);font-weight:700}.brand strong,.brand small{display:block;text-align:left}.brand small{color:var(--muted);letter-spacing:.08em;font-size:10px;margin-top:2px}.progress-pill{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted);background:#ffffff73}.progress-pill i{width:3px;height:3px;background:var(--coral);border-radius:50%}.app-header nav{display:flex;justify-self:end;gap:6px}.app-header nav button{border:0;background:none;color:var(--muted);border-radius:10px;padding:10px 14px}.app-header nav button.active{color:var(--ink);background:#fff;box-shadow:0 4px 14px #1d2c2612}.screen{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:68px 0 calc(90px + env(safe-area-inset-bottom))}.screen-intro{max-width:760px;margin-bottom:42px}.screen-intro.compact{margin-bottom:28px}.eyebrow{margin:0 0 12px;color:var(--coral);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase}h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;font-weight:500}.screen-intro>p:last-child{color:var(--muted);font-size:16px;line-height:1.8;max-width:660px}.station-grid{display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:start}.station-sign{min-height:220px;border:1px solid var(--line);background:#e8e5dc;border-radius:100px 100px 18px 18px;padding:36px 24px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 8px #ffffff59;position:sticky;top:110px}.station-light{width:58px;height:24px;border-radius:20px 20px 4px 4px;background:var(--green);margin-bottom:22px;box-shadow:0 0 0 8px #1f5b491a}.station-sign strong{font-family:Georgia,serif;font-size:58px;font-weight:400}.station-sign small{color:var(--muted)}.source-list{display:grid;gap:16px}.source-card,.empty-card{background:var(--paper);border:1px solid rgba(23,37,34,.1);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.source-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.source-card h2,.source-sheet h2{font-family:Georgia,"Noto Serif SC",serif;font-size:26px;margin:20px 0 12px;font-weight:500}.source-card>p,.source-sheet>p{color:#4d5852;line-height:1.75;margin:0}.status-tag{display:inline-block;margin-top:14px;color:#7b642a;background:#f3e8c7;border-radius:99px;padding:5px 9px;font-size:11px}.card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.quiet,.primary{min-height:44px;border-radius:12px;padding:0 18px;border:1px solid var(--line);background:transparent;color:var(--ink)}.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 8px 18px #1f5b492e}.primary:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.wide{width:100%}.back-link{border:0;background:none;padding:0;margin-bottom:34px;color:var(--green);min-height:44px}.workbench-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}.source-sheet{background:#e9e6dc;border-radius:22px;padding:28px;border:1px solid var(--line);position:sticky;top:106px}.source-sheet small{display:block;border-top:1px solid rgba(23,37,34,.12);margin-top:24px;padding-top:18px;color:var(--muted)}.processing-form{background:var(--paper);border-radius:22px;padding:30px;border:1px solid rgba(23,37,34,.1);box-shadow:var(--shadow)}.ai-suggestion{padding:22px;background:var(--green-soft);border-radius:16px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin-bottom:26px}.ai-suggestion h2{margin:7px 0 0;font-family:Georgia,serif;font-weight:500}.ai-suggestion p{grid-column:1 / -1;margin:8px 0 0;line-height:1.65;color:#3f5b50}.ai-label,.quality-badge{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.quality-badge{align-self:start;border:1px solid rgba(31,91,73,.2);padding:5px 8px;border-radius:99px}.draft-keywords{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.draft-keywords span{padding:5px 9px;border-radius:99px;background:#ffffffb3;color:var(--green);font-size:12px}.draft-warnings{display:grid;gap:5px;margin:0 0 20px;padding:14px 16px;border-radius:12px;background:#fff3d9;color:#735214;font-size:13px}.draft-warnings span:before{content:"· "}.draft-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center}.draft-loading-card{width:min(720px,100%);margin:32px auto;padding:54px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.draft-loading-card h1{font-size:clamp(30px,5vw,48px)}.draft-loading-card p:not(.eyebrow){max-width:560px;margin:0 auto 24px;color:var(--muted);line-height:1.7}.draft-loading-steps{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:24px}.draft-loading-steps span{padding:7px 10px;border-radius:99px;background:#eeeee8;color:var(--muted);font-size:11px}.draft-loading-steps .done{background:var(--green-soft);color:var(--green)}.draft-loading-steps .active{background:#f5e8bd;color:#725a20;animation:draftPulse 1.2s ease-in-out infinite}.draft-orb{display:block;width:44px;height:44px;margin:0 auto 22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dff1c7,var(--green));box-shadow:0 0 0 10px var(--green-soft)}.draft-orb.is-loading{animation:draftPulse 1.2s ease-in-out infinite}@keyframes draftPulse{50%{transform:scale(.86);opacity:.65}}.processing-form label>span{display:block;font-weight:700;font-size:13px;margin-bottom:9px}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:13px 14px;resize:vertical}textarea:focus,input:focus,select:focus{border-color:var(--green)}.processing-form label small{display:block;color:var(--muted);margin:8px 0 22px}.processing-form label small.valid{color:var(--green)}.placement-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.manual-screen{max-width:960px}.manual-form{display:grid;gap:0;padding:0;overflow:hidden}.manual-form-section{display:grid;gap:18px;padding:28px 30px;border-bottom:1px solid var(--line)}.manual-form-section .placement-fields{margin-bottom:0}.form-step{color:var(--coral);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.manual-form-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 30px;background:#f0efe8}.manual-form-actions small{max-width:520px;color:var(--muted);line-height:1.5}.manual-form-actions .primary{flex:0 0 auto}.build-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(100%,760px);margin:0 auto 18px;padding:6px;border:1px solid var(--line);border-radius:16px;background:#ffffff7a}.build-mode-tabs button{min-height:46px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:700}.build-mode-tabs button.active{background:var(--paper);color:var(--green);box-shadow:0 5px 16px #23322b14}.build-ai-form label small{text-align:right}.settings-screen{max-width:920px}.provider-status-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:22px 24px;border:1px solid rgba(31,91,73,.16);border-radius:18px;background:var(--green-soft)}.provider-status-card div{display:grid;gap:4px}.provider-status-card div>span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.provider-status-card strong{font-family:Georgia,"Noto Serif SC",serif;font-size:23px;font-weight:500}.provider-status-card small{color:var(--muted);overflow-wrap:anywhere}.provider-mode{flex:0 0 auto;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:700}.provider-mode.mock{color:#6d5a2b;background:#f5e8bd}.provider-mode.live{color:#fff;background:var(--green)}.provider-settings-form{overflow:hidden;border:1px solid rgba(23,37,34,.1);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.settings-section{display:grid;gap:20px;padding:28px 30px;border-bottom:1px solid var(--line)}.settings-section label>span{display:block;margin-bottom:9px;font-size:13px;font-weight:700}.settings-section label>small{display:block;margin-top:8px;color:var(--muted);line-height:1.5}.privacy-note{display:grid;gap:5px;padding:15px 16px;border-radius:12px;background:#eef0e8;color:#4c5a53}.privacy-note strong{color:var(--green);font-size:12px}.privacy-note span{font-size:13px;line-height:1.6}.provider-actions{display:flex;justify-content:flex-end;gap:12px;padding:22px 30px;background:#f0efe8}.provider-actions .danger{min-height:44px;padding:0 18px;border:1px solid #b34f3b;border-radius:12px;color:#8e3628;background:#fff7f4}.account-settings .settings-section{gap:16px}.account-beta-notice{display:grid;gap:6px;padding:16px 18px;border:1px solid #dbc98f;border-radius:12px;background:#fff9e8;color:#66531f}.account-beta-notice strong{font-size:14px}.account-beta-notice p{margin:0;line-height:1.7}.account-beta-notice a{margin:0 4px;color:var(--green);font-weight:700}.account-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;min-width:0;max-width:100%}.account-form label{min-width:0}.account-form input{width:100%;min-width:0;max-width:100%}.account-form button{min-height:44px}.account-form>small{grid-column:1 / -1;line-height:1.6;overflow-wrap:anywhere}.account-otp-request-form{grid-template-columns:minmax(0,1fr)}.account-otp-request-form>button{grid-column:1 / -1;justify-self:start}.account-code-form{padding-top:14px;border-top:1px solid var(--line)}.account-status{margin:0;padding:12px 14px;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:13px;line-height:1.5}.account-status.error{color:#8e3628;background:#fff1ed}.account-session-summary{display:grid;gap:5px;padding:16px;border-radius:12px;background:var(--green-soft)}.account-session-summary span{color:var(--muted);font-size:13px}.account-delete-flow{border-top:1px solid var(--line)}.account-delete-flow .danger{justify-self:start;min-height:44px;padding:0 18px;border:1px solid #b34f3b;border-radius:12px;color:#8e3628;background:#fff7f4}.configuration-success{margin:0;padding:0 30px 22px;background:#f0efe8;color:var(--green);font-size:13px}.data-portability{margin-top:22px}.data-portability h2{margin:8px 0}.data-portability p{margin:0;color:var(--muted);line-height:1.7}.data-file-action{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;min-height:44px;border-radius:12px;padding:0 18px;border:1px solid var(--line)}.data-file-action input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.processing-preferences{margin-bottom:22px}.preference-row{grid-template-columns:1fr auto;align-items:center;border-bottom:0}.preference-row h2{margin:8px 0;font-family:Georgia,"Noto Serif SC",serif;font-size:24px;font-weight:500}.preference-row p{max-width:600px;margin:0;color:var(--muted);line-height:1.65}.switch-control{display:flex;align-items:center;gap:10px;cursor:pointer}.switch-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.switch-control>span{position:relative;width:48px;height:28px;border-radius:99px;background:#c9cec7;transition:background .18s ease}.switch-control>span:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #1e2d2533;transition:transform .18s ease}.switch-control input:checked+span{background:var(--green)}.switch-control input:checked+span:after{transform:translate(20px)}.switch-control input:focus-visible+span{outline:3px solid rgba(31,91,73,.2);outline-offset:3px}.switch-control strong{min-width:42px;color:var(--green);font-size:12px}.connection-test-result{margin:0;padding:0 30px 22px;background:#f0efe8;color:var(--muted);font-size:13px}.connection-test-result.success{color:var(--green)}.connection-test-result.failed{color:#9a4938}.reflection-screen{max-width:820px}.reflection-card{padding:clamp(28px,5vw,54px);border:1px solid rgba(23,37,34,.1);border-radius:26px;background:var(--paper);box-shadow:var(--shadow)}.reflection-card h1{max-width:680px;font-size:clamp(34px,5vw,50px)}.reflection-prompt{max-width:650px;margin:0 0 24px;color:var(--muted);line-height:1.75}.reflection-progress{display:flex;align-items:center;gap:9px;margin-bottom:34px;color:var(--muted);font-size:11px}.reflection-progress span{white-space:nowrap}.reflection-progress span.done{color:var(--green)}.reflection-progress span.active{color:var(--coral);font-weight:700}.reflection-progress i{flex:1;height:1px;background:var(--line)}.ai-summary-peek{margin:0 0 24px;padding:14px 16px;border-radius:13px;background:var(--green-soft);color:#3f5b50}.ai-summary-peek summary{cursor:pointer;font-weight:700;font-size:13px}.ai-summary-peek p{margin:12px 0 0;line-height:1.65}.reflection-card label>span{display:block;margin-bottom:9px;font-size:13px;font-weight:700}.reflection-card label small{display:block;margin:8px 0 24px;color:var(--muted)}.reflection-card label small.valid{color:var(--green)}.city-screen{min-height:calc(100vh - 76px);padding:42px clamp(20px,5vw,72px) 60px;overflow:hidden;background:radial-gradient(circle at 16% 6%,rgba(255,255,255,.88),transparent 25%),linear-gradient(180deg,#edf0e9,#e3e8df)}.city-toolbar{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:0 auto 24px;max-width:1440px}.city-toolbar h1{font-size:clamp(30px,4vw,48px);margin-bottom:16px}.city-vitals{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px}.city-vitals span{padding:7px 11px;border:1px solid rgba(31,91,73,.12);border-radius:999px;background:#ffffff7a}.city-vitals strong{color:var(--green);font-size:14px;margin-right:2px}.city-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.city-world-shell{position:relative;width:min(1440px,100%);height:clamp(620px,72vh,900px);margin:0 auto;overflow:hidden;border:1px solid rgba(23,37,34,.15);border-radius:32px;background:#c9ddd4;box-shadow:0 30px 80px #23322b29,inset 0 0 0 1px #fff6}.map-layer-control{position:absolute;top:18px;right:18px;z-index:18;color:var(--ink)}.map-layer-control summary{display:flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid rgba(31,91,73,.14);border-radius:12px;background:#f8f7ede6;box-shadow:0 8px 22px #23322b1f;font-size:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.map-layer-control[open] summary{border-radius:12px 12px 0 0}.map-layer-control>div{display:grid;gap:10px;width:190px;padding:13px 14px;border:1px solid rgba(31,91,73,.14);border-top:0;border-radius:0 0 12px 12px;background:#f8f7edf0;box-shadow:0 12px 24px #23322b1f;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.map-layer-control p,.map-layer-control label{display:flex;align-items:center;gap:9px;margin:0;font-size:11px}.map-layer-control p{color:var(--green);font-weight:700}.map-layer-control p i{width:10px;height:10px;background:#d8bd6f;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.map-layer-control label{justify-content:space-between;cursor:pointer}.map-layer-control input{accent-color:var(--green)}.city-world-3d{position:absolute;inset:0}.city-world-3d canvas{display:block;width:100%!important;height:100%!important;touch-action:none;outline:none}.world-controls-hint{position:absolute;right:20px;bottom:18px;display:flex;gap:6px;z-index:5;pointer-events:none;padding:7px;border-radius:12px;background:#1c3f34c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.world-controls-hint span{padding:3px 7px;color:#f7f1d9;font-size:10px;white-space:nowrap}.world-label{display:block;min-width:112px;max-width:190px;padding:7px 10px;border:1px solid rgba(33,66,54,.13);border-radius:10px;background:#faf7e5eb;color:#273f36;text-align:center;box-shadow:0 8px 22px #23322b29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.world-label strong,.world-label small{display:block}.world-label strong{font-size:12px}.world-label small{margin-top:3px;color:#6d756c;font-size:8px}.world-label--landmark{min-width:auto;padding:5px 9px;color:#70453b;font-family:Georgia,"Noto Serif SC",serif;font-size:10px}.world-zone-label{display:block;min-width:150px;padding:9px 12px;border:1px solid rgba(31,75,60,.2);border-left:4px solid #547e6d;border-radius:9px;background:#f7f4e1eb;color:#28463b;box-shadow:0 8px 20px #23322b21;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.world-zone-label strong,.world-zone-label small{display:block}.world-zone-label strong{font-family:Georgia,"Noto Serif SC",serif;font-size:14px;font-weight:600}.world-zone-label small{margin-top:3px;color:#6b766e;font-size:9px}.world-zone-label--workshop{border-left-color:#b45c49}.world-zone-label--observatory{border-left-color:#356e64}.world-zone-label--greenhouse{border-left-color:#5e8c70}.world-district-label{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(83,76,55,.16);border-radius:999px;background:#eee6cbeb;color:#615b45;font-size:9px;font-weight:700;white-space:nowrap;box-shadow:0 5px 12px #23322b1a}.world-district-label small{display:grid;place-items:center;min-width:15px;height:15px;border-radius:50%;background:#aa9f7b;color:#fff;font-size:8px}.world-empty-cta{min-width:240px;padding:16px 18px;border:1px solid rgba(31,91,73,.16);border-radius:16px;background:#faf7e5f0;color:var(--ink);box-shadow:0 15px 38px #23322b2e}.world-empty-cta strong,.world-empty-cta small{display:block}.world-empty-cta strong{font-family:Georgia,"Noto Serif SC",serif;font-size:17px;font-weight:500}.world-empty-cta small{margin-top:6px;color:var(--muted);font-size:10px}.world-empty-cta:hover{transform:translateY(-2px);box-shadow:0 18px 42px #23322b38}.world-fallback{display:grid;place-items:center;height:100%;padding:30px;color:#52665b;text-align:center}.world-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:13px;color:#4d675a;background:linear-gradient(145deg,#cfdfd3,#b7cbb9)}.world-loading i{width:42px;height:42px;border:3px solid rgba(31,91,73,.16);border-top-color:var(--green);border-radius:50%;animation:world-spin .8s linear infinite}.city-legend--world{left:20px;bottom:18px}.city-world-shell>.construction-toast{top:20px;right:auto;left:20px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.city-map-shell{width:min(1440px,100%);margin:0 auto;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(23,37,34,.14);border-radius:32px;background:#cbd9cc;box-shadow:0 30px 80px #23322b24,inset 0 0 0 1px #ffffff73;scrollbar-color:rgba(31,91,73,.28) transparent}.city-map{position:relative;width:max(1040px,100%);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,transparent 0 190px,rgba(241,239,219,.28) 191px 194px,transparent 195px),linear-gradient(180deg,#c9ddd4 0 190px,#b9cbb9 191px,#b1c5ad)}.sky-wash{position:absolute;inset:0 0 auto;height:250px;z-index:-7;background:linear-gradient(180deg,rgba(248,241,213,.86),rgba(202,222,212,.56) 62%,transparent)}.city-sun{position:absolute;left:770px;top:46px;width:78px;height:78px;border-radius:50%;z-index:-6;background:#f2c978;box-shadow:0 0 0 18px #f4d08821,0 0 70px #edbc5b59}.cloud{position:absolute;width:105px;height:20px;border-radius:30px;background:#fff9;z-index:-5;box-shadow:30px -10px 0 -1px #fff9,62px 1px 0 -4px #ffffff85;animation:cloud-drift 18s ease-in-out infinite alternate}.cloud--one{left:140px;top:72px}.cloud--two{left:610px;top:120px;transform:scale(.72);animation-delay:-7s}.city-horizon{position:absolute;left:0;right:0;top:120px;height:80px;z-index:-4;display:flex;align-items:end;gap:18px;padding:0 38px;opacity:.48}.city-horizon i{display:block;width:74px;height:46px;background:#789887;clip-path:polygon(50% 0,100% 34%,92% 100%,8% 100%,0 34%)}.city-horizon i:nth-child(2n){height:65px;background:#6d8e7d}.city-horizon i:nth-child(3n){width:112px;height:38px;background:#8aa393}.map-grid{position:absolute;inset:190px -18% -30%;z-index:-3;opacity:.38;transform:rotate(30deg) skew(-30deg) scaleY(.86);background-image:linear-gradient(rgba(31,91,73,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(31,91,73,.1) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 13%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 13%,#000 86%,transparent)}.river{position:absolute;z-index:-2;right:-100px;top:230px;width:235px;height:120%;border-radius:46% 0 0 44%;transform:rotate(7deg);background:linear-gradient(90deg,#8fbdb2,#a8cfc4 46%,#84b2aa);box-shadow:inset 16px 0 #ffffff38,-14px 0 #e0deb773}.river:after{content:"";position:absolute;left:40px;top:310px;width:82px;height:3px;background:#ffffff80;box-shadow:28px 150px #ffffff6b,-6px 300px #ffffff6b}.bridge{position:absolute;left:-36px;top:232px;width:160px;height:34px;border-radius:10px;background:#d5b184;transform:rotate(-10deg);box-shadow:0 8px #674e3526}.park{position:absolute;z-index:-1;display:flex;gap:24px;align-items:end;padding:20px;border-radius:50%;background:#4b7e591f}.park--left{left:28px;top:215px;width:210px;height:125px;transform:rotate(-8deg)}.park--right{left:738px;top:505px;width:180px;height:116px}.park i{position:relative;display:block;width:18px;height:42px;background:#6d5b3f;border-radius:7px}.park i:before{content:"";position:absolute;width:48px;height:48px;border-radius:50% 50% 43% 57%;background:#527e5c;left:50%;top:-26px;transform:translate(-50%);box-shadow:14px 5px 0 -5px #76966e}.district-label{position:absolute;left:34px;top:28px;z-index:2;display:flex;gap:12px;align-items:center;color:var(--green)}.district-label>span{font-family:Georgia,serif;font-size:34px;opacity:.42}.district-label strong,.district-label small{display:block}.district-label small{color:#61736a;margin-top:4px}.road-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.main-boulevard{position:absolute;left:519px;top:182px;width:26px;height:calc(100% - 230px);transform:translate(-50%);border-radius:20px;background:#d3c8ac;box-shadow:0 0 0 7px #f2ebd257}.main-boulevard i{position:absolute;left:12px;top:20px;bottom:20px;border-left:2px dashed rgba(117,103,76,.24)}.city-road{position:absolute;height:18px;border-radius:18px;transform-origin:left center;background:#d4c9ac;box-shadow:0 0 0 5px #f4edd552}.city-road--district{height:13px;background:#c8c3a9}.city-road i{position:absolute;left:12px;right:12px;top:50%;border-top:2px dashed rgba(119,104,78,.24);transform:translateY(-50%)}.central-plaza{position:absolute;left:520px;top:170px;z-index:5;width:210px;height:190px;transform:translate(-50%,-50%);pointer-events:none}.plaza-ring{position:absolute;left:50%;bottom:3px;width:190px;height:72px;border-radius:50%;transform:translate(-50%);background:#e2d8bd;border:7px solid rgba(255,255,255,.32);box-shadow:0 12px 28px #2c3e3424}.landmark{position:absolute;left:50%;bottom:35px;width:70px;height:135px;transform:translate(-50%);background:linear-gradient(90deg,#a95443,#c06952 55%,#9c4a3d);clip-path:polygon(50% 0,72% 22%,72% 34%,91% 34%,91% 100%,9% 100%,9% 34%,28% 34%,28% 22%);filter:drop-shadow(12px 14px 7px rgba(35,50,43,.2))}.spire{position:absolute;left:33px;top:-16px;width:4px;height:22px;border-radius:3px;background:#684837}.clock-face{position:absolute;left:22px;top:45px;width:26px;height:26px;border:4px solid #7b3c32;border-radius:50%;background:#f5dfac}.clock-hand{position:absolute;left:34px;top:53px;width:2px;height:10px;background:#714238;transform-origin:bottom;transform:rotate(26deg);animation:clock-tick 8s steps(8) infinite}.tower-door{position:absolute;left:26px;bottom:0;width:18px;height:30px;border-radius:10px 10px 0 0;background:#563e33}.plaza-name{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);padding:5px 10px;border-radius:999px;background:#faf7e8e0;color:#4c5f55;font-size:11px;white-space:nowrap;box-shadow:0 5px 14px #23322b17}.district-marker{position:absolute;z-index:7;display:flex;align-items:center;gap:6px;color:#4f675a;font-size:10px;letter-spacing:.04em;pointer-events:none}.district-marker>i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f4f1dce6;font-style:normal;font-family:Georgia,serif;color:#7a8b77;border:1px solid rgba(31,91,73,.13)}.district-marker>span{padding:4px 8px;border-radius:999px;background:#f4f1dccc}.building{--roof:#d8755a;--wall:#f1e5cd;--window:#82a899;--trim:#af664f;position:absolute;z-index:10;width:154px;min-height:170px;padding:0;border:0;background:none;color:var(--ink);transform:translate(-50%,-58%);transition:transform .22s ease,filter .22s ease}.building:hover{transform:translate(-50%,-62%);filter:brightness(1.035)}.building:focus-visible{border-radius:18px}.building-visual{position:relative;display:block;width:116px;height:122px;margin:0 auto}.building-shadow{position:absolute;left:13px;bottom:2px;width:96px;height:31px;border-radius:50%;background:#3043392e;transform:skew(-28deg);filter:blur(2px)}.building-chimney{position:absolute;right:28px;top:20px;width:13px;height:38px;border-radius:4px 4px 0 0;background:var(--trim);box-shadow:inset -3px 0 #00000014}.building-roof{position:absolute;left:10px;top:12px;width:96px;height:50px;margin:0;background:var(--roof);clip-path:polygon(50% 0,100% 76%,91% 100%,9% 100%,0 76%);filter:drop-shadow(8px 8px 4px rgba(35,50,43,.15))}.building-roof>i{position:absolute;left:44px;top:13px;width:10px;height:10px;border-radius:50%;background:#f3d59b;border:2px solid rgba(83,63,48,.3)}.building-body{position:absolute;left:18px;top:57px;width:80px;height:61px;margin:0;padding:0 9px;display:flex;justify-content:space-between;align-items:end;border:2px solid rgba(23,37,34,.14);background:var(--wall);box-shadow:9px 10px #1f5b491f}.building-body i{display:block;background:var(--window)}.building-body .window{width:13px;height:25px;margin-bottom:21px;border-radius:7px 7px 2px 2px;box-shadow:inset 0 8px #ffffff2b}.building-body .door{width:17px;height:32px;border-radius:9px 9px 1px 1px;background:#765542}.building-canopy{display:none}.building-copy{position:relative;display:block;margin-top:4px}.building-copy strong,.building-copy small{display:block;width:max-content;max-width:154px;margin:0 auto;padding:4px 8px;border-radius:7px;background:#f7f4e4eb;box-shadow:0 5px 14px #23322b14}.building-copy strong{font-size:13px}.building-copy small{margin-top:3px;color:#66756d;font-size:10px}.building--workshop{--roof:#c85f4d;--wall:#f0cfae;--window:#5f8f81;--trim:#7e5040}.building--workshop .building-chimney:after{content:"";position:absolute;left:3px;top:-12px;width:16px;height:12px;border-radius:50%;background:#ffffff7a;filter:blur(2px);animation:chimney-puff 4s ease-in-out infinite}.building--observatory{--roof:#3f776b;--wall:#d9e4d9;--window:#dfb85e;--trim:#355e57}.building--observatory .building-roof{width:80px;height:57px;left:18px;border-radius:54px 54px 8px 8px;clip-path:none}.building--observatory .building-roof:after{content:"";position:absolute;right:8px;top:-13px;width:30px;height:15px;border-radius:50% 50% 5px 5px;background:#d8c8a5;transform:rotate(-18deg);border:2px solid #3c665e}.building--greenhouse{--roof:#6ea18b;--wall:#e0e6d0;--window:#9bc1ae;--trim:#527763}.building--greenhouse .building-roof{opacity:.82;border:2px solid #517b68}.building--greenhouse .building-canopy{display:block;position:absolute;left:4px;bottom:13px;width:40px;height:28px;border-radius:50%;background:#5d885f;box-shadow:69px 2px 0 -4px #76956a}.building.level-2 .building-body,.building.level-3 .building-body{box-shadow:9px 10px #1f5b492e,0 0 26px #deb25852}.building.level-2 .building-roof:before,.building.level-3 .building-roof:before{content:"";position:absolute;right:12px;top:10px;width:7px;height:7px;border-radius:50%;background:#f5cc68;box-shadow:0 0 12px #f5cc68}.building.level-3{--roof:#d6a345}.building.level-3 .building-visual:after{content:"✦";position:absolute;right:1px;top:2px;color:#d39a31;font-size:18px;text-shadow:0 0 14px rgba(242,195,92,.7)}.building.is-new .building-visual{animation:building-rise 1.15s cubic-bezier(.2,.9,.3,1) both}.build-spark{position:absolute;left:50%;top:28px;width:7px;height:7px;border-radius:50%;background:#f4c65e;box-shadow:-38px 15px #f4c65e,42px 7px #fff0bb,-28px -22px #fff0bb,30px -28px #f4c65e;animation:spark-burst 1.3s ease-out both}.building{--building-scale:1;--building-height:76px;--front-width:76px;--side-depth:34px;min-height:224px;perspective:520px}.building:before{content:"";position:absolute;left:50%;bottom:63px;width:126px;height:54px;border-radius:50%;transform:translate(-50%) scale(var(--building-scale));background:#e4debb94;border:1px solid rgba(72,99,82,.12);box-shadow:inset 0 0 0 7px #ffffff29,0 12px 18px #2a3d321f}.building:hover{z-index:30}.building-visual{width:150px;height:176px;margin:-24px auto -4px;transform:scale(var(--building-scale));transform-origin:50% 100%;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.building:hover .building-visual{transform:scale(var(--building-scale)) scale(1.055) translateY(-3px)}.building-shadow{left:25px;bottom:15px;width:112px;height:31px;transform:skew(-30deg);background:#25392f40;filter:blur(4px)}.building-body{left:25px;top:auto;bottom:24px;width:var(--front-width);height:var(--building-height);margin:0;padding:0 8px;z-index:3;overflow:hidden;display:flex;justify-content:space-between;align-items:end;border:1px solid rgba(29,45,37,.18);border-top:0;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent 34%),var(--wall);box-shadow:inset -7px 0 #2e463912,0 8px #1f5b491a}.building-body .floor-lines{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(to bottom,transparent 0 18px,rgba(61,84,70,.1) 19px,transparent 20px)}.building-body .window{width:12px;height:23px;margin-bottom:20px;z-index:2;border:2px solid rgba(55,79,65,.18);background:linear-gradient(135deg,rgba(255,255,255,.5),transparent 44%),var(--window);box-shadow:inset 0 7px #ffffff1f,0 0 9px #ecbb4f24}.building-body .door{z-index:2;width:17px;height:31px}.building-side{position:absolute;left:101px;bottom:24px;z-index:2;width:var(--side-depth);height:var(--building-height);display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:22px;clip-path:polygon(0 17px,100% 0,100% calc(100% - 17px),0 100%);background:color-mix(in srgb,var(--wall) 72%,#345343);border-right:1px solid rgba(27,45,36,.2);box-shadow:inset 7px 0 #ffffff0d}.building-side i{width:10px;height:14px;border-radius:5px 5px 1px 1px;background:color-mix(in srgb,var(--window) 74%,#294c40);box-shadow:0 0 7px #ebb94e24}.building-roof{left:25px;top:auto;bottom:calc(23px + var(--building-height));z-index:5;width:110px;height:42px;margin:0;clip-path:polygon(0 58%,69% 0,100% 40%,31% 100%);background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 42%),var(--roof);filter:drop-shadow(5px 7px 3px rgba(35,50,43,.16))}.building-roof>i{left:58px;top:10px;width:9px;height:9px}.building-roof>b{position:absolute;left:24px;top:19px;width:64px;height:2px;display:block;background:#ffffff2e;transform:rotate(-27deg)}.building-roof-side{position:absolute;left:25px;bottom:calc(19px + var(--building-height));z-index:4;width:110px;height:28px;clip-path:polygon(0 52%,69% 0,100% 39%,31% 100%);transform:translateY(12px);background:color-mix(in srgb,var(--roof) 70%,#663d31);filter:brightness(.86)}.building-chimney{right:31px;top:auto;bottom:calc(46px + var(--building-height));z-index:6;width:13px;height:36px;background:linear-gradient(90deg,var(--trim) 0 68%,color-mix(in srgb,var(--trim) 70%,#253c32) 69%)}.building-annex{position:absolute;left:4px;bottom:24px;z-index:4;width:34px;height:54px;background:color-mix(in srgb,var(--wall) 88%,#bf8d5f);border:1px solid rgba(30,48,39,.15);box-shadow:inset -7px 0 #2a43351c}.building-annex:before{content:"";position:absolute;left:-1px;top:-17px;width:45px;height:20px;clip-path:polygon(0 62%,75% 0,100% 38%,25% 100%);background:var(--roof)}.building-annex i{position:absolute;left:11px;bottom:10px;width:10px;height:17px;border-radius:5px 5px 1px 1px;background:var(--window)}.building-canopy{z-index:7}.building-copy{z-index:12;margin-top:-6px}.building-copy strong,.building-copy small,.building-copy em{position:relative;display:block;width:max-content;max-width:154px;margin:0 auto;padding:4px 8px;border-radius:7px;background:#f7f4e4f0;box-shadow:0 5px 14px #23322b14}.building-copy em{margin-top:3px;color:#8a6941;font-size:9px;font-style:normal;letter-spacing:.02em;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}.building:hover .building-copy em,.building:focus-visible .building-copy em{opacity:1;transform:none}.city-map.show-volume .building-copy em{opacity:1;transform:none}.building-mass--seed{--building-height:62px}.building-mass--compact{--building-height:82px}.building-mass--dense{--building-height:108px}.building-mass--landmark{--building-height:132px}.building-mass--landmark:after{content:"";position:absolute;left:50%;bottom:70px;width:154px;height:154px;border-radius:50%;transform:translate(-50%);z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(237,190,90,.22),transparent 68%);animation:landmark-glow 3.6s ease-in-out infinite}.building--observatory .building-roof{left:34px;bottom:calc(26px + var(--building-height));width:94px;height:50px;border:0;border-radius:0;clip-path:ellipse(48% 45% at 50% 55%)}.building--observatory .building-roof:after{right:13px;top:2px}.building--observatory .building-roof-side{opacity:.38}.building--greenhouse .building-roof{opacity:.88;border:0}.building--greenhouse .building-side{opacity:.88}.building--greenhouse .building-canopy{bottom:23px}.building.level-2 .building-body,.building.level-3 .building-body{box-shadow:inset -7px 0 #2e463912,0 8px #1f5b491f,0 0 28px #d9a94f47}.building.level-2 .building-roof:before,.building.level-3 .building-roof:before{z-index:3}.city-empty{position:absolute;left:520px;top:430px;z-index:8;width:420px;text-align:center;transform:translate(-50%,-50%)}.blueprint-lot{display:grid;place-items:center;width:210px;height:92px;margin:0 auto 18px;border:2px dashed rgba(31,91,73,.26);border-radius:50%;background:#f4f1dc61;transform:rotate(-3deg)}.blueprint-building{display:block;width:76px;height:88px;border:2px dashed rgba(31,91,73,.5);clip-path:polygon(50% 0,100% 32%,100% 100%,0 100%,0 32%);transform:translateY(-18px)}.empty-kicker{margin:0 0 7px!important;color:var(--coral)!important;font-size:11px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.city-empty h2{margin:0 0 10px;font-family:Georgia,"Noto Serif SC",serif;font-size:28px;font-weight:500}.city-empty>p:not(.empty-kicker){margin:0 auto 22px;color:#53675d;line-height:1.65}.construction-toast{position:absolute;right:34px;top:30px;z-index:20;display:flex;align-items:center;gap:12px;max-width:340px;padding:13px 16px;border:1px solid rgba(31,91,73,.14);border-radius:16px;background:#fbf8e7f0;box-shadow:0 16px 40px #23322b24;animation:toast-arrive .6s .45s ease both}.construction-toast>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1d78f;color:#885f1c;font-style:normal}.construction-toast strong,.construction-toast small{display:block}.construction-toast small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.construction-toast--first{align-items:flex-start;max-width:390px;padding:18px}.construction-toast-actions{display:flex!important;gap:8px;margin-top:13px}.construction-toast-actions button{min-height:36px;padding:0 12px;font-size:11px}.city-legend{position:absolute;left:26px;bottom:22px;z-index:15;display:flex;gap:8px;padding:8px;border-radius:14px;background:#f4f2e1cc;box-shadow:0 8px 22px #23322b14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.city-legend span{display:flex;align-items:center;gap:6px;padding:3px 7px;color:#617169;font-size:10px}.city-legend i{display:block;flex:0 0 auto}.legend-light{width:9px;height:9px;border-radius:50%;background:#e8b94f;box-shadow:0 0 7px #e8b94f}.legend-road{width:20px;border-top:4px solid #c4b999}.legend-star{width:17px;height:17px;color:#d39a31}.legend-star:after{content:"✦"}.legend-cube{position:relative;width:14px;height:14px;background:#d7a45a;transform:skewY(26deg);box-shadow:5px -3px #efd18e}.legend-cube--small{transform:skewY(26deg) scale(.72)}.legend-cube--large{height:19px;background:#5f8c79;box-shadow:6px -4px #9db8a6}@keyframes cloud-drift{to{transform:translate(35px)}}@keyframes clock-tick{to{transform:rotate(386deg)}}@keyframes chimney-puff{0%,to{opacity:0;transform:translateY(4px) scale(.6)}40%{opacity:.7}80%{opacity:0;transform:translate(10px,-12px) scale(1.2)}}@keyframes building-rise{0%{opacity:0;transform:translateY(54px) scale(.72);filter:blur(4px)}65%{opacity:1;transform:translateY(-5px) scale(1.03);filter:blur(0)}to{transform:none}}@keyframes spark-burst{0%{opacity:0;transform:translate(-50%,34px) scale(.2)}45%{opacity:1}to{opacity:0;transform:translate(-50%,-28px) scale(1.4)}}@keyframes toast-arrive{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes landmark-glow{0%,to{opacity:.5;transform:translate(-50%) scale(.9)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}@keyframes world-spin{to{transform:rotate(360deg)}}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:start}.building-profile{background:#dfe6dc;border-radius:28px;padding:42px;min-height:560px;position:sticky;top:104px;overflow:hidden}.building-profile:after{content:"";position:absolute;width:360px;height:120px;border:1px solid rgba(31,91,73,.12);border-radius:50%;bottom:-35px;left:-30px}.profile-building{width:110px;height:136px;background:#f4eadd;display:flex;align-items:center;justify-content:space-around;padding:0 18px;margin:6px 0 40px;clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);filter:drop-shadow(16px 18px 0 rgba(31,91,73,.12))}.profile-building i{width:13px;height:35px;background:#98b6a8;border-radius:8px 8px 2px 2px;margin-top:50px}.profile-building--workshop{background:#efcfad}.profile-building--observatory{background:#d4e2db;clip-path:polygon(20% 23%,34% 4%,66% 4%,80% 23%,100% 34%,100% 100%,0 100%,0 34%)}.profile-building--greenhouse{background:linear-gradient(135deg,#ffffffb8,#a9c8b5);border:2px solid rgba(51,104,79,.28)}.profile-building.level-2,.profile-building.level-3{filter:drop-shadow(16px 18px 0 rgba(31,91,73,.2)) drop-shadow(0 0 18px rgba(217,169,79,.45))}.building-profile h1{font-size:46px}.building-profile>p:not(.eyebrow){color:#4d5d55;line-height:1.7}.mastery-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;gap:8px}.mastery-track span{color:var(--muted);font-size:11px;text-align:center}.mastery-track i{display:block;height:5px;background:#c2c8c1;margin-bottom:8px;border-radius:5px}.mastery-track span.done{color:var(--green);font-weight:700}.mastery-track span.done i{background:var(--green)}.evidence-panel{background:var(--paper);border:1px solid rgba(23,37,34,.1);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.detail-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 26px;padding:5px;border-radius:14px;background:#ecebe3}.detail-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700}.detail-tabs button[aria-selected=true]{background:var(--paper);color:var(--green);box-shadow:0 3px 10px #23322b14}.detail-tabs button span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#1f5b491a;font-size:10px}.source-tab-list{display:grid;gap:14px}.source-tab-list>article{padding:18px;border:1px solid var(--line);border-radius:15px;background:#f7f5ed}.source-tab-list article>div{display:flex;align-items:start;justify-content:space-between;gap:14px}.source-tab-list article>div span,.source-tab-list time{color:var(--muted);font-size:10px}.source-tab-list article p{margin:14px 0;color:#465b51;line-height:1.7;white-space:pre-wrap}.source-tab-list article a{display:block;margin-bottom:10px;color:var(--green);font-weight:700;overflow-wrap:anywhere}.source-tab-list time{display:block}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-heading h2{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:0}.panel-heading>span{width:44px;height:44px;border-radius:50%;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-weight:700}.evidence-list{display:grid;gap:10px;margin-bottom:24px}.evidence-list article{border:1px solid var(--line);border-radius:14px;padding:16px}.evidence-list span{font-size:11px;color:var(--coral);font-weight:700;letter-spacing:.08em}.evidence-list p{margin:8px 0 0;line-height:1.6}.evidence-form{background:#f0efe8;border-radius:16px;padding:18px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#dedfd7;border-radius:10px;padding:3px;margin-bottom:12px}.segmented button{border:0;background:transparent;border-radius:8px;padding:9px;color:var(--muted)}.segmented button.selected{background:#fff;color:var(--ink);box-shadow:0 2px 6px #0000000f}.evidence-form textarea{margin-bottom:10px}@media(max-width:760px){.account-gate-dialog{inset:auto 0 0;width:100%;max-width:none;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));margin:0;border-width:1px 0 0;border-radius:24px 24px 0 0}.account-gate-content{max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));padding:24px max(18px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.account-gate-content>h1{padding-right:44px;font-size:32px}.account-gate.provider-settings-form{margin-top:18px;overflow:visible}.account-gate .settings-section{padding:22px 0}.demo-city-screen{padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.demo-city-intro,.demo-city-grid{grid-template-columns:1fr}.demo-city-intro{align-items:stretch;padding-top:32px}.demo-city-actions{min-width:0}.demo-tour-progress{grid-template-columns:repeat(2,1fr)}.demo-city-world,.demo-city-world .city-runtime-fallback{min-height:540px}.app-header{grid-template-columns:1fr auto;height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.progress-pill{display:none}.app-header nav button{padding:9px 8px;font-size:12px}.brand-mark{width:34px;height:34px}.screen{width:min(100% - 28px,1160px);padding:42px 0 70px}h1{font-size:36px}.station-grid,.workbench-grid,.detail-grid{grid-template-columns:1fr}.station-sign{position:static;min-height:auto;border-radius:18px;flex-direction:row;gap:12px;padding:16px}.station-sign .station-light{width:28px;height:14px;margin:0}.station-sign strong{font-size:28px}.source-card{padding:22px}.card-actions{justify-content:stretch}.card-actions button{flex:1;padding:0 8px}.source-sheet,.building-profile{position:static}.manual-form-actions{align-items:stretch;flex-direction:column}.manual-form-actions .primary{width:100%}.provider-actions{align-items:stretch;flex-direction:column-reverse}.provider-actions button,.provider-actions .data-file-action{width:100%}.account-form,.preference-row{grid-template-columns:1fr}.switch-control{justify-content:flex-start}.reflection-card .draft-actions{align-items:stretch;flex-direction:column-reverse}.reflection-card .draft-actions button{width:100%}.placement-fields{grid-template-columns:1fr}.city-screen{padding:30px 14px 40px}.city-toolbar{align-items:start;gap:18px}.city-toolbar h1{font-size:29px}.city-vitals{max-width:300px}.city-actions{max-width:260px}.city-world-shell{height:clamp(560px,70vh,760px);border-radius:22px}.map-layer-control{top:12px;right:12px}.world-controls-hint{right:12px;bottom:12px}.world-controls-hint span:nth-child(3){display:none}.city-legend--world{left:12px;bottom:12px}.city-map-shell{border-radius:22px}.district-label{left:20px;top:20px}.city-world-shell>.construction-toast{left:12px;right:12px;top:64px;width:auto}.city-legend{left:18px;bottom:16px}.building-profile{padding:28px;min-height:auto}.building-profile h1{font-size:38px}.evidence-panel{padding:22px}}@media(max-width:520px){.city-toolbar{flex-direction:column}.city-actions{justify-content:flex-start;max-width:none}.city-vitals span{padding:6px 9px}.city-world-shell{height:calc(100vh - 278px);min-height:500px}.city-legend--world{position:absolute;left:10px;bottom:10px;width:max-content;flex-direction:column}.world-controls-hint{top:10px;right:10px;bottom:auto}.world-controls-hint span{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.public-shell{min-height:100vh;background:var(--cream);color:var(--ink)}.public-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:0 max(24px,calc((100vw - 1040px)/2));border-bottom:1px solid var(--line);background:#f7f4e4f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.public-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--green);color:#fff;font-family:Georgia,"Noto Serif SC",serif;font-size:20px}.public-brand strong{display:flex;align-items:baseline;gap:7px;font-family:Georgia,"Noto Serif SC",serif;font-size:18px}.public-brand small{color:var(--muted);font-family:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.public-header nav{display:flex;gap:18px}.public-header nav a,.public-footer a,.public-document a{color:var(--green);font-weight:700;text-underline-offset:3px}.public-header nav a{font-size:13px;text-decoration:none}.public-document{width:min(100% - 40px,840px);min-height:calc(100vh - 150px);margin:0 auto;padding:72px 0 90px}.public-document h1{max-width:760px;margin:10px 0 20px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(38px,6vw,66px);font-weight:500;line-height:1.12}.public-document h2{margin:40px 0 10px;font-family:Georgia,"Noto Serif SC",serif;font-size:24px;font-weight:600}.public-document p,.public-document li{color:#43584f;font-size:16px;line-height:1.8}.public-document li+li{margin-top:8px}.public-document code{padding:2px 6px;border-radius:6px;background:#e8e8dd;font-size:.9em;overflow-wrap:anywhere}.public-lead{max-width:720px;font-size:18px!important}.public-summary{margin-top:48px;padding:22px 24px;border-left:4px solid var(--green);border-radius:0 14px 14px 0;background:var(--green-soft)}.public-summary p{margin:8px 0 0;font-size:14px}.public-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 36px}.public-download-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0;padding:24px;border:1px solid rgba(31,91,73,.16);border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}.public-download-card.is-pending{display:block;border-style:dashed;box-shadow:none}.public-download-card.is-pending p{margin:8px 0 0}.release-facts{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.release-facts div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:13px 16px;background:var(--paper)}.release-facts dt{color:var(--muted);font-size:13px}.release-facts dd{margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;overflow-wrap:anywhere}.public-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;padding:26px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:700px){.public-header{position:static;align-items:flex-start;flex-direction:column;padding:16px 20px}.public-header nav{width:100%;gap:12px;overflow-x:auto;padding-bottom:2px}.public-header nav a{white-space:nowrap}.public-document{padding-top:48px}.public-download-card{align-items:stretch;flex-direction:column}.release-facts div{grid-template-columns:1fr;gap:4px}}