.research-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}
.research-heading p{margin:5px 0}.research-heading .research-total{position:static;display:flex;flex-direction:column;padding:12px 22px;border:1px solid #bca877;background:#14292b;text-align:center}
.research-total strong{font-size:32px;color:#f1d394}.research-total span{font-size:9px;letter-spacing:.12em}
.research-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:#b9c4c5;margin:12px 0 18px}
.research-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px;align-items:start}
.research-constellation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #4c5b63;background:radial-gradient(ellipse at 50% 100%,#36525b55,transparent 70%),repeating-linear-gradient(0deg,transparent 0 23px,#98c2be09 24px),#0b171d}
.research-branch{--branch:#e4b474;min-width:0;padding:16px 3px 5px;border-right:1px solid #52606855}
.research-branch[data-branch="Logistics"]{--branch:#75d9d0}.research-branch[data-branch="Fortification"]{--branch:#b39bdf}
.research-branch:last-child{border-right:0}.research-branch h3{text-align:center;color:var(--branch);margin:0 0 6px;font-size:16px}
.main-menu-panel .research-branch>p{text-align:center;min-height:42px;font-size:10px;padding:0 12px;margin:0;color:#bdc6c7}
.research-path{height:430px;position:relative}.research-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.research-wires path{fill:none;stroke:#64747b;stroke-width:1.6;stroke-dasharray:3 5;opacity:.55}.research-wires .powered{stroke:var(--branch);stroke-width:2;stroke-dasharray:none;opacity:.85}
.main-menu-panel .constellation-node{position:absolute;transform:translate(-50%,-27px);width:92px;min-height:100px;border:0;background:transparent;padding:0;color:#a7b6bd;text-align:center}
.main-menu-panel .constellation-node:hover,.main-menu-panel .constellation-node:focus-visible{border:0;outline:0;background:transparent}
.research-orb{position:relative;display:block;width:54px;height:54px;margin:0 auto 9px;border-radius:50%;border:2px solid #6c7b83;background:radial-gradient(circle at 35% 25%,#526474,#102029 70%);box-shadow:0 0 0 5px #080f16}
.research-orb svg{width:30px;height:30px;margin:9px}.research-orb i{font-style:normal;position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);padding:1px 6px;border-radius:8px;background:#0d1b20;border:1px solid #687e8a;font-size:9px;color:#dfe7d8}
.node-name{font-size:10px;line-height:1.2;display:block;max-width:92px;padding:0 1px}.node-lock{font-size:7px;color:#8f9ca5;letter-spacing:.12em}
.available .research-orb{border-color:var(--branch);color:var(--branch);box-shadow:0 0 0 4px #07151c,0 0 16px color-mix(in srgb,var(--branch) 25%,transparent)}
.invested .research-orb{border-color:var(--branch);color:var(--branch);background:color-mix(in srgb,var(--branch) 23%,#102029)}
.invested .node-name{color:var(--branch)}
.complete .research-orb{background:var(--branch);color:#102029;border-color:#f2eacb}.complete .node-name{color:var(--branch)}
.capstone .research-orb{border-radius:16px}.constellation-node[aria-pressed="true"] .research-orb,.constellation-node:focus-visible .research-orb,.constellation-node:hover .research-orb{outline:2px solid #f0e3af;outline-offset:5px}
.research-detail{border:1px solid #67777f;padding:18px;background:linear-gradient(145deg,#24343c,#0d1b22);position:sticky;top:14px;min-height:350px}
.research-detail h3{font-size:21px;color:#f5d49c;margin:10px 0}.research-detail p{font-size:12px}.research-detail small{display:block;line-height:1.5;color:#a9bec2;font-size:10px;margin-top:12px}
.research-detail-icon{width:54px;height:54px;color:#d6c091}.research-detail-icon svg{width:100%;height:100%}
.main-menu-panel #purchase-research{width:100%;border-color:#ceb474;background:#394631}.main-menu-panel #purchase-research:disabled{opacity:.55}
.menu-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.menu-ambient:before,.menu-ambient:after{content:"";position:absolute;inset:-20%;opacity:.24;background-image:radial-gradient(circle,#cbab7144 1px,transparent 2px),radial-gradient(circle,#70beb844 1px,transparent 2px);background-size:71px 97px,131px 157px;animation:menu-drift 36s linear infinite}
.menu-ambient:after{background:radial-gradient(ellipse at 30% 45%,#629a8c55,transparent 60%);animation:menu-breathe 12s ease-in-out infinite alternate}
.main-menu-panel{position:relative}.main-menu-panel>*:not(.menu-ambient){position:relative;z-index:1}
@keyframes menu-drift{to{transform:translate(40px,-70px)}}@keyframes menu-breathe{to{opacity:.1;transform:translate(4%,3%)}}
@media(max-width:950px){.research-layout{grid-template-columns:1fr}.research-detail{position:static;min-height:0}.research-detail-icon{float:right}.research-detail p{margin:8px 0}.research-detail #purchase-research{width:auto}.research-constellation{min-width:630px}.research-layout{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.menu-ambient:before,.menu-ambient:after{animation:none}}
.reduced-menu-motion .menu-ambient:before,.reduced-menu-motion .menu-ambient:after{animation:none}