:root{--tint:#e1eacb;--line:#d2dcc0;--ink:#354829;--muted:#6a7858}.city-grid{padding:12px;background:#eef1e4}canvas{border-radius:8px}.city-tools .palette{margin-bottom:20px}.city-tools .palette button{min-height:79px}.city-ledger{margin-top:18px}.resource{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.resource strong{font:12px ui-monospace,monospace;color:var(--accent)}.timeline{height:60px;display:flex;gap:5px;align-items:flex-end;border-bottom:1px solid var(--line);padding:0 5px}.timeline div{background:#8eae70;flex:1;border-radius:4px 4px 0 0;min-width:5px}.city-milestones{background:var(--tint);padding:15px;border-radius:10px;margin-top:18px}.city-milestones p:last-child{margin:0}.ledger-note{font-size:11px;color:var(--muted);margin-top:10px}@media(max-width:840px){.city-tools .palette{grid-template-columns:repeat(5,1fr)}.city-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.city-tools h2,.city-tools .palette,.city-tools .city-milestones{grid-column:1/-1}}@media(max-width:480px){.city-tools{grid-template-columns:1fr}.city-tools .palette{grid-template-columns:repeat(3,1fr)}canvas{min-height:325px}.city-grid{padding:7px}}