.public-tech-section{margin:36px 0;border:1px solid #42617a;border-radius:18px;background:linear-gradient(120deg,#102335ec,#07141eee);padding:clamp(12px,2vw,24px)}
.public-tech-section h2{color:#f7e6ba;margin:0 0 12px}.public-tech-section p{color:#ccdfec;line-height:1.55;font-size:.88rem}
.public-tech-section label{display:grid;gap:8px;max-width:550px;color:#deedf9}.public-tech-section select{background:#102a3d;color:white;border:1px solid #63839b;border-radius:9px;min-height:44px;padding:8px;width:100%}
.public-tree{max-height:520px;min-height:220px;overflow:auto;margin-top:18px;border:1px solid #385166;border-radius:12px;background:#05101b;overscroll-behavior:contain}
.public-tree:focus-visible{outline:3px solid #a4e3ff;outline-offset:3px}.public-tree-canvas{position:relative;isolation:isolate}.public-tree-canvas svg{position:absolute;inset:0;pointer-events:none;z-index:-1}.public-tree-canvas path{fill:none;stroke:#699cb9;stroke-width:2}.public-tree-canvas text{fill:#e7f5ff;font-size:11px;text-anchor:middle;paint-order:stroke;stroke:#06121e;stroke-width:4px}
.public-tree-node{position:absolute;width:230px;background:#102538ee;border:1px solid #52758e;border-radius:10px;padding:0;box-sizing:border-box}.public-tree-node button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:10px;color:#eef7ff;width:100%;min-height:108px;text-align:left;cursor:pointer}.public-tree-node button>span{min-width:0;display:grid;gap:3px}.public-tree-node small{font-size:.75rem;color:#bad5e8}.public-tree-node strong{font-size:.875rem;color:#f9e7b4;line-height:1.2}.public-tree-node b{font-size:.75rem;font-weight:500;color:#e2f0fc;line-height:1.3}.public-tree-node img,.public-tree-node .tree-placeholder{width:42px;height:42px;object-fit:cover;border-radius:8px;flex-shrink:0}.public-tree-node .tree-placeholder{display:grid;place-content:center;background:#1a3d57;color:#bdeaff;font-size:1.4rem}.public-tree-node details{font-size:.8rem;color:#dce9f3;border-top:1px solid #365169}.public-tree-node summary{padding:7px;cursor:pointer;min-height:44px;box-sizing:border-box;display:flex;align-items:center}.public-tree-node details ul{padding:0 15px 10px 23px;font-size:.8rem;line-height:1.5}.public-tree-node details[open]{position:relative;z-index:3;background:#0d2436;box-shadow:0 10px 26px #000b;border-radius:0 0 10px 10px}.tree-goal-node{border-color:#b3f0ff;box-shadow:0 0 0 1px #75bdde}.public-tree-node[data-kind=civilization]{border-color:#a393c9}.public-tree-node[data-kind=research]{border-color:#669cbc}
@media(max-width:700px){.public-tree{max-height:410px}.public-tech-section h2{font-size:1.2rem}}@media(forced-colors:active){.public-tree-node,.public-tree{border-color:CanvasText}.public-tree-canvas path{stroke:CanvasText}}

.public-tree-node:has(details[open]){z-index:5}.public-tree-node button:focus-visible,.public-tree-node summary:focus-visible{outline:3px solid #b3edff;outline-offset:2px}