:root{--bg:#000;--panel-bg:#121418e0;--panel-border:#2c313a;--text:#d8dde6;--muted:#8a93a3;--accent:#4a90d9;--danger:#d9534f;--building-fill:#16304d;--building-border:#4a90d9;--resource-fill:#3a2c0e;--resource-border:#d4a017;--edge:#6b7280;--selected:#ff4fd8;--upstream:#38bdf8;--downstream:#a3e635}*{box-sizing:border-box}html,body{overflow:hidden;background:var(--bg);color:var(--text);height:100%;margin:0;font:13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#cy{position:fixed;inset:0}.panel{position:fixed;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(4px);border-radius:8px;padding:8px}#toolbar{display:flex;flex-direction:column;gap:6px;width:min(380px,100vw - 24px);top:12px;left:12px}.row{display:flex;gap:6px}.row>input,.row>select{flex:1;min-width:0}input,select,button{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#0d0f12;border-radius:5px;padding:4px 8px}button{cursor:pointer;white-space:nowrap}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.danger:hover:not(:disabled),button.confirm{border-color:var(--danger);color:#fff;background:#3a1513}input:focus,select:focus{outline:1px solid var(--accent);outline-offset:0}button:focus-visible{outline:1px solid var(--accent);outline-offset:0}.row.setting{color:var(--muted);align-items: center;font-size:12px}.row.setting>select{flex:0 auto}#status{color:var(--muted);min-height:1.4em;font-size:12px}#status.error{color:#ff8a80}#legend{display:grid;gap:3px;font-size:12px;bottom:12px;left:12px}#legend .hint{color:var(--muted);max-width:260px;margin-top:4px}.swatch{display:inline-block;vertical-align:-1px;border:2px solid;width:14px;height:10px;margin-right:6px}.swatch.building{background:var(--building-fill);border-color:var(--building-border)}.swatch.resource{background:var(--resource-fill);border-color:var(--resource-border);border-radius:5px}.swatch.selected{border-color:var(--selected)}.swatch.upstream{border-color:var(--upstream)}.swatch.downstream{border-color:var(--downstream)}.line{display:inline-block;vertical-align:middle;border-top:2px solid var(--edge);width:22px;margin-right:6px}.line.catalyst{border-top:1px dashed var(--edge);opacity:.7}#info{overflow:auto;width:min(320px,100vw - 24px);max-height:calc(100vh - 24px);top:12px;right:12px}#info h2{margin:0 0 2px;font-size:15px}#info .kind{color:var(--muted);font-size:12px}#info h3{color:var(--muted);margin:10px 0 4px;font-size:12px;font-weight:600}#info ul{margin:0;padding-left:18px}#info a{color:var(--accent)}#info .recipe{margin:2px 0}#info .time{color:var(--muted)}@media (max-width:640px){#legend{display:none}}