:root{--ink:#e9e2d0;--ink-dim:#b7ae99;--panel:#1c1a16c7;--edge:#e9e2d02e;color:var(--ink);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{background:#24231f;height:100%;margin:0;overflow:hidden}.city-view{cursor:grab;position:fixed;inset:0}.city-view.dragging{cursor:grabbing}.title-card{background:var(--panel);border:1px solid var(--edge);pointer-events:none;padding:10px 16px;position:fixed;top:16px;left:16px}.title-card h1{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:20px}.title-card p{color:var(--ink-dim);margin:2px 0 0;font-size:13px;font-style:italic}.hint{color:var(--ink-dim);background:var(--panel);border:1px solid var(--edge);pointer-events:none;padding:6px 10px;font-size:12px;position:fixed;bottom:16px;left:16px}.attribution{color:var(--ink-dim);font-family:system-ui,sans-serif;font-size:11px;position:fixed;bottom:6px;right:8px}.attribution a{color:inherit}.clock{text-align:center;background:var(--panel);border:1px solid var(--edge);padding:8px 18px 10px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.clock-date{letter-spacing:.06em;color:var(--ink-dim);font-size:13px}.clock-time{letter-spacing:.04em;font-size:26px;line-height:1.15}.clock-speeds{justify-content:center;gap:4px;margin-top:6px;display:flex}.clock-speeds button,.info-close{color:var(--ink-dim);border:1px solid var(--edge);cursor:pointer;background:0 0;padding:2px 6px;font:11px system-ui,sans-serif}.clock-speeds button.active{color:#1d1b17;background:var(--ink)}.totals{color:var(--ink-dim);background:var(--panel);border:1px solid var(--edge);pointer-events:none;flex-direction:column;gap:2px;padding:8px 12px;font:12px system-ui,sans-serif;display:flex;position:fixed;top:16px;right:16px}.info-card{border:1px solid var(--edge);background:#1c1a16eb;min-width:200px;max-width:300px;padding:10px 14px;position:fixed;box-shadow:0 6px 20px #0006}.info-close{border:none;font-size:15px;line-height:1;position:absolute;top:6px;right:6px}.info-name,.info-title{padding-right:18px;font-size:17px}.info-list{margin:8px 0 0;padding:0;font-size:13px;list-style:none}.info-list li{border-top:1px solid var(--edge);flex-direction:column;padding:3px 0;display:flex}.info-list em{color:var(--ink-dim);font-size:11px}.info-empty,.info-residents{color:var(--ink-dim);margin-top:8px;font-size:13px}.info-what{color:var(--ink-dim);margin-top:2px;font-size:13px;font-style:italic}.info-follow{color:var(--ink);border:1px solid var(--edge);cursor:pointer;background:0 0;margin-top:10px;padding:3px 10px;font:12px system-ui,sans-serif;display:block}.info-follow.active{color:#1d1b17;background:var(--ink)}.clock-speeds button.clock-new{margin-left:6px}.status-banner,.notice{background:var(--panel);border:1px solid var(--edge);padding:12px 20px;font-size:15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.status-banner button{color:#1d1b17;background:var(--ink);cursor:pointer;border:0;margin-left:8px;padding:3px 10px;font:13px system-ui,sans-serif}.notice{cursor:pointer;font:13px system-ui,sans-serif;top:auto;bottom:56px;transform:translate(-50%)}.sound{background:var(--panel);border:1px solid var(--edge);align-items:center;gap:8px;padding:4px 8px;display:flex;position:fixed;bottom:28px;right:12px}.sound-toggle{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;padding:2px;display:flex}.sound-toggle.on{color:var(--ink)}.sound input[type=range]{accent-color:#c9a24f;width:90px}