@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--glass: rgba(10, 16, 22, .72);--glass-2: rgba(16, 24, 32, .78);--stroke: rgba(255, 255, 255, .08);--stroke-2: rgba(255, 255, 255, .14);--text: #eef3f6;--muted: #93a4b0;--accent: #2dd4bf;--accent-dim: rgba(45, 212, 191, .18);--amber: #f5b030;--danger: #e86b4a;--r: #f4d35e;--c: #4d8ef0;--i: #d97706;--shadow: 0 8px 28px rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#070b0e;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;overflow:hidden;-webkit-user-select:none;user-select:none}input,textarea,select{user-select:text!important;-webkit-user-select:text!important;pointer-events:auto}#test-llm-prompt{position:relative;z-index:2;min-height:96px}#map:focus,#title-screen:focus,#settings-modal .panel:focus{outline:none}#app{height:100%}#title-screen{position:relative;height:100%;overflow:hidden;background:#0a1412}#title-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;image-rendering:auto;pointer-events:none}.title-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px 36px;overflow-y:auto;background:linear-gradient(180deg,#060a0e8c,#060a0e1f 38%,#060a0e2e 62%,#060a0eb8);pointer-events:none}.title-overlay .row,.title-overlay button,.title-overlay .bots-control{pointer-events:auto}#title-screen .family{font-size:12px;font-weight:600;letter-spacing:.46em;color:#e8f2f694;margin-bottom:8px;margin-left:.46em}#title-screen h1{font-size:clamp(52px,8.4vw,96px);letter-spacing:.14em;font-weight:800;color:#f4f7fa;text-shadow:0 8px 40px rgba(0,0,0,.55);margin-left:.14em}#title-screen .tag{margin-top:6px;font-size:16px;font-weight:500;letter-spacing:.06em;color:#d7e4ea;text-shadow:0 2px 12px rgba(0,0,0,.6)}#title-screen .row{margin-top:22px;display:flex;gap:12px;align-items:center}.bots-control{margin-top:18px;pointer-events:auto;width:min(380px,86vw);padding:14px 16px 12px;background:#0a10169e;border:1px solid var(--stroke-2);border-radius:14px;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:var(--shadow)}.bots-control label,#settings-modal label[for]{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:8px;text-transform:uppercase}.bots-row{display:flex;align-items:center;gap:10px}.bots-row input[type=range],.bots-control input[type=range]{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer}.bots-row input[type=number],.bots-control input[type=number]{width:84px;flex:0 0 84px;padding:6px 8px;background:#00000059;color:var(--text);border:1px solid var(--stroke);border-radius:8px;font-family:inherit;font-variant-numeric:tabular-nums;font-weight:600;-webkit-user-select:text;user-select:text}.bots-control .hint,#settings-modal .bots-row+.hint{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.4;font-weight:500}.bots-warn{margin-top:8px;font-size:11px;font-weight:600;line-height:1.4;color:#ffd4a8;background:#f5b0301f;border:1px solid rgba(245,176,48,.35);border-radius:8px;padding:7px 9px}button{font-family:inherit;font-size:13px;font-weight:600;color:var(--text);background:#ffffff14;border:1px solid var(--stroke-2);padding:8px 16px;cursor:pointer;border-radius:10px;transition:background .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}button:hover{background:#ffffff24;border-color:#ffffff38}button:active{transform:translateY(1px)}button.selected{background:var(--accent-dim);border-color:var(--accent);color:#e7fffb;box-shadow:0 0 0 1px #2dd4bf40,0 4px 16px #2dd4bf1f}button.primary{background:linear-gradient(180deg,#3ee0c8,#1fbfa8);color:#06221e;border:none;padding:10px 22px;font-weight:700;letter-spacing:.04em;box-shadow:0 8px 24px #2dd4bf47}button.primary:hover{filter:brightness(1.06)}button.danger{background:#e86b4a29;border-color:#e86b4a66;color:#ffd4c8}button.danger:hover{background:#e86b4a47}button.icon-btn{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;border-radius:10px}#game-screen{height:100%;display:flex;flex-direction:column;background:#070b0e}#hud{display:flex;align-items:center;gap:18px;padding:8px 14px;background:var(--glass);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);border-bottom:1px solid var(--stroke);flex-shrink:0;box-shadow:var(--shadow);z-index:3}#hud .city{font-size:14px;font-weight:800;letter-spacing:.08em;color:#f4f7fa;min-width:108px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud .date{color:var(--muted);font-weight:600;min-width:78px;font-variant-numeric:tabular-nums}#hud .funds{color:#7ee8a2;font-weight:700;min-width:92px;font-variant-numeric:tabular-nums}#hud .seed{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}#hud .chip{font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 10px;border-radius:99px;background:#ffffff14;border:1px solid var(--stroke-2);color:var(--muted);font-variant-numeric:tabular-nums;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}#hud .chip.off{color:var(--muted)}#hud .chip.busy{color:#b8e0ff;border-color:#74c0fc73;background:#74c0fc24}#hud .chip.ok{color:var(--accent);border-color:#2dd4bf73;background:var(--accent-dim)}#hud .chip.warn{color:#ffe0a3;border-color:#f5b0308c;background:#f5b03029}#hud .chip.err{color:#ffd4c8;border-color:#e86b4a73;background:#e86b4a29}#hud .grow{flex:1}#rci{display:flex;gap:10px;align-items:center}.rci-col{display:flex;align-items:center;gap:6px}.rci-col span{font-size:10px;font-weight:800;width:12px;color:var(--muted)}.rci-bar{width:56px;height:7px;background:#ffffff14;border-radius:99px;overflow:hidden}.rci-bar i{display:block;height:100%;width:0%;border-radius:99px}.rci-bar.r i{background:var(--r)}.rci-bar.c i{background:var(--c)}.rci-bar.i i{background:var(--i)}#workspace{flex:1;display:flex;min-height:0}#toolbar{width:72px;background:var(--glass);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-right:1px solid var(--stroke);display:flex;flex-direction:column;align-items:center;padding:10px 0 12px;gap:4px;flex-shrink:0;overflow:auto;z-index:2}#toolbar button.tool{width:56px;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 5px;font-size:9px;font-weight:600;letter-spacing:.04em;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:12px;text-transform:none}#toolbar button.tool canvas{width:32px;height:32px;display:block}#toolbar button.tool:hover{background:#ffffff0f;color:var(--text)}#toolbar button.tool.selected{background:var(--accent-dim);border-color:#2dd4bf73;color:var(--accent);box-shadow:0 0 0 1px #2dd4bf1f}#toolbar button.tool:hover:after{content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#0a1016eb;color:var(--text);padding:6px 10px;border-radius:8px;font-size:11px;font-weight:500;white-space:nowrap;border:1px solid var(--stroke-2);box-shadow:var(--shadow);z-index:20;pointer-events:none;letter-spacing:0}#toolbar .brush-sizes{display:flex;margin-top:8px;background:#ffffff0f;border:1px solid var(--stroke);border-radius:9px;overflow:hidden}#toolbar .brush-sizes button{padding:5px 7px;font-size:10px;border:none;border-radius:0;background:transparent;color:var(--muted)}#toolbar .brush-sizes button.selected{background:var(--accent-dim);color:var(--accent);box-shadow:none}#toolbar .tip{font-size:9px;color:var(--muted);text-align:center;padding:8px 6px 0;line-height:1.3}#map-well{flex:1;min-width:0;background:#0a1210;position:relative}#map{display:block;width:100%;height:100%;image-rendering:auto;cursor:crosshair}.hover-cell{position:absolute;right:10px;bottom:10px;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:pre;color:#e8f0dc;background:#080e0cd1;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;z-index:2;max-width:min(360px,46%);max-height:46%;overflow:hidden}.hover-cell:empty{display:none}#side{width:300px;background:var(--glass);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-left:1px solid var(--stroke);display:flex;flex-direction:column;flex-shrink:0;min-height:0;z-index:2}#inspect{margin:12px 12px 0;padding:12px 14px;background:#ffffff0a;border:1px solid var(--stroke);border-radius:14px;color:#d5dee4;font-size:12px;line-height:1.5;min-height:160px;max-height:44%;overflow:auto}#inspect h3{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.16em;margin-bottom:8px}#inspect .kv{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.inspect-mail{display:flex;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid var(--stroke)}.inspect-mail.hidden{display:none}.inspect-mail input,.mayor-bar input{flex:1;min-width:0;background:#00000040;border:1px solid var(--stroke);border-radius:8px;color:var(--text);padding:6px 8px;font-size:12px}.mayor-bar{display:flex;align-items:center;gap:6px;min-width:220px;flex:1;max-width:420px}#inspect .kv span{color:var(--muted)}#inspect .kv b{color:#f4f7fa;font-weight:600}#chalkboard{flex:1;margin:12px;padding:12px 14px;overflow:auto;font-size:12px;line-height:1.45;min-height:0;background:#ffffff08;border:1px solid var(--stroke);border-radius:14px;color:#d9e0c8}#chalkboard h3{color:#f0e2c0;font-size:11px;font-weight:800;letter-spacing:.2em;border-bottom:1px solid rgba(240,226,192,.2);margin-bottom:10px;padding-bottom:8px}#chalkboard .msg{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.04)}#chalkboard .when{color:#7d8a78;font-size:10px;font-weight:600;margin-bottom:2px}#chalkboard .fail{color:#f08070}#chalkboard .warn{color:var(--amber)}#chalkboard .pub{color:#7ee8a2}#chalkboard .note{color:#7ec8e8}#status{display:flex;align-items:center;gap:10px;padding:7px 12px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--stroke);flex-shrink:0;flex-wrap:wrap;z-index:3}#status .grow{flex:1;color:var(--muted);font-size:12px;min-width:140px}.film-group{display:flex;background:#ffffff0d;border:1px solid var(--stroke);border-radius:10px;overflow:hidden}.film-group button{border:none;border-radius:0;padding:6px 12px;font-size:12px;background:transparent}.film-group button+button{border-left:1px solid var(--stroke)}.film-group button.selected{box-shadow:none}.film-group.danger-group button.danger{background:transparent;border-color:transparent}.film-group.danger-group button.danger:hover{background:#e86b4a33}#settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080c9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20}#settings-modal .panel{width:480px;max-height:90vh;overflow-y:auto;background:var(--glass-2);border:1px solid var(--stroke-2);border-radius:16px;padding:22px;color:var(--text);box-shadow:0 24px 60px #00000073}#settings-modal h2{color:var(--accent);margin-bottom:12px;font-size:16px;letter-spacing:.08em}#settings-modal label{display:block;margin:10px 0 4px;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.06em}#settings-modal input,#settings-modal select{width:100%;padding:9px 10px;background:#00000059;color:var(--text);border:1px solid var(--stroke);border-radius:8px;font-family:inherit}#settings-modal select{cursor:pointer}#settings-modal input[readonly]{opacity:.72;cursor:default}#settings-modal .hint.tight{margin-top:8px}#settings-modal .bots-row{margin-top:2px}#settings-modal .bots-row input[type=range]{width:auto;padding:0;background:transparent;border:none}#settings-modal .bots-row input[type=number]{width:84px;padding:6px 8px}#settings-modal .hint{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.45}#settings-modal .row{margin-top:16px;display:flex;gap:8px;justify-content:flex-end}.size-row{display:flex;align-items:center;gap:8px}.size-row input[type=number]{width:64px;flex:0 0 64px;padding:6px 8px;background:#00000059;color:var(--text);border:1px solid var(--stroke);border-radius:8px;font-family:inherit;font-variant-numeric:tabular-nums;font-weight:600;-webkit-user-select:text;user-select:text}.size-row input[type=range]{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer}.size-x{color:var(--muted);font-weight:700}.world-builder textarea,#settings-modal textarea{width:100%;padding:8px 10px;background:#00000059;color:var(--text);border:1px solid var(--stroke);border-radius:8px;font-family:inherit;font-size:12px;line-height:1.4;resize:vertical;-webkit-user-select:text;user-select:text}#settings-modal .size-row input[type=range]{width:auto;padding:0;background:transparent;border:none}#settings-modal .size-row input[type=number]{width:64px;padding:6px 8px}#settings-modal h2.sub{margin-top:18px;font-size:14px}.row.tight{margin-top:10px;justify-content:flex-start}button:disabled{opacity:.45;cursor:default;pointer-events:none}.hidden{display:none!important}#test-llm-out.llm-out{margin-top:8px;max-height:240px;overflow:auto;padding:8px 10px;background:#00000073;border:1px solid var(--stroke);border-radius:8px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}#llm-progress{display:flex;align-items:center;gap:12px;padding:4px 14px 6px;background:#0a1016a6;border-bottom:1px solid var(--stroke);flex-shrink:0;z-index:2}#llm-progress.hidden{display:none}.llm-progress-label{font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:220px}.llm-progress-track{flex:1;height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.llm-progress-track i{display:block;height:100%;width:0;border-radius:99px;background:var(--accent);transition:width .2s ease}