@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#070914;--surface:#101421;--ink:#e8edf4;--muted:#8590a7;--line:#ffffff16;--acid:#c8f77d;--accent:var(--acid);--sans:'Space Grotesk',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a,button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.1;letter-spacing:-.05em}p{color:var(--muted)}svg{display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:5px}::selection{background:var(--acid);color:var(--bg)}.skip{position:fixed;top:-100px;left:100px;z-index:100;background:var(--acid);color:var(--bg);padding:12px}.skip:focus{top:8px}.micro{display:block;font:9px/1.5 var(--mono);letter-spacing:.12em;color:var(--muted)}.command-bar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);position:relative;z-index:30;background:#080b16}.brand{display:flex;align-items:center;gap:12px}.brand-orbit{font:44px/1 var(--sans);color:var(--acid)}.brand strong{font-size:23px;line-height:1;letter-spacing:-.04em;font-weight:600}.brand strong span{display:block;font:8px/1 var(--mono);letter-spacing:.27em;margin-top:8px;color:#a6b0c0}.system-title{font:9px var(--mono);letter-spacing:.12em;display:flex;align-items:center;gap:15px;color:#8a95a9}.status-light{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px #c8f77d88}.system-divider{color:#3e4b63;margin:0 8px}.index-open{font:10px var(--mono);border:1px solid #ffffff25;padding:10px 14px;border-radius:3px}.index-open span{color:var(--acid);margin-left:16px}.navigation-rail{position:absolute;left:0;top:76px;bottom:40px;width:86px;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);background:#090c17;z-index:30;padding-top:30px;gap:15px}.rail-link{width:68px;height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7b879d;border-radius:4px;transition:color .2s,background .2s}.rail-link svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.1}.rail-link span{font:8px var(--mono)}.rail-link:hover,.rail-link.active{color:var(--acid);background:#c8f77d08}.rail-link.active:before{content:'';position:absolute;left:0;width:2px;height:38px;background:var(--acid)}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px;font:8px var(--mono);color:#59667c;padding-bottom:27px}.rail-bottom span:nth-child(2){color:var(--acid)}#main{position:relative;margin-left:86px}.observatory{height:calc(100svh - 116px);min-height:600px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 47%,#15203c50,transparent 63%);isolation:isolate}#field,.field-vignette{position:absolute;inset:0;width:100%;height:100%}#field{touch-action:pan-y;cursor:grab}#field:active{cursor:grabbing}.field-vignette{pointer-events:none;background:radial-gradient(ellipse at 52% 48%,transparent 38%,#07091480);z-index:1}.scene-heading{position:absolute;left:42px;top:35px;z-index:3;pointer-events:none;transition:opacity .35s}.scene-heading .micro{font-size:8px;letter-spacing:.15em;color:#7a8ba3;margin-bottom:18px}.scene-heading h1{font-size:32px;line-height:1.17;letter-spacing:-.05em}.scene-heading h1 em{font-style:normal;color:var(--acid)}.scene-heading p{font-size:11px;line-height:1.8;margin-top:16px;color:#697892}.scene-label{position:absolute;right:35px;top:32px;text-align:right;font:9px/1.8 var(--mono);letter-spacing:.14em;color:#57647e;z-index:2;transition:opacity .3s}.worlds{position:absolute;inset:0;pointer-events:none;z-index:5}.world-node{position:absolute;left:var(--px);top:var(--py);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:auto;transition:opacity .4s;width:175px;will-change:left,top;--node:#9cacd8}.node-system{display:block;position:relative;width:63px;height:63px;margin-bottom:14px;transition:transform .4s}.node-system:before,.node-system:after{content:'';position:absolute;inset:0;border:1px solid var(--node);border-radius:50%;opacity:.23;transform:rotateX(35deg) rotate(-30deg);transition:inset .4s,opacity .4s}.node-system:after{inset:-8px 10px;transform:rotate(-40deg);opacity:.3}.node-satellite{position:absolute;width:4px;height:4px;right:3px;top:5px;background:var(--node);box-shadow:0 0 9px var(--node);border-radius:50%}.node-heart{position:absolute;inset:11px;border-radius:50%;display:grid;place-items:center;color:var(--node);font:10px var(--mono);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--node) 40%,#111627),#090d1b 80%);border:1px solid color-mix(in srgb,var(--node) 60%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--node) 12%,transparent),inset 0 0 16px color-mix(in srgb,var(--node) 16%,transparent)}.node-label{font-size:12px;line-height:1.3;color:#b5c0d3;background:#07091450;box-shadow:0 0 16px #07091488}.node-role{font:7px/1.5 var(--mono);letter-spacing:.03em;color:#596a85;margin-top:6px}.world-node:hover .node-system,.world-node:focus-visible .node-system,.world-node.selected .node-system{transform:scale(1.15)}.world-node:hover .node-label,.world-node.selected .node-label{color:var(--node)}.world-node.selected .node-system:before{inset:-10px;opacity:.7}.world-node.selected .node-heart{box-shadow:0 0 42px color-mix(in srgb,var(--node) 30%,transparent)}.world-node.dim{opacity:.28}.world-node.kernel{width:220px}.kernel .node-system{width:98px;height:98px;margin-bottom:18px}.kernel .node-heart{inset:17px;font-size:17px;color:#d9feb6;background:radial-gradient(circle at 35% 25%,#7eaa60,#243727 45%,#101c1d 82%);box-shadow:0 0 50px #c8f77d27,inset 0 0 23px #c8f77d44}.kernel .node-system:after{inset:-8px 20px;transform:rotate(50deg)}.kernel .node-label{font-size:15px;color:#cfe3ba}.kernel .node-role{text-transform:uppercase;font-size:8px;letter-spacing:.13em;color:#7b967a}.field-coordinates{position:absolute;left:42px;bottom:107px;display:flex;gap:12px;align-items:center;color:#53627b;font:7px var(--mono);letter-spacing:.12em;z-index:2}.field-coordinates>span{font:25px var(--sans);color:#6e8198}.field-instructions{position:absolute;left:42px;bottom:36px;display:flex;gap:14px;align-items:center;z-index:4;color:#77859d;font:8px/1.8 var(--mono);letter-spacing:.05em}.drag-icon{font:28px var(--sans);color:#a4b3c6}.view-controls{position:absolute;bottom:33px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;background:#111728a6;backdrop-filter:blur(12px);border:1px solid #ffffff17;padding:4px;border-radius:5px;z-index:8}.view-controls button{width:33px;height:31px;font:20px var(--sans);color:#9eacc1;border-radius:3px}.view-controls button:hover{background:#ffffff0b;color:var(--acid)}.view-controls>span{height:14px;width:1px;background:var(--line);margin:0 4px}.view-controls #motion{font-size:12px}.overview-caption{position:absolute;right:30px;bottom:28px;display:flex;align-items:center;gap:14px;width:285px;padding:17px;border:1px solid #c8f77d1c;background:#0d142070;border-radius:4px;z-index:4;transition:opacity .3s}.overview-caption .micro{font-size:7px;color:#acc38e}.overview-caption p{font-size:10px;color:#758298;line-height:1.7;margin-top:7px}.overview-caption a{margin-left:auto;color:var(--acid)}.caption-orbit{width:21px;height:21px;border:1px solid #c8f77d60;border-radius:50%;flex-shrink:0}.status-bar{height:40px;position:relative;z-index:35;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#080b16;padding:0 27px;font:8px var(--mono);color:#67758d;letter-spacing:.08em}.status-bar>span{display:flex;align-items:center;gap:9px}.status-bar i{height:4px;width:4px;border-radius:50%;background:#96b878}.status-bar>div{display:flex;gap:28px}.status-bar a{color:#919bb0}.static-fallback{padding:50px;max-width:900px;line-height:1.9}.static-fallback h1{font-size:45px;margin-bottom:25px}.static-fallback h2{margin:30px 0}.static-fallback a{display:block;text-decoration:underline;margin:8px 0}.atlas-ready .static-fallback{display:none}.atlas-ready{height:100svh;overflow:hidden}.atlas-ready .observatory{min-height:0}.detail-panel{position:absolute;top:0;right:0;height:calc(100svh - 116px);width:440px;z-index:20;background:#0e1321f5;border-left:1px solid #ffffff20;backdrop-filter:blur(28px);overflow:auto;scrollbar-width:thin;scrollbar-color:#35435a transparent;animation:panel-in .45s cubic-bezier(.2,.8,.2,1)}.panel-open .overview-caption,.panel-open .scene-label{opacity:0;pointer-events:none}.panel-open .scene-heading{opacity:.45}.panel-open .view-controls{left:calc((100% - 440px)/2)}.panel-open .field-coordinates{opacity:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 27px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0e1321f5;z-index:4}.panel-head span,.panel-head a{font:9px var(--mono);color:#7e8da6}.panel-head a:hover{color:var(--accent)}.close-panel{width:26px;height:26px;font-size:21px;color:#a2b0c5}.close-panel:hover{color:var(--acid)}.panel-body{padding:30px 29px 35px}.division-code{display:flex;align-items:center;gap:13px;margin-bottom:26px}.division-code>strong{font:40px/1 var(--sans);letter-spacing:-.08em;color:var(--accent)}.division-code>span{font:8px/1.6 var(--mono);color:#8391a7;max-width:190px;letter-spacing:.09em;text-transform:uppercase}.panel-body h2{font-size:36px;line-height:1.1;color:#edf2f9;margin-bottom:21px}.panel-body>.intro{font-size:13px;line-height:1.85;color:#a5b0c3}.panel-body h3{font-size:18px;letter-spacing:-.03em;margin:32px 0 17px}.panel-body>p{font-size:12px;line-height:1.9;margin:18px 0;color:#8696b0}.focus-items{padding:0;margin:0;list-style:none}.focus-items li{font-size:11px;border-bottom:1px solid var(--line);padding:10px 0;color:#9ba9bf;display:flex;align-items:center;gap:11px}.focus-items li:before{content:'+';font:15px var(--mono);color:var(--accent)}.panel-kicker{font:8px var(--mono);letter-spacing:.16em;color:#74859f;margin:33px 0 14px;text-transform:uppercase}.project-link{display:grid;grid-template-columns:1fr 20px;gap:7px 15px;border-top:1px solid var(--line);padding:17px 0;transition:padding .25s}.project-link strong{font-size:15px;font-weight:400;line-height:1.4;color:#d7dfed}.project-link .stage{font:7px var(--mono);letter-spacing:.05em;color:#83916f}.project-link>.arrow{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent);font-size:18px}.project-link:hover{padding-left:8px}.project-link:hover strong{color:var(--accent)}.relation-links{display:flex;gap:7px;flex-wrap:wrap}.relation-links a{padding:7px 10px;font-size:9px;border:1px solid var(--line);border-radius:20px;color:#acb6c7}.relation-links a:hover{border-color:var(--accent);color:var(--accent)}.open-link{display:flex;justify-content:space-between;gap:15px;padding:15px 17px;color:#0b1018;background:var(--accent);font-size:12px;border-radius:3px;margin-top:25px}.open-link:hover{filter:brightness(1.1)}.project-banner{border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 8%,#0c1120),#0c1120);padding:27px;margin-bottom:28px}.project-banner .stage{font:8px var(--mono);color:var(--accent);text-transform:uppercase}.project-banner h2{font-size:38px;margin:22px 0}.project-banner p{font-size:14px;line-height:1.6;color:#acbad0}.full-panel{position:absolute;inset:0;height:calc(100svh - 116px);z-index:25;overflow:auto;background:#090e1af5;backdrop-filter:blur(30px);padding:0 5%;scrollbar-width:thin;scrollbar-color:#35435a transparent;animation:panel-in .4s}.full-top{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0f1bf5;z-index:6}.full-top .micro{color:#91a1b8}.full-heading{padding:45px 0 35px;display:flex;align-items:end;justify-content:space-between;gap:30px}.full-heading h2{font-size:56px;line-height:1;max-width:600px}.full-heading p{font-size:13px;max-width:340px;line-height:1.8}.full-heading .micro{color:var(--acid);margin-bottom:18px}.atlas-index{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-bottom:60px}.division-entry{display:grid;grid-template-columns:55px 1fr 20px;gap:18px;padding:30px 0;border-top:1px solid var(--line);align-items:center}.division-entry .index-number{font:30px var(--sans);color:var(--node);letter-spacing:-.06em}.division-entry h3{font-size:22px;letter-spacing:-.04em;line-height:1.2}.division-entry p{font:8px var(--mono);color:#6c7e9b;margin-top:10px}.division-entry>span:last-child{color:var(--node)}.division-entry:hover h3{color:var(--node)}.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px;margin:8px 0 23px}.filters label{font:8px var(--mono);letter-spacing:.08em;color:#7e8da3}.filters input,.filters select{margin-top:9px;display:block;width:100%;background:#101827;border:1px solid #ffffff1b;font-size:12px;font-family:var(--sans);padding:12px 14px;border-radius:3px;min-height:45px}.results-count{font:9px var(--mono);color:#8596b3;margin-bottom:20px}.project-table{margin-bottom:50px}.project-row{display:grid;grid-template-columns:40px 1.8fr 1fr 1fr 20px;align-items:center;gap:18px;padding:23px 12px;border-top:1px solid var(--line);transition:background .2s}.project-row:hover{background:#ffffff04}.project-row .project-no{font:9px var(--mono);color:var(--accent)}.project-row h3{font-size:21px;letter-spacing:-.035em;line-height:1.2}.project-row .project-tag{font-size:10px;color:#657994;margin-top:7px}.project-row .project-division{font-size:11px;color:#91a1bc}.project-row .stage{font:8px/1.7 var(--mono);color:#a2b389}.project-row .row-arrow{color:var(--accent);font-size:19px}.project-row[hidden]{display:none}.empty{padding:40px 0}.empty button{margin-top:20px;color:var(--acid);border-bottom:1px solid var(--acid);padding:8px 0}.reading-view{max-width:860px;margin:0 auto;padding:50px 0 70px}.reading-view h2{font-size:64px;margin:24px 0 35px;line-height:1.1;letter-spacing:-.06em}.reading-view>p{font-size:17px;line-height:1.9;margin:25px 0;color:#9eafc5;max-width:720px}.reading-view h3{font-size:25px;margin:45px 0 20px}.reading-view .principles{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0}.principles article{border-top:1px solid var(--line);padding-top:23px}.principles article span{font:9px var(--mono);color:var(--acid)}.principles article h3{margin:20px 0 13px;font-size:23px}.principles article p{font-size:13px;line-height:1.9}.reading-view a:not(.connection-choice){color:var(--acid);text-decoration:underline;text-underline-offset:5px}.reading-view ul{color:#a4b2c8;font-size:14px;line-height:2}.connection-choice{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:25px 0}.connection-choice span{font:9px var(--mono);color:var(--acid)}.connection-choice h3{margin:10px 0;font-size:30px}.connection-choice p{font-size:13px}.connection-choice>span{font:28px var(--sans)}.connection-choice:hover h3{color:var(--acid)}.project-detail-wide{max-width:820px}.back-to-division{font:9px var(--mono);color:var(--accent)}.loading-error{position:absolute;inset:auto 20px 100px;z-index:50;background:#263245;padding:20px}.motion-off *{animation-play-state:paused!important}.motion-off .node-system{transition:none}@keyframes panel-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.scene-heading{left:55px;top:45px}.scene-heading h1{font-size:40px}.scene-heading p{font-size:13px}.world-node .node-label{font-size:14px}.node-role{font-size:8px}.node-system{width:77px;height:77px}.node-heart{inset:15px}.kernel .node-system{width:120px;height:120px}.kernel .node-heart{inset:23px}.kernel .node-label{font-size:18px}.detail-panel{width:480px}.panel-open .view-controls{left:calc((100% - 480px)/2)}}
@media(max-width:1100px){.system-title{font-size:7px;gap:9px}.system-divider{margin:0}.scene-heading{left:25px;top:25px}.scene-heading h1{font-size:26px}.scene-heading p{font-size:10px}.scene-label{right:20px;font-size:7px}.world-node{width:145px}.node-label{font-size:10px}.node-role{font-size:6px}.node-system{width:53px;height:53px}.node-heart{inset:9px}.kernel .node-system{width:83px;height:83px}.kernel .node-heart{inset:15px}.kernel .node-label{font-size:13px}.overview-caption{width:230px;right:20px;bottom:24px;padding:13px;gap:10px}.overview-caption .micro{font-size:6px}.overview-caption p{font-size:8px}.field-instructions{left:25px;font-size:7px}.field-coordinates{left:25px;font-size:6px}.detail-panel{width:380px}.panel-open .view-controls{left:calc((100% - 380px)/2)}.panel-open .scene-heading{opacity:0}.panel-body{padding:25px}.panel-body h2{font-size:32px}.full-heading h2{font-size:46px}.project-row{grid-template-columns:25px 1.5fr 1fr 1fr 15px;gap:10px}.project-row h3{font-size:18px}}
@media(max-width:760px){.command-bar{height:64px;padding:0 18px}.brand-orbit{font-size:32px}.brand strong{font-size:19px}.brand strong span{font-size:6px;margin-top:6px}.system-title{display:none}.index-open{font-size:9px;padding:8px 10px}.index-open span{margin-left:10px}.navigation-rail{position:fixed;top:auto;bottom:0;left:0;right:0;width:auto;height:65px;flex-direction:row;justify-content:space-around;border:0;border-top:1px solid var(--line);padding:0;gap:0;background:#080d1bef;backdrop-filter:blur(20px);z-index:40}.rail-link{height:58px;gap:6px;width:70px}.rail-link svg{width:19px;height:19px}.rail-link span{font-size:8px}.rail-link.active:before{top:0;left:auto;height:2px;width:30px}.rail-bottom{display:none}#main{margin-left:0}.observatory{height:calc(100svh - 129px);min-height:590px}.status-bar{display:none}.scene-heading{left:21px;top:25px}.scene-heading h1{font-size:26px;line-height:1.13}.scene-heading .micro{font-size:6px;margin-bottom:13px}.scene-heading p{font-size:9px;margin-top:11px}.scene-label{font-size:6px;right:20px;top:27px}.world-node{width:113px}.node-system{width:47px;height:47px;margin-bottom:10px}.node-heart{font-size:8px;inset:8px}.node-label{font-size:9px;line-height:1.3}.node-role{display:none}.kernel{width:150px!important}.kernel .node-system{width:73px;height:73px;margin-bottom:12px}.kernel .node-heart{inset:13px;font-size:14px}.kernel .node-label{font-size:11px}.kernel .node-role{display:block;font-size:6px}.field-instructions{left:18px;bottom:21px;font-size:6px;gap:8px}.drag-icon{font-size:21px}.view-controls{bottom:18px;left:auto;right:15px;transform:none}.view-controls button{width:26px;height:27px;font-size:17px}.view-controls #motion{font-size:10px}.field-coordinates{display:none}.overview-caption{display:none}.detail-panel{position:fixed;top:auto;bottom:65px;left:0;right:0;width:100%;height:65svh;max-height:calc(100svh - 150px);border-left:0;border-top:1px solid #ffffff25;border-radius:17px 17px 0 0;box-shadow:0 -20px 90px #0006}.panel-head{padding:14px 22px}.panel-body{padding:22px}.panel-body h2{font-size:34px}.panel-open .scene-heading{opacity:0}.panel-open .field-instructions,.panel-open .view-controls{opacity:0;pointer-events:none}.full-panel{position:fixed;top:64px;left:0;right:0;height:calc(100svh - 129px);padding:0 22px}.full-top{padding:15px 0}.full-heading{padding:28px 0;display:block}.full-heading h2{font-size:42px}.full-heading p{font-size:12px;margin-top:20px}.full-heading .micro{font-size:8px;margin-bottom:15px}.atlas-index{grid-template-columns:1fr;gap:0}.division-entry{padding:20px 0;grid-template-columns:38px 1fr 20px;gap:15px}.division-entry .index-number{font-size:25px}.division-entry h3{font-size:21px}.filters{grid-template-columns:1fr 1fr;gap:15px}.filters>label:first-child{grid-column:span 2}.filters input,.filters select{font-size:11px;padding:10px}.project-row{grid-template-columns:22px 1fr 20px;gap:8px;padding:20px 0}.project-row .project-division{display:none}.project-row .stage{grid-column:2;font-size:7px}.project-row .row-arrow{grid-column:3;grid-row:1/3}.project-row h3{font-size:20px}.project-row .project-tag{font-size:9px}.reading-view{padding:28px 0 50px}.reading-view h2{font-size:43px;margin:22px 0 27px}.reading-view>p{font-size:14px;line-height:1.9}.reading-view h3{font-size:23px}.reading-view .principles{grid-template-columns:1fr}.connection-choice h3{font-size:25px}.connection-choice p{font-size:12px}.static-fallback{padding:25px}.atlas-ready .observatory{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}