.theory-map{display:grid;grid-template-columns:280px minmax(0,1fr);background:#0d1723;border:1px solid #344758;border-radius:14px;overflow:hidden;margin:12px 0 20px;color:#e2eaf1;font:16px/1.5 system-ui}.theory-map[hidden],.world-shell[hidden]{display:none!important}.theory-map *{box-sizing:border-box}.relation-guide{padding:22px;background:#111e2b;border-inline-end:1px solid #344758}.relation-guide h2{font-size:23px;font-weight:500;margin:0 0 10px}.theory-map .relation-note{font-size:14px;color:#a4b8c9}.relation-guide label{display:grid;gap:6px;font-size:14px;margin:16px 0;color:#b6cbdc}.theory-map :is(select,button){color:#e7f1f7;background:#1c3043;border:1px solid #4d657a;border-radius:6px;font:14px/1.5 system-ui;padding:9px;max-width:100%}.theory-map select{width:100%}.theory-map button{cursor:pointer}.theory-map a{color:#d3d9df;font-size:14px}.theory-map :is(button,a,select,g):focus-visible{outline:2px solid #dfff00;outline-offset:3px}.relation-main{min-width:0}.relation-bar{display:flex;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid #344758;align-items:center;font-size:14px}.relation-bar p{margin:0;color:#b6cbdc}.relation-bar>div{display:flex;gap:5px}.relation-canvas{height:clamp(400px,57dvh,740px);overflow:auto;scrollbar-width:thin;background:radial-gradient(ellipse at 40% 30%,#223c5055,transparent 75%)}.relation-canvas svg{display:block;height:100%;min-width:660px}.relation-node{cursor:pointer}.relation-legend{font-size:14px;color:#9ab0c4;margin:14px 20px}.relation-detail{padding:8px 20px 24px;border-top:1px solid #344758}.relation-detail h3{font-size:21px;font-weight:500;margin:16px 0 8px}.relation-detail p{color:#b5c9d7;font-size:14px;max-width:900px}.relation-detail ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.relation-detail li{display:grid;gap:6px;align-content:start}.relation-detail li button{justify-self:start}.relation-detail li a{font-size:14px}.relation-detail summary{cursor:pointer;font-size:16px;margin-top:16px}.relation-actions{display:flex;gap:20px}.relation-route{padding-left:20px}.relation-route li{margin-bottom:8px}.relation-route button{background:transparent;border-color:transparent;padding:3px;text-align:start}.connection-switch{display:flex;align-items:center;gap:20px;margin:10px 0}.connection-switch button{font:14px system-ui;background:#142a38;color:#d9e6ef;border:1px solid #4d6779;border-radius:6px;padding:10px 14px;cursor:pointer}.connection-switch a{color:#d3d9df;font-size:14px}
@media(max-width:760px){.theory-map{grid-template-columns:1fr}.relation-guide{border-inline-end:0;border-bottom:1px solid #344758;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:18px}.relation-guide :is(h2,p,ol,a){grid-column:1/-1}.relation-guide label{margin:5px 0}.relation-bar{flex-direction:column;align-items:start}.relation-canvas{height:450px}.relation-detail ul{grid-template-columns:1fr}.relation-guide button{align-self:center}}