.technologies-page{overflow:hidden;background:var(--kwd-bg,#09070d);color:var(--kwd-text,#f7f4fa)}
.technologies-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.technologies-shell{width:min(2600px,calc(100% - 32px));height:100svh;min-height:680px;margin:auto;padding:78px 0 14px;display:flex;flex-direction:column;overflow:hidden}
.technologies-hero{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:8px 14px 18px}
.technologies-eyebrow{display:flex;align-items:center;gap:10px;color:var(--kwd-accent,#b892ff);font-size:9px;font-weight:850;letter-spacing:.18em}.technologies-eyebrow i{width:28px;height:1px;background:currentColor;box-shadow:0 0 14px currentColor}
.technologies-hero h1{margin:10px 0 7px;color:var(--kwd-text,#fff);font-size:clamp(44px,4.2vw,68px);line-height:.9;letter-spacing:-.055em}.technologies-hero p{margin:0;color:var(--kwd-copy,#a69eaa);font-size:13px}
.technologies-total{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:12px;background:var(--kwd-panel,rgba(18,14,21,.8))}.technologies-total strong{color:var(--kwd-accent,#b892ff);font-size:36px;line-height:1}.technologies-total span{color:var(--kwd-muted,#817985);font-size:8px;font-weight:750;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.technologies-browser{position:relative;min-height:0;flex:1;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid color-mix(in srgb,var(--kwd-accent,#9465d2) 22%,var(--kwd-line,rgba(255,255,255,.1)));border-radius:16px;overflow:hidden;background:var(--kwd-bg-soft,#0d0a10);box-shadow:0 24px 70px rgba(0,0,0,.2)}
.technologies-toolbar{min-height:64px;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(190px,250px);align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--kwd-line,rgba(255,255,255,.1));background:var(--kwd-panel,#121015)}
.technologies-search{height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:10px;background:var(--kwd-panel-soft,#19161c)}.technologies-search>span:first-child{color:var(--kwd-accent,#b892ff);font-size:18px}.technologies-search input{width:100%;border:0;outline:0;color:var(--kwd-text,#fff);background:transparent;font-size:12px}.technologies-search input::placeholder{color:var(--kwd-muted,#817985)}
.technologies-scopes{height:44px;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:11px;background:var(--kwd-panel-soft,#19161c)}.technologies-scopes button{height:34px;display:flex;align-items:center;gap:8px;padding:0 12px;border:0;border-radius:8px;color:var(--kwd-copy,#aaa);background:transparent;font-size:10px;font-weight:780;cursor:pointer}.technologies-scopes button b{min-width:20px;padding:3px 5px;border-radius:999px;color:var(--kwd-muted,#817985);background:color-mix(in srgb,currentColor 8%,transparent);font-size:7px}.technologies-scopes button.is-active{color:#fff;background:var(--kwd-accent,#8257bd);box-shadow:0 6px 18px rgba(115,73,173,.2)}.technologies-scopes button.is-active b{color:#fff;background:rgba(255,255,255,.14)}.technologies-scopes>i{color:var(--kwd-muted,#817985);font-size:9px;font-style:normal}
.technologies-tree-select select{width:100%;height:44px;padding:0 35px 0 12px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:10px;color:var(--kwd-text,#fff);background:var(--kwd-panel-soft,#19161c);font-size:11px}.technologies-filters-button{display:none}
.technologies-search-results{position:absolute;z-index:60;top:58px;left:12px;width:min(500px,calc(100% - 24px));max-height:390px;padding:7px;overflow:auto;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:12px;background:var(--kwd-panel-raised,#1b171e);box-shadow:0 24px 70px rgba(0,0,0,.42)}.technologies-search-results[hidden]{display:none}.technologies-search-results button{width:100%;display:grid;gap:4px;padding:10px 11px;border:0;border-radius:8px;text-align:left;color:var(--kwd-text,#fff);background:transparent;cursor:pointer}.technologies-search-results button:hover{background:var(--kwd-panel-soft,#29242c)}.technologies-search-results strong{font-size:11px}.technologies-search-results span,.technologies-search-results p{margin:0;color:var(--kwd-muted,#817985);font-size:9px}
.technologies-workspace{min-height:0;display:grid;grid-template-rows:50px minmax(0,1fr)}
.technologies-branches{min-width:0;display:flex;align-items:center;gap:12px;padding:6px 12px;border-bottom:1px solid var(--kwd-line,rgba(255,255,255,.1));overflow:hidden;background:var(--kwd-panel,#121015)}.technologies-panel-heading{flex:0 0 auto;color:var(--kwd-muted,#817985);font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.technologies-panel-heading button{display:none}.technologies-branches [data-technologies-branch-list]{min-width:0;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.technologies-branches [data-technologies-branch-list]::-webkit-scrollbar{display:none}.technologies-branches [data-technologies-branch-list] button{height:34px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:var(--kwd-copy,#aaa);background:transparent;font-size:9px;white-space:nowrap;cursor:pointer}.technologies-branches [data-technologies-branch-list] button:hover{border-color:var(--kwd-line,rgba(255,255,255,.1));background:var(--kwd-panel-soft,#19161c)}.technologies-branches [data-technologies-branch-list] button.is-active{border-color:color-mix(in srgb,var(--kwd-accent,#8d62c8) 38%,transparent);color:var(--kwd-text,#fff);background:color-mix(in srgb,var(--kwd-accent,#8d62c8) 12%,transparent)}.technologies-branches button b{color:var(--kwd-muted,#817985);font-size:7px}.technologies-branches>p{display:none}
.technologies-map{min-width:0;min-height:0;display:grid;grid-template-rows:52px minmax(0,1fr);background:var(--kwd-bg-soft,#0d0a10)}.technologies-map-heading{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 15px;border-bottom:1px solid var(--kwd-line,rgba(255,255,255,.1));background:var(--kwd-panel,#121015)}.technologies-map-heading div{display:grid;gap:2px}.technologies-map-heading small{color:var(--kwd-muted,#817985);font-size:7px;letter-spacing:.13em}.technologies-map-heading strong{font-size:13px}.technologies-map-heading>span{padding:6px 9px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:999px;color:var(--kwd-copy,#aaa);font-size:8px;white-space:nowrap}
.technologies-viewport{position:relative;min-height:0;overflow:auto;overscroll-behavior:contain;background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--kwd-accent,#9465d2) 7%,transparent),transparent 28%),var(--kwd-bg-soft,#0d0a10);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--kwd-accent,#9465d2) 42%,transparent) transparent}.technologies-viewport::-webkit-scrollbar{width:8px;height:8px}.technologies-viewport::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--kwd-accent,#9465d2) 42%,transparent)}.technologies-grid{position:fixed;inset:0;background-image:linear-gradient(var(--kwd-line,rgba(255,255,255,.06)) 1px,transparent 1px),linear-gradient(90deg,var(--kwd-line,rgba(255,255,255,.06)) 1px,transparent 1px);background-size:38px 38px;opacity:.22;pointer-events:none}
.technologies-overview-axis,.technologies-overview-stages,.technologies-overview-legend{display:none;position:absolute;z-index:7;pointer-events:none}.technologies-overview-axis{inset:0 auto 0 0;width:216px;padding-top:30px;border-right:1px solid color-mix(in srgb,var(--kwd-accent,#9465d2) 30%,var(--kwd-line,rgba(255,255,255,.1)));background:color-mix(in srgb,var(--kwd-panel,#121015) 98%,transparent);box-shadow:16px 0 36px rgba(0,0,0,.3)}.technologies-overview-axis::before{content:'НАПРАВЛЕНИЯ РАЗВИТИЯ';position:absolute;top:0;left:0;width:216px;height:30px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--kwd-line,rgba(255,255,255,.08));color:var(--kwd-muted,#817985);font-size:7px;font-weight:850;letter-spacing:.12em}.technologies-overview-stages{top:0;right:0;left:216px;height:54px;border-bottom:1px solid color-mix(in srgb,var(--kwd-accent,#9465d2) 24%,var(--kwd-line,rgba(255,255,255,.1)));background:color-mix(in srgb,var(--kwd-panel,#121015) 97%,transparent)}.technologies-overview-lane{position:absolute;left:0;width:216px;min-height:34px;display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-content:center;align-items:center;gap:7px;padding:5px 11px;border-bottom:1px solid var(--kwd-line,rgba(255,255,255,.08));box-shadow:inset 3px 0 var(--lane-color)}.technologies-overview-lane small{display:grid;place-items:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--lane-color) 60%,transparent);border-radius:50%;color:var(--lane-color);font-size:6px}.technologies-overview-lane div{min-width:0;display:grid;gap:3px}.technologies-overview-lane strong,.technologies-overview-lane em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.technologies-overview-lane strong{font-size:9px;line-height:1.15}.technologies-overview-lane em{color:var(--kwd-muted,#817985);font-size:6px;font-style:normal}.technologies-overview-lane span{color:var(--lane-color);font-size:7px;font-weight:800}.technologies-overview-lane.is-tight em{display:none}.technologies-overview-era{position:absolute;top:0;height:20px;display:flex;align-items:center;gap:6px;padding-left:8px;border-right:1px solid color-mix(in srgb,var(--kwd-accent,#9465d2) 28%,transparent);color:var(--kwd-copy,#aaa);font-size:6px;font-weight:850;letter-spacing:.1em}.technologies-overview-era b{color:var(--kwd-accent,#b892ff);font-size:6px}.technologies-overview-stage{position:absolute;top:20px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--kwd-muted,#817985);font-size:6px;font-weight:800;text-transform:uppercase}.technologies-overview-stage b{display:grid;place-items:center;width:20px;height:20px;border:1px solid color-mix(in srgb,var(--kwd-accent,#9465d2) 44%,transparent);border-radius:50%;color:var(--kwd-accent,#b892ff);font-size:6px}.technologies-overview-stage span{display:none}.technologies-overview-legend{right:58px;bottom:10px;align-items:center;gap:12px;padding:7px 10px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:8px;color:var(--kwd-muted,#817985);background:color-mix(in srgb,var(--kwd-panel,#121015) 94%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.22);font-size:7px}.technologies-overview-legend span{display:flex;align-items:center;gap:5px}.technologies-overview-legend i{display:block}.technologies-overview-legend .is-node{width:14px;height:6px;border-left:3px solid var(--kwd-accent,#b892ff);border-radius:3px;background:color-mix(in srgb,var(--kwd-accent,#9465d2) 45%,var(--kwd-panel-raised,#1b171e))}.technologies-overview-legend .is-line{width:16px;height:1px;background:var(--kwd-accent,#b892ff)}.technologies-overview-legend b{color:var(--kwd-copy,#aaa);font-weight:700}
.technologies-viewport.is-overview{overflow:hidden}.technologies-shell.is-map-overview .technologies-overview-axis,.technologies-shell.is-map-overview .technologies-overview-stages{display:block}.technologies-shell.is-map-overview .technologies-overview-legend{display:flex}.technologies-shell.is-map-overview .technology-lane-label,.technologies-shell.is-map-overview .technology-stage-column>span{opacity:0}.technologies-shell.is-map-overview .technology-lane-band::after{content:'';position:absolute;right:0;left:184px;top:50%;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--lane-color) 75%,transparent),color-mix(in srgb,var(--lane-color) 12%,transparent));opacity:.5}.technologies-shell.is-map-overview .technology-node{border-width:0 0 0 8px;border-color:var(--lane-color);border-radius:10px;background:color-mix(in srgb,var(--lane-color) 48%,var(--kwd-panel-raised,#1b171e));box-shadow:0 0 0 1px color-mix(in srgb,var(--lane-color) 38%,transparent)}.technologies-shell.is-map-overview .technology-node>*{opacity:0}.technologies-shell.is-map-overview .technology-node:hover,.technologies-shell.is-map-overview .technology-node.is-active{background:color-mix(in srgb,var(--lane-color) 76%,var(--kwd-panel-raised,#1b171e));box-shadow:0 0 0 5px color-mix(in srgb,var(--lane-color) 30%,transparent);transform:none}.technologies-shell.is-map-overview .technologies-lines path[data-source]{stroke:var(--edge-color,var(--kwd-accent,#9465d2));stroke-width:2.5;opacity:.7}.technologies-shell.is-map-overview .technologies-lines path.is-cross-lane{stroke:color-mix(in srgb,var(--edge-color,var(--kwd-accent,#9465d2)) 68%,var(--kwd-muted,#817985));stroke-width:1.7;stroke-dasharray:5 5;opacity:.17}.technologies-shell.is-map-overview .technologies-lines path.is-chain,.technologies-shell.is-map-overview .technologies-lines path.is-cross-lane.is-chain{stroke:var(--kwd-accent,#d2b3ff);stroke-width:3.5;stroke-dasharray:none;opacity:1}.technologies-shell.is-map-overview .technology-node.is-unrelated{opacity:.13}.technologies-shell.is-map-overview .technologies-zoom{box-shadow:0 10px 30px rgba(0,0,0,.4)}
.technologies-world{position:relative;transform-origin:0 0}.technologies-stage-grid,.technologies-lanes,.technologies-lines,.technologies-nodes{position:absolute;inset:0;width:100%;height:100%}.technologies-lanes{z-index:0}.technologies-stage-grid{z-index:1}.technologies-lines{z-index:2;overflow:visible;pointer-events:none}.technologies-nodes{z-index:3;pointer-events:none}
.technology-stage-column{position:absolute;top:0;width:190px;border-left:1px solid color-mix(in srgb,var(--kwd-accent,#9465d2) 14%,var(--kwd-line,rgba(255,255,255,.06)))}.technology-stage-column>span{height:40px;display:flex;align-items:center;gap:7px;padding-left:10px;color:var(--kwd-muted,#817985);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.technology-stage-column b{display:grid;place-items:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--kwd-accent,#9465d2) 38%,transparent);border-radius:50%;color:var(--kwd-accent,#b892ff);font-size:7px}
.technology-lane-band{position:absolute;left:0;border-top:1px solid var(--kwd-line,rgba(255,255,255,.08));border-bottom:1px solid var(--kwd-line,rgba(255,255,255,.08));background:color-mix(in srgb,var(--kwd-panel,#121015) 67%,transparent)}.technology-lane-band.is-alt{background:color-mix(in srgb,var(--kwd-panel-raised,#1b171e) 70%,transparent)}.technology-lane-label{position:sticky;left:0;width:174px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px 14px;border-right:1px solid var(--kwd-line,rgba(255,255,255,.1));background:color-mix(in srgb,var(--kwd-panel,#121015) 96%,transparent);box-shadow:12px 0 24px color-mix(in srgb,var(--kwd-bg,#09070d) 42%,transparent)}.technology-lane-label small{color:var(--kwd-accent,#b892ff);font-size:7px;font-weight:850;letter-spacing:.12em}.technology-lane-label strong{font-size:12px;line-height:1.2}.technology-lane-label span{color:var(--kwd-muted,#817985);font-size:8px}
.technologies-lines path[data-source]{fill:none;stroke:var(--edge-color,color-mix(in srgb,var(--kwd-accent,#9465d2) 42%,transparent));stroke-width:1.6;transition:opacity .16s,stroke .16s,stroke-width .16s}.technologies-lines marker path{fill:context-stroke}.technologies-lines path.is-cross-lane{opacity:.2;stroke-dasharray:4 4}.technologies-lines path.is-chain,.technologies-lines path.is-cross-lane.is-chain{opacity:1;stroke:var(--kwd-accent,#b892ff);stroke-width:3;stroke-dasharray:none}.technologies-lines path.is-muted{opacity:.04}
.technology-node{--node-accent:var(--kwd-accent,#9465d2);position:absolute;display:grid;align-content:center;gap:4px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--node-accent) 45%,var(--kwd-line,rgba(255,255,255,.1)));border-left:3px solid var(--node-accent);border-radius:8px;text-align:left;color:var(--kwd-text,#fff);background:linear-gradient(145deg,color-mix(in srgb,var(--node-accent) 7%,var(--kwd-panel-raised,#1b171e)),var(--kwd-panel-raised,#1b171e));box-shadow:0 6px 15px rgba(0,0,0,.18);cursor:pointer;pointer-events:auto;transition:border-color .15s,box-shadow .15s,opacity .15s,transform .15s}.technology-node.category-building,.technology-node.category-construction{--node-accent:#b891ff}.technology-node.category-module,.technology-node.category-industry{--node-accent:#dfa566}.technology-node.category-development,.technology-node.category-science{--node-accent:#67bac9}.technology-node.category-agriculture{--node-accent:#72b77b}.technology-node.category-warfare,.technology-node.category-military{--node-accent:#d57582}.technology-node.category-government,.technology-node.category-diplomacy{--node-accent:#c08fda}.technology-node.category-armor{--node-accent:#8ca5d8}.technology-node:hover,.technology-node.is-active{z-index:5;border-color:var(--node-accent);box-shadow:0 10px 26px rgba(0,0,0,.32),0 0 0 1px color-mix(in srgb,var(--node-accent) 35%,transparent);transform:translateY(-2px)}.technology-node.is-context{border-style:dashed;border-left-style:solid}.technology-node.is-prerequisite{box-shadow:0 0 0 2px #8d79b0}.technology-node.is-unlock{box-shadow:0 0 0 2px var(--node-accent)}.technology-node.is-unrelated{opacity:.16}.technology-node.is-search-dimmed{opacity:.1}.technology-node-scope{overflow:hidden;color:var(--node-accent);font-size:6px;font-weight:850;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.technology-node strong{display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}.technology-node-cost{display:flex;gap:4px}.technology-node-cost b{padding:2px 4px;border-radius:4px;color:var(--kwd-copy,#aaa);background:var(--kwd-panel-soft,#29242c);font-size:6px;font-weight:750}
.technologies-zoom{position:fixed;z-index:690;right:28px;bottom:28px;margin:0;width:max-content;display:flex;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:9px;overflow:hidden;background:var(--kwd-panel,#121015);box-shadow:0 8px 24px rgba(0,0,0,.24);transition:right .2s ease}.technologies-shell.is-detail-open .technologies-zoom{right:452px}.technologies-zoom button{width:34px;height:34px;border:0;border-right:1px solid var(--kwd-line,rgba(255,255,255,.1));color:var(--kwd-copy,#aaa);background:transparent;cursor:pointer}.technologies-zoom button:last-child{border-right:0}.technologies-zoom button:hover{color:var(--kwd-text,#fff);background:var(--kwd-panel-soft,#29242c)}
.technologies-loading,.technologies-empty{position:absolute;z-index:10;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--kwd-copy,#aaa);background:var(--kwd-bg-soft,#0d0a10);font-size:11px}.technologies-loading[hidden],.technologies-empty[hidden]{display:none}.technologies-loading i{width:26px;height:26px;border:2px solid var(--kwd-line,rgba(255,255,255,.1));border-top-color:var(--kwd-accent,#b892ff);border-radius:50%;animation:technology-spin .7s linear infinite}.technologies-loading.is-error{color:#ffb4c5}.technologies-loading.is-error i{display:none}.technologies-loading button{padding:8px 13px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:8px;color:var(--kwd-text,#fff);background:var(--kwd-panel,#121015);cursor:pointer}
.technologies-detail{position:fixed;z-index:700;top:78px;right:16px;bottom:16px;width:min(420px,calc(100% - 32px));padding:28px 24px;border:1px solid color-mix(in srgb,var(--kwd-accent,#9465d2) 28%,var(--kwd-line,rgba(255,255,255,.1)));border-radius:15px;overflow:auto;color:var(--kwd-text,#fff);background:color-mix(in srgb,var(--kwd-panel,#121015) 96%,transparent);box-shadow:-30px 20px 90px rgba(0,0,0,.48);transform:translateX(calc(100% + 42px));transition:transform .2s ease;backdrop-filter:blur(18px)}.technologies-detail.is-open{transform:none}.technologies-detail-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:8px;color:var(--kwd-copy,#aaa);background:var(--kwd-panel-soft,#19161c);cursor:pointer}.technologies-detail-empty{min-height:100%;display:grid;place-content:center;justify-items:center;gap:9px;text-align:center}.technologies-detail-empty>span{color:var(--kwd-accent,#b892ff);font-size:32px}.technologies-detail-empty strong{font-size:16px}.technologies-detail-empty p{max-width:260px;margin:0;color:var(--kwd-muted,#817985);font-size:10px;line-height:1.55}.technologies-detail-kicker{padding-right:36px;color:var(--kwd-accent,#b892ff);font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.technologies-detail h2{margin:12px 0 11px;font-size:28px;line-height:1;letter-spacing:-.03em}.technologies-detail>p{margin:0;color:var(--kwd-copy,#aaa);font-size:11px;line-height:1.6}.technologies-detail section{margin-top:20px;padding-top:16px;border-top:1px solid var(--kwd-line,rgba(255,255,255,.1))}.technologies-detail h3{margin:0 0 9px;color:var(--kwd-muted,#817985);font-size:7px;letter-spacing:.13em;text-transform:uppercase}.technologies-chips{display:flex;gap:5px;flex-wrap:wrap}.technologies-chips span,.technologies-chips a,.technologies-chips button{padding:6px 7px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:7px;color:var(--kwd-copy,#aaa);background:var(--kwd-panel-soft,#19161c);font-size:8px}.technologies-chips a,.technologies-chips button{color:var(--kwd-accent,#c3a4ef);cursor:pointer}.technologies-detail code{display:block;padding:8px;overflow-wrap:anywhere;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:7px;color:var(--kwd-muted,#817985);background:var(--kwd-bg-soft,#0d0a10);font-size:8px}.technologies-next{display:grid;gap:5px}.technologies-next button{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:9px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:8px;text-align:left;color:var(--kwd-text,#fff);background:var(--kwd-panel-soft,#19161c);cursor:pointer}.technologies-next button span{grid-column:1;color:var(--kwd-muted,#817985);font-size:7px}.technologies-next button strong{grid-column:1;font-size:9px}.technologies-next button i{grid-column:2;grid-row:1/3;align-self:center;color:var(--kwd-accent,#b892ff);font-style:normal}
.technologies-shell.is-map-overview .technologies-overview-stages{left:0}
.technologies-viewport:not(.is-overview){cursor:grab}.technologies-viewport.is-panning,.technologies-viewport.is-panning *{cursor:grabbing!important;user-select:none}.technologies-viewport:focus-visible{outline:2px solid color-mix(in srgb,var(--kwd-accent,#9465d2) 70%,transparent);outline-offset:-2px}
.technologies-shell[data-scope="CAMP"].is-map-overview .technology-node{padding:0 12px}.technologies-shell[data-scope="CAMP"].is-map-overview .technology-node strong{display:block;overflow:hidden;opacity:1;color:#fff;font-size:16px;line-height:1;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap}
.technologies-lines path[data-source]{marker-end:none}.technologies-lines path.is-chain{marker-end:url(#technology-arrow)}.technologies-lines path.is-chain.is-prerequisite-edge,.technologies-shell.is-map-overview .technologies-lines path.is-chain.is-prerequisite-edge{stroke:#a78bd8}.technologies-lines path.is-chain.is-unlock-edge,.technologies-shell.is-map-overview .technologies-lines path.is-chain.is-unlock-edge{stroke:color-mix(in srgb,var(--edge-color,var(--kwd-accent,#9465d2)) 78%,#fff)}
.technologies-shell.is-map-overview .technology-node.is-active{box-shadow:0 0 0 5px color-mix(in srgb,#fff 72%,transparent),0 0 26px color-mix(in srgb,var(--lane-color) 75%,transparent)}.technologies-shell.is-map-overview .technology-node.is-prerequisite:not(.is-active){box-shadow:0 0 0 3px #a78bd8}.technologies-shell.is-map-overview .technology-node.is-unlock:not(.is-active){box-shadow:0 0 0 3px color-mix(in srgb,var(--lane-color) 82%,#fff)}
.technologies-overview-legend .is-before,.technologies-overview-legend .is-after{width:18px;height:2px}.technologies-overview-legend .is-before{background:#a78bd8}.technologies-overview-legend .is-after{background:#e2b48b}
.technologies-shell.is-map-overview .technology-lane-band::after{opacity:.34}.technologies-shell.is-map-overview .technologies-lines path[data-source]{stroke-width:1.7;opacity:.2}.technologies-shell.is-map-overview .technologies-lines path.is-cross-lane{stroke-width:1.4;stroke-dasharray:5 6;opacity:.055}.technologies-shell.is-map-overview .technologies-lines path.is-chain,.technologies-shell.is-map-overview .technologies-lines path.is-cross-lane.is-chain{stroke-width:4.2;opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--kwd-accent,#9465d2) 58%,transparent))}.technologies-shell.is-map-overview .technology-node.is-unrelated{opacity:.075}
.technologies-lines path.is-chain{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--kwd-accent,#9465d2) 46%,transparent))}.technologies-lines path.is-chain.is-prerequisite-edge,.technologies-shell.is-map-overview .technologies-lines path.is-chain.is-prerequisite-edge{stroke:#a78bd8;stroke-dasharray:none}.technologies-lines path.is-chain.is-unlock-edge,.technologies-shell.is-map-overview .technologies-lines path.is-chain.is-unlock-edge{stroke:color-mix(in srgb,var(--edge-color,var(--kwd-accent,#9465d2)) 78%,#fff);stroke-dasharray:none}
.technologies-lines path[data-source]{stroke-linecap:round;stroke-linejoin:round}.technology-node[data-route-step]::after{content:attr(data-route-step);position:absolute;z-index:8;top:-14px;left:-14px;min-width:28px;height:28px;display:grid;place-items:center;padding:0 5px;border:3px solid var(--kwd-panel,#121015);border-radius:999px;color:#fff;background:#8465b5;box-shadow:0 0 0 2px #bba1e3,0 4px 12px rgba(0,0,0,.45);font-size:12px;font-weight:900;line-height:1;pointer-events:none}.technology-node.is-route-target::after{background:var(--node-accent);box-shadow:0 0 0 3px #fff,0 0 22px color-mix(in srgb,var(--node-accent) 78%,transparent)}.technology-node.is-route-target::before{content:'ЦЕЛЬ';position:absolute;z-index:7;top:-16px;right:-6px;padding:5px 8px 5px 16px;border:2px solid color-mix(in srgb,var(--node-accent) 70%,#fff);border-radius:999px;color:#fff;background:color-mix(in srgb,var(--node-accent) 72%,var(--kwd-panel,#121015));box-shadow:0 5px 14px rgba(0,0,0,.42);font-size:9px;font-weight:900;letter-spacing:.08em;line-height:1;pointer-events:none}.technologies-shell.is-map-overview .technology-node[data-route-step]{overflow:visible}
.technologies-route-labels{position:absolute;z-index:9;inset:0;overflow:hidden;pointer-events:none}.technologies-route-step{position:absolute;display:flex;align-items:center;gap:4px;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 7px rgba(0,0,0,.55))}.technologies-route-step b{min-width:18px;height:18px;display:grid;place-items:center;padding:0 3px;border:2px solid #d8c7ef;border-radius:999px;color:#fff;background:#795aa8;font-size:7px;font-weight:950;line-height:1}.technologies-route-step em{padding:4px 6px;border-radius:999px;color:#fff;background:#b85f70;font-size:7px;font-style:normal;font-weight:950;letter-spacing:.08em;line-height:1;text-transform:uppercase}.technologies-route-step.is-target b{border-color:#fff;background:#d57582;box-shadow:0 0 0 3px rgba(213,117,130,.28),0 0 18px rgba(213,117,130,.8)}.technologies-shell.is-map-overview .technology-node[data-route-step]::after,.technologies-shell.is-map-overview .technology-node.is-route-target::before{display:none}
@keyframes technology-spin{to{transform:rotate(360deg)}}

@media(max-width:820px){
  .technologies-page{overflow:auto}.technologies-shell{width:calc(100% - 16px);height:auto;min-height:100svh;padding:82px 0 12px;overflow:visible}.technologies-hero{min-height:116px;padding:10px 8px 18px}.technologies-hero h1{font-size:42px}.technologies-hero p{max-width:300px;font-size:11px;line-height:1.45}.technologies-total{display:none}
  .technologies-browser{display:block;overflow:visible}.technologies-toolbar{grid-template-columns:1fr;padding:9px;position:relative}.technologies-search{grid-column:1}.technologies-scopes{display:grid;grid-template-columns:1fr auto 1fr}.technologies-scopes button{justify-content:center}.technologies-tree-select{display:none}.technologies-filters-button{display:block;position:absolute;z-index:6;right:10px;bottom:-46px;height:34px;padding:0 12px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:999px;color:var(--kwd-text,#fff);background:var(--kwd-panel,#121015)}.technologies-search-results{top:58px;left:9px;width:calc(100% - 18px)}
  .technologies-workspace{display:block}.technologies-branches{position:fixed;z-index:750;inset:72px 8px 8px;display:block;padding:16px;border:1px solid var(--kwd-line,rgba(255,255,255,.1));border-radius:14px;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.55);transform:translateX(calc(-100% - 20px));transition:transform .2s}.technologies-shell.is-filters-open .technologies-branches{transform:none}.technologies-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.technologies-panel-heading button{display:block;border:0;color:inherit;background:transparent;font-size:22px}.technologies-branches [data-technologies-branch-list]{display:grid;gap:4px;overflow:visible}.technologies-branches [data-technologies-branch-list] button{width:100%;justify-content:space-between}.technologies-branches>p{display:block;color:var(--kwd-muted,#817985);font-size:10px;line-height:1.5}
  .technologies-map{display:grid;grid-template-rows:56px 70svh}.technologies-map-heading{padding:0 96px 0 12px}.technologies-map-heading>span{display:none}.technologies-viewport{min-height:500px}.technologies-world{zoom:1!important}.technologies-detail{top:72px;right:8px;bottom:8px;width:calc(100% - 16px);padding:24px 17px}.technologies-zoom,.technologies-shell.is-detail-open .technologies-zoom{right:8px;bottom:8px}
}

.technologies-server-catalog {
  width: min(1500px, calc(100% - 48px));
  margin: 42px auto 72px;
  color: var(--kwd-text, var(--text, #f3eef8));
}
.technologies-server-catalog > header { max-width: 860px; margin-bottom: 28px; }
.technologies-server-catalog > header > span { color: #a98bd2; font-size: .72rem; letter-spacing: .15em; }
.technologies-server-catalog h2 { margin: 8px 0 10px; font-size: clamp(1.8rem, 3vw, 3rem); }
.technologies-server-catalog header p { color: var(--muted, #aea5b7); line-height: 1.6; }
.technologies-server-branches { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 18px; }
.technologies-server-branches section { min-width: 0; padding: 22px; border: 1px solid rgba(180,150,220,.18); border-radius: 16px; background: rgba(20,15,28,.62); }
.technologies-server-branches h3 { margin: 0 0 14px; font-size: 1.05rem; }
.technologies-server-branches ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.technologies-server-branches a { display: grid; gap: 3px; padding: 10px 12px; color: inherit; text-decoration: none; border-radius: 10px; }
.technologies-server-branches a:hover { background: rgba(155,112,205,.13); }
.technologies-server-branches a span { color: var(--muted, #aaa1b2); font-size: .83rem; line-height: 1.35; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .technologies-server-catalog { width: min(1500px, calc(100% - 28px)); margin: 28px auto 48px; }
  .technologies-server-branches { gap: 12px; }
  .technologies-server-branches section { padding: 16px; border-radius: 12px; }
}
@media(max-width:430px){.technologies-shell{width:calc(100% - 12px)}.technologies-hero h1{font-size:39px}.technologies-scopes button{padding-inline:7px;font-size:9px}.technologies-scopes button b{display:none}.technologies-map-heading strong{font-size:11px}}

@media(min-width:821px){
  .technologies-page{overflow:auto}
  .technologies-shell{height:auto;min-height:100svh;overflow:visible}
  .technologies-browser{height:calc(100svh - 205px);min-height:600px;flex:none}
}