:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-feature-settings:"cv01", "ss03";color:#f7f8f8;--bg:#08090a;--panel:#ffffff09;--panel-strong:#ffffff0e;--border:#ffffff14;--border-soft:#ffffff0d;--text:#f7f8f8;--muted:#a3a8b2;--soft:#d8dee8;--accent:#7170ff;--accent-bg:#5e6ad2;background:#08090a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 10%,#7170ff24,#0000 31rem),radial-gradient(circle at 80% 20%,#10b98117,#0000 28rem),linear-gradient(#08090a 0%,#0b0c0d 52%,#08090a 100%);margin:0}a{color:inherit;text-decoration:none}main{width:min(1500px,100% - 32px);margin:0 auto 80px}.topbar{z-index:50;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08090ad1;align-items:center;gap:24px;min-height:66px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.13px;white-space:nowrap;align-items:center;gap:10px;font-weight:510;display:flex}.brand-mark{border:1px solid var(--border);width:34px;height:34px;color:var(--accent);background:#ffffff0a;border-radius:9px;place-items:center;display:grid}.desktop-nav{gap:18px;margin-right:auto;display:flex}.desktop-nav a{color:var(--muted);font-size:13px;font-weight:510}.desktop-nav a:hover,.mobile-links a:hover,.article-index a:hover,.graph-links a:hover{color:var(--text);border-color:#ffffff2e}.status{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font:12px JetBrains Mono,ui-monospace,monospace;display:flex}.status span{background:#62666d;border-radius:50%;width:8px;height:8px}.status.live span{background:#10b981;box-shadow:0 0 18px #10b981b3}.status.offline span{background:#ef4444}.menu-button{border:1px solid var(--border);width:38px;height:38px;color:var(--text);background:#ffffff09;border-radius:10px;place-items:center;display:none}.mobile-menu{border:1px solid var(--border);background:#0f1011fa;border-radius:0 0 18px 18px;padding:14px;position:absolute;top:66px;left:0;right:0;box-shadow:0 20px 60px #00000073}.mobile-menu-header{color:var(--soft);justify-content:space-between;gap:12px;padding:6px 4px 14px;display:flex}.mobile-menu-header span{color:var(--muted);font:12px JetBrains Mono,monospace}.mobile-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mobile-links a,.mobile-api{border:1px solid var(--border);min-height:48px;color:var(--soft);background:#ffffff09;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.mobile-api{color:#828fff;margin-top:10px}.hero{grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:36px;padding:76px 0 44px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font:12px JetBrains Mono,ui-monospace,monospace}h1{letter-spacing:-1.58px;max-width:950px;margin:0;font-size:clamp(42px,7vw,82px);font-weight:510;line-height:.96}.lede{max-width:760px;color:var(--soft);letter-spacing:-.165px;margin:24px 0 0;font-size:18px;line-height:1.6}.metrics,.stats-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-top:34px;display:grid}.metric{border:1px solid var(--border);background:var(--panel);border-radius:12px;min-height:116px;padding:16px}.metric svg{color:var(--accent);margin-bottom:10px}.metric span,.metric small{color:var(--muted);font-size:12px;display:block}.metric strong{letter-spacing:-.7px;margin:8px 0;font-size:32px;font-weight:510;display:block}.hero-orb{border:1px solid var(--border);min-height:260px;color:var(--text);text-align:center;background:radial-gradient(circle,#7170ff61,#0000 70%),#ffffff08;border-radius:26px;place-items:center;gap:16px;font:13px JetBrains Mono,ui-monospace,monospace;display:grid;box-shadow:inset 0 0 48px #0000006b}.hero-orb svg{color:#828fff}.layout{grid-template-columns:minmax(0,1.45fr) minmax(360px,.7fr);gap:18px;display:grid}.city-panel,.side-panel,.timeline-panel,.rail-panel,.stats-panel,.knowledge-panel{border:1px solid var(--border);background:#ffffff06;border-radius:22px;scroll-margin-top:82px;box-shadow:inset 0 1px #ffffff0a}.panel-header{justify-content:space-between;align-items:start;gap:18px;padding:22px 24px 14px;display:flex}.panel-header.compact{padding-bottom:12px}h2{letter-spacing:-.29px;margin:0;font-size:24px;font-weight:510;line-height:1.18}.pill{color:var(--soft);white-space:nowrap;background:#ffffff05;border:1px solid #23252a;border-radius:999px;align-items:center;padding:5px 10px;font:12px JetBrains Mono,ui-monospace,monospace;display:inline-flex}.city-canvas{padding:0 16px 18px}.city-canvas svg{width:100%;min-height:560px;display:block}.city-ring{fill:none;stroke:#ffffff14;stroke-width:1px;stroke-dasharray:3 9}.city-ring-soft{stroke:#ffffff0b;stroke-dasharray:1 10}.avenues line{stroke:#ffffff12;stroke-width:1px}.city-core{fill:#ffffff0a;stroke:#ffffff21}.core-title{fill:#f7f8f8;letter-spacing:-.24px;font-size:20px;font-weight:590}.core-subtitle{fill:#a3a8b2;font-family:JetBrains Mono,monospace;font-size:11px}.district-node{fill:#08090ae6;stroke-width:1.3px}.district-label{fill:#f7f8f8;paint-order:stroke;stroke:#08090ad1;stroke-width:3px;font-size:12px;font-weight:590}.district-count{fill:#c3cad5;paint-order:stroke;stroke:#08090ad1;stroke-width:2px;font-family:JetBrains Mono,monospace;font-size:10.5px}.side-panel{margin-bottom:18px}.agent-list{gap:10px;max-height:612px;padding:0 12px 14px;display:grid;overflow:auto}.agent-card{border:1px solid var(--border-soft);background:#ffffff06;border-radius:14px;gap:12px;padding:13px;display:flex}.avatar{background:color-mix(in srgb, var(--accent) 26%, transparent);border:1px solid color-mix(in srgb, var(--accent) 80%, transparent);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font:12px JetBrains Mono,monospace;display:grid}.agent-body{min-width:0}.agent-topline{justify-content:space-between;gap:10px;display:flex}.agent-topline strong{font-size:15px;font-weight:590}.agent-topline span{color:var(--muted);font-size:12px}.agent-card p{color:var(--soft);margin:8px 0 10px;font-size:13px;line-height:1.45}.agent-meta{flex-wrap:wrap;gap:6px;display:flex}.agent-meta span{border:1px solid var(--border-soft);color:var(--muted);border-radius:999px;padding:3px 7px;font:11px JetBrains Mono,monospace}.empty{color:var(--muted);border:1px dashed var(--border);border-radius:14px;margin:0 14px 14px;padding:22px}.timeline-panel{padding-bottom:8px}.timeline{padding:0 18px 18px}.timeline-item{grid-template-columns:18px 1fr;gap:9px;padding:10px 0;display:grid;position:relative}.timeline-dot{background:#10b981;border-radius:50%;width:9px;height:9px;margin-top:5px;box-shadow:0 0 18px #10b98199}.timeline-item strong{text-transform:uppercase;color:var(--text);font:11px JetBrains Mono,monospace}.timeline-item p{color:var(--soft);margin:4px 0 5px;font-size:13px;line-height:1.45}.timeline-item small{color:var(--muted);font-size:12px}.stats-panel,.rail-panel,.knowledge-panel{margin-top:18px;padding-bottom:16px}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:0;padding:0 18px 18px}.economy-grid,.knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 18px 18px;display:grid}.economy-grid article,.knowledge-grid article{border:1px solid var(--border-soft);background:#ffffff06;border-radius:14px;padding:16px}.economy-grid h3,.knowledge-grid h3{margin:0 0 10px;font-size:16px}.economy-grid p,.knowledge-grid p{color:var(--soft);font-size:14px;line-height:1.5}.article-index{gap:8px;padding:0 18px 16px;display:flex;overflow-x:auto}.article-index a{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-soft);max-width:260px;color:var(--muted);background:#ffffff05;border-radius:999px;flex:none;padding:8px 11px;font-size:12px;overflow:hidden}.mechanism-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 18px 18px;display:grid}.mechanism-card{border:1px solid var(--border-soft);background:#ffffff06;border-radius:14px;min-height:0;padding:0;overflow:hidden}.mechanism-card summary{cursor:pointer;min-height:120px;padding:14px;list-style:none;position:relative}.mechanism-card summary::-webkit-details-marker{display:none}.mechanism-card summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mono{color:var(--accent);font:11px JetBrains Mono,monospace}.mechanism-card h3{letter-spacing:-.18px;margin:10px 28px 8px 0;font-size:16px;font-weight:590;line-height:1.25}.chevron{color:var(--muted);transition:transform .16s;position:absolute;top:48px;right:12px}.mechanism-card[open] .chevron{color:var(--accent);transform:rotate(90deg)}.article-body{color:var(--soft);white-space:pre-wrap;margin:0;padding:0 14px 14px;font-size:14px;line-height:1.58}.headings,.graph-links{border:1px solid var(--border-soft);background:#ffffff06;border-radius:12px;flex-wrap:wrap;gap:8px;margin:0 14px 14px;padding:12px;display:flex}.headings strong,.graph-links strong{width:100%;color:var(--text);font-size:12px}.headings span,.graph-links a{border:1px solid var(--border-soft);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:12px}.graph-links .source-link{color:#828fff;align-items:center;gap:5px;display:inline-flex}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mechanism-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.hero,.layout{grid-template-columns:1fr}.hero-orb{min-height:180px}.economy-grid,.knowledge-grid{grid-template-columns:1fr}}@media (width<=760px){main{width:min(100% - 20px,1500px)}.topbar{gap:10px}.desktop-nav{display:none}.menu-button{display:grid}.status{font-size:11px}.hero{padding-top:44px}h1{font-size:clamp(34px,11vw,52px)}.metrics,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{display:block}.city-canvas{overflow-x:auto}.city-canvas svg{min-width:680px;min-height:460px}.mechanism-grid{grid-template-columns:1fr}.mobile-links{grid-template-columns:1fr 1fr}}@media (width<=430px){.mobile-links,.metrics,.stats-grid{grid-template-columns:1fr}.status{display:none}.panel-header{padding:18px 16px 12px}.article-index,.mechanism-grid,.stats-grid,.economy-grid,.knowledge-grid{padding-left:12px;padding-right:12px}}
