.relation-controls { display:flex; flex-wrap:wrap; align-items:end; gap:16px; }
.relation-controls label { display:grid; gap:8px; flex:1 1 180px; }
.relation-controls select,.relation-controls button { min-height:44px; padding:10px; color:#f5e7cb; background:#111c2a; border:1px solid #ad884a; border-radius:6px; font:inherit; max-width:100%; }
.relation-controls button { cursor:pointer; }
.relation-controls :focus-visible,.relation-svg a:focus-visible { outline:3px solid #fff1b8; outline-offset:4px; }
.relation-explorer[hidden],.relation-list li[hidden] { display:none; }
.relation-svg .relation-dim { opacity:.14; }
.relation-selected .graph-node { stroke:#fff1b8; stroke-width:5px; }
.relation-svg a { cursor:pointer; }
.relation-moving .graph-edge:not(.relation-dim) { stroke-dasharray:10 6; animation:relation-flow 2s linear infinite; }
.relation-moving .graph-edge.fiction:not(.relation-dim) { stroke-dasharray:3 9; }
@keyframes relation-flow { to { stroke-dashoffset:-32; } }
.graph-enhanced .knowledge-grid{display:block}.graph-enhanced .knowledge-side{display:none}
.graph-enhanced .knowledge-hero{padding:22px 0}.graph-enhanced .knowledge-hero h1{font-size:36px;margin:12px 0}
.graph-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;align-items:start}
#graph-mount{min-width:0;position:sticky;top:12px}.graph-workspace .graph-frame{padding:0;border:1px solid #675736;background:radial-gradient(ellipse at center,#17283d,#090e19);overflow:hidden}
.graph-workspace .relation-svg{display:block;width:100%;min-width:0;height:560px;touch-action:none;cursor:grab}
.graph-workspace .relation-svg:active{cursor:grabbing}.graph-workspace .graph-node{stroke-width:3}
.graph-workspace .graph-edge{stroke-width:3}.graph-workspace .graph-stars{opacity:.3}
#graph-details{max-height:650px;overflow:auto;border:1px solid #675736;padding:18px;background:#111a27}
#graph-details article{border-bottom:1px solid #675736;padding:0 0 18px;margin-bottom:20px}
#graph-details article[hidden],#graph-empty[hidden]{display:none}#graph-details h3{font-size:23px;color:#f0d3a0;margin:0 0 12px}
#graph-details p{font-size:14px;line-height:1.9}.graph-connection{padding:16px 0;border-top:1px solid #38414d}
.graph-connection summary{font-size:12px;color:#99aabd;cursor:pointer}.graph-connection small{display:block;margin-top:10px}
#graph-people{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#graph-people button,.graph-connection button{padding:10px 13px;min-height:44px;background:#162334;border:1px solid #635537;color:#edd1a1;border-radius:20px;cursor:pointer;font:inherit}
#graph-people button[aria-pressed=true],.graph-connection button[aria-pressed=true]{background:#e5bd7d;color:#101827}
.graph-enhanced .relation-explorer{padding-top:24px}.graph-enhanced .relation-explorer h2{font-size:28px}
@media(max-width:800px){.graph-workspace{grid-template-columns:1fr}#graph-mount{position:static}.graph-workspace .relation-svg{height:420px}#graph-details{max-height:none}.graph-enhanced .knowledge-hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce) { .relation-moving .graph-edge { animation:none!important; } }
.graph-enhanced{background:#050b14;color:#d4e8f1}
.graph-enhanced .knowledge-main>.wrap{width:min(1500px,96%)}
.graph-enhanced .knowledge-hero{padding:12px 0}.graph-enhanced .knowledge-hero h1{font-size:24px}.graph-enhanced .knowledge-lead,.graph-enhanced .knowledge-meta{display:none}
.command-deck{position:relative;padding:24px 28px;background:linear-gradient(110deg,#0c263b,#08121f);border:1px solid #28627a;border-left:3px solid #66eaff;box-shadow:inset 0 0 55px #1b647522}
.hud-label{font:11px monospace;letter-spacing:.24em;color:#66eaff}.command-deck h2{margin:12px 0!important;font-size:32px!important;font-weight:500}.command-deck p{font-size:14px!important;color:#a6bdce}
.relation-explorer>h2,.relation-explorer>h2+p{display:none}
.scene-launchers{display:flex;gap:12px;flex-wrap:wrap}.command-deck button{min-height:44px;padding:10px 18px;color:#d5faff;border:1px solid #3c849d;background:#0b2535;font:inherit;cursor:pointer}.scene-launchers button:hover,.command-deck button:focus-visible{background:#17465b;outline:2px solid #84f1ff;outline-offset:2px}
.atlas-trail{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:20px}.atlas-trail button{border:0;background:transparent;padding:6px;font-size:13px}.atlas-trail button:last-child{margin-left:auto}.atlas-trail button:disabled{opacity:.4;cursor:default}.atlas-search{display:inline-flex;gap:12px;align-items:center;font-size:13px;margin-right:14px}.atlas-search input{max-width:180px;background:#050e19;color:white;padding:10px;border:1px solid #365b72;font:inherit}
#graph-people{gap:4px;margin:12px 0}#graph-people button{border-radius:2px;background:transparent;border-color:#204054;font-size:12px;padding:6px 10px}#graph-people button[hidden]{display:none}
.graph-workspace{gap:0;grid-template-columns:minmax(0,1fr) 340px;border:1px solid #2a657c;background:#060f1c}
.graph-workspace .graph-frame{border:0;border-radius:0;position:relative;background:radial-gradient(ellipse at center,#12354a88,transparent 65%),repeating-linear-gradient(0deg,transparent 0 59px,#26445833 60px),repeating-linear-gradient(90deg,transparent 0 59px,#26445833 60px),#060e19}
.graph-workspace .graph-frame:before{content:'RELATION FIELD / DRAG TO NAVIGATE';position:absolute;left:18px;top:12px;font:10px monospace;letter-spacing:.18em;color:#6babbf;pointer-events:none}
.graph-workspace .relation-svg{height:min(68vh,720px);min-height:480px}.graph-workspace .graph-edge{stroke:#5dcbe3;stroke-width:1.8;opacity:.7}.graph-workspace .graph-edge.fiction{stroke:#d9a5ec}.graph-workspace .graph-node{fill:#092438;stroke:#60d5ec;stroke-width:2;filter:drop-shadow(0 0 8px #46bddb55)}.graph-workspace .relation-svg text{fill:#e3fbff;font-size:24px;pointer-events:none}
.graph-workspace .relation-selected .graph-node{fill:#194858;stroke:#fff2bf;stroke-width:4;filter:drop-shadow(0 0 18px #79ecff88)}.relation-svg .relation-dim{opacity:.07;pointer-events:none}.relation-svg a,.graph-edge{transition:opacity .3s}
#graph-details{max-height:720px;height:68vh;min-height:480px;background:linear-gradient(150deg,#102a3c,#091421);border:0;border-left:1px solid #2a657c;padding:22px}#graph-details h3{color:#a4f2ff}#graph-details article{animation:panel-unfold .35s ease-out}#graph-details article p:not(:first-of-type){font-size:13px}.graph-connection button{border-radius:2px;border-color:#388299;color:#a4f2ff;background:#0d293b}.graph-connection{border-color:#23465a}
@keyframes panel-unfold{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:800px){.command-deck{padding:18px}.command-deck h2{font-size:25px!important}.graph-workspace{grid-template-columns:1fr}.graph-workspace .relation-svg{height:440px;min-height:0}#graph-details{height:auto;min-height:0;max-height:460px;border-left:0;border-top:1px solid #2a657c}.scene-launchers{gap:6px}.scene-launchers button{padding:8px;font-size:13px}.atlas-search{margin-bottom:10px}.graph-enhanced .knowledge-main>.wrap{width:94%}}
@media(prefers-reduced-motion:reduce){#graph-details article{animation:none}.relation-svg a,.graph-edge{transition:none}}
.graph-enhanced .knowledge-main{padding-top:16px}.graph-enhanced .knowledge-hero{padding:0;border:0}.graph-enhanced .knowledge-hero .section-label{display:none}.graph-enhanced .knowledge-hero h1{font-size:20px;margin:4px 0}.graph-enhanced .relation-explorer{padding-top:10px}.command-deck{padding:16px 22px}.command-deck h2{font-size:26px!important;margin:6px 0!important}.command-deck>p{margin:8px 0}.atlas-trail{margin-top:8px}.scene-note{margin:8px 0!important}.relation-controls{gap:6px;margin:10px 0}.relation-controls button{font-size:12px;padding:6px 10px}.atlas-orbits{pointer-events:none}.atlas-orbits circle{fill:none;stroke:#54b8d4;stroke-width:1;opacity:.18;stroke-dasharray:4 12;transform-origin:800px 425px}.atlas-orbits .orbit-0{stroke-dasharray:180 90;stroke-width:3}.relation-moving .atlas-orbits .orbit-0{animation:hud-orbit 50s linear infinite}.relation-moving .atlas-orbits .orbit-2{animation:hud-orbit 90s linear infinite reverse}@keyframes hud-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.atlas-orbits circle{animation:none!important}}
.graph-workspace .graph-node.faction-wu{stroke:#e8a678}.graph-workspace .graph-node.faction-shu{stroke:#8ed7aa}.graph-workspace .graph-node.faction-wei{stroke:#80b6ed}.graph-workspace .graph-node.faction-han{stroke:#c7a4e3}.graph-workspace .graph-node.faction-other{stroke:#d9c58b}.graph-workspace .relation-selected .graph-node{stroke:#fff2bf}
.atlas-directory summary{cursor:pointer;color:#a6d6e2;font-size:13px;padding:4px 0}.relation-explorer>#relation-result{font-size:12px;line-height:1.5;margin:8px 0}.command-deck>p:first-of-type{display:none}.command-deck .scene-note{font-size:12px!important;line-height:1.5}.command-deck h2{display:inline-block;margin-right:18px!important}.scene-launchers{display:inline-flex}.atlas-trail{margin:4px 0}.command-deck .hud-label{display:block}.atlas-search input{padding:6px}.command-deck .atlas-multi{padding:6px 12px;font-size:12px}
.army-launchers{display:flex;gap:10px;margin-top:8px}.army-launchers:empty{display:none}.army-launchers button{border-left:3px solid #8dddde;padding:8px 14px;font-size:13px}.army-launchers button[aria-pressed=true]{background:#265365;color:white}
.atlas-depth{display:flex;flex-wrap:wrap;gap:12px;padding:18px;background:linear-gradient(120deg,#173b50,#06111d);border-bottom:1px solid #418097;perspective:1000px}.atlas-depth .depth-label{flex-basis:100%;margin:0;color:#8de7f4;font:12px monospace;letter-spacing:.12em}.atlas-depth button{flex:1;min-width:145px;max-width:320px;min-height:80px;text-align:left;padding:16px;color:#defaff;background:linear-gradient(145deg,#20526a,#071923);border:1px solid #467f94;border-left:3px solid #a3f1ff;box-shadow:6px 6px 0 #031019;transform:rotateY(-6deg);cursor:pointer}.atlas-depth strong,.atlas-depth span{display:block}.atlas-depth span{font-size:12px;line-height:1.7;color:#9ac5d4;margin-top:8px}.atlas-depth button:hover,.atlas-depth button:focus-visible{transform:translateY(-3px);border-color:white;outline:2px solid #8be5ff}.atlas-depth>p:not(.depth-label){font-size:13px;color:#a3ccdc;margin:0}.atlas-biography{margin-top:22px;border:1px solid #3e8097;padding:14px;background:#061724}.atlas-biography summary{cursor:pointer;color:#bcf6ff;font-weight:bold;min-height:44px}.atlas-biography ol{list-style:none;border-left:1px solid #60bed2;padding-left:20px}.atlas-biography li{position:relative;margin:18px 0;font-size:14px}.atlas-biography ol li:before{content:'';position:absolute;left:-25px;top:8px;width:9px;height:9px;border-radius:50%;background:#9bebff;box-shadow:0 0 10px #86e6ff}.atlas-biography[open]{animation:panel-unfold .4s ease-out}
@media(max-width:800px){.atlas-depth{padding:12px;gap:8px}.atlas-depth button{min-width:120px;padding:10px;min-height:70px}.atlas-depth strong{font-size:14px}.atlas-depth span{font-size:11px}.army-launchers{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.atlas-biography[open]{animation:none}.atlas-depth button{transform:none!important}}
.graph-workspace{height:min(82vh,860px);min-height:600px;align-items:stretch}.graph-workspace #graph-mount{display:flex;flex-direction:column;min-width:0;min-height:0}.graph-workspace .graph-frame{flex:1;min-height:0;overflow:hidden}.graph-workspace .relation-svg{display:block;width:100%;height:100%;min-height:0}#graph-details{height:100%;max-height:none;min-height:0;overflow-y:auto;box-sizing:border-box}#graph-details article:not([hidden]){display:flex;flex-direction:column}#graph-details article>h3{order:-3}#graph-details article>p:first-of-type{order:-2}#graph-details article>.atlas-biography{order:-1;margin:0 0 18px}.atlas-biography summary{display:flex;align-items:center}.atlas-biography summary:before{content:'＋';margin-right:10px;color:#8ef5ff}.atlas-biography[open] summary:before{content:'−'}
@media(max-width:800px){.graph-workspace{height:auto;min-height:0}.graph-workspace #graph-mount{min-height:520px}.graph-workspace .graph-frame{min-height:330px}.graph-workspace .relation-svg{height:360px}#graph-details{height:auto;max-height:540px}.atlas-depth button{transform:none}}
@media(max-width:800px){.command-deck{padding:12px}.command-deck .hud-label,.command-deck .scene-note{display:none}.command-deck h2{font-size:21px!important;margin:0 0 8px!important}.atlas-trail{font-size:12px}.atlas-trail button{font-size:11px}.atlas-search{display:none}.scene-launchers{display:flex}.scene-launchers button{flex:1;padding:5px;font-size:11px}.command-deck .atlas-multi{min-height:34px}.graph-workspace .relation-svg text{font-size:34px}.graph-workspace .graph-node{r:65px}.graph-workspace .relation-selected .graph-node{r:85px}}