/* The research map is its own scene. Cards carry equipment, not rank numbers. */
body[data-view="prestige"] .control-panel{left:72px;right:91px;top:87px;bottom:18px;background:#0a1423}
body[data-view="prestige"] .panel-heading{min-height:49px;padding:12px 21px;border-bottom-color:#94b1d21a}
.technology-screen{height:100%;min-height:0;display:grid;grid-template-rows:50px minmax(0,1fr) 55px 43px;overflow:hidden}
.technology-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid #94b1d21a;background:#12203272}
.technology-toolbar>div,.tech-wallet{display:flex;gap:8px;align-items:center}.technology-toolbar>div{gap:24px}.tech-count{font:600 22px Rajdhani,sans-serif;color:#dce7ed}.tech-count small{font-size:12px;color:#7892a9}.tech-wallet{font:500 23px Rajdhani,sans-serif;color:#c8b9e6}.tech-wallet .currency-icon{width:21px;height:21px}
.technology-map{min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#272a4d55,transparent 49%),radial-gradient(ellipse at 15% 20%,#13404733,transparent 45%),linear-gradient(145deg,#101f30,#0c1425 70%)}
.technology-map:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px #080f21;pointer-events:none}
.technology-canvas{display:block;width:100%;height:100%;padding:20px 255px 20px 20px;overflow:visible;touch-action:manipulation}
.tech-map-heading{position:absolute;left:22px;top:15px;z-index:2;display:flex;align-items:center;gap:16px;font:500 10px Rajdhani,sans-serif;letter-spacing:.14em;color:#647e95;pointer-events:none}.tech-map-heading button{pointer-events:auto;background:#14263bdd;border:1px solid #6d86a544;border-radius:6px;padding:6px 10px;font:500 12px Rajdhani,sans-serif;color:#b6c6d5;letter-spacing:0}.tech-map-heading b{font-size:12px;font-weight:500}
.technology-link{fill:none;stroke:var(--branch);stroke-width:2.5;opacity:.2;stroke-linecap:round}.technology-link.complete{opacity:.65;stroke-width:3}.technology-link.frontier{stroke-dasharray:7 7;animation:technologyCurrent 8s linear infinite}
.technology-tile{cursor:pointer;outline:none}.technology-tile.new-technology{animation:technologyReveal .48s ease-out both;animation-delay:var(--reveal)}
.tile-shell{fill:#13243a;stroke:var(--branch);stroke-width:1.5;stroke-opacity:.48}.tile-trim{fill:none;stroke:var(--branch);stroke-width:2;opacity:.45}.tile-halo{fill:var(--branch);fill-opacity:.025;stroke:var(--branch);stroke-width:1;stroke-opacity:.06}.technology-tile.ready .tile-shell{fill:#1a2b40;stroke-opacity:.9}.technology-tile.ready .tile-halo{fill-opacity:.055;stroke-opacity:.2}.technology-tile.future{--tile-opacity:.7;opacity:.7}.technology-tile.complete .tile-shell{fill:#162e3c;stroke-opacity:.65}.technology-tile.complete .tile-trim{opacity:.8}.technology-tile.chosen .tile-shell,.technology-tile:focus-visible .tile-shell{stroke:#f0dfb9;stroke-width:2.5;fill:#25364c}.technology-tile:hover .tile-halo{fill-opacity:.12;stroke-opacity:.6}
.tile-name{fill:#d2dfeb;text-anchor:middle;font:500 11px Rajdhani,sans-serif;pointer-events:none}.tile-status{fill:none;stroke:var(--branch);stroke-width:1.5}.tile-status text{fill:var(--branch);stroke:none;text-anchor:middle;font:600 11px Rajdhani,sans-serif}.tile-corners{stroke:#f2dcae;stroke-width:2;fill:none;pointer-events:none}.technology-tile.hub .tile-shell{stroke-width:2.3;fill:#27283e}.technology-tile.hub .tech-art{transform:scale(.9)}
.tech-art .detail{fill:none;stroke:#b1c1d0;stroke-width:1;opacity:.6}.tech-art .lit{fill:var(--branch);fill-opacity:.35;stroke:var(--branch);stroke-width:2}.tech-art .jet{fill:none;stroke:#b2ece5;stroke-width:2;opacity:.8}
.technology-detail{position:absolute;right:17px;bottom:18px;z-index:3;width:229px;border:1px solid #778da93b;border-top:2px solid var(--branch);border-radius:10px;padding:16px;background:linear-gradient(145deg,#1b2b40ed,#101c2ded);box-shadow:0 15px 35px #050b1744}.technology-detail>div>span{font:500 8px Rajdhani,sans-serif;letter-spacing:.12em;color:var(--branch)}.technology-detail h3{margin:9px 0 8px;font:600 22px/1.05 Rajdhani,sans-serif;color:#e0e9ee}.technology-detail p{font:400 13px/1.4 Rajdhani,sans-serif;color:#afc5d4;margin:0 0 17px}.technology-detail .install-node{font-size:13px;padding:11px 10px;gap:5px;background:#2b3e52;border-color:#94b7c344}.technology-detail .install-node b{display:flex;gap:4px;align-items:center}.technology-detail>small{display:block;font:400 10px Rajdhani,sans-serif;color:#7e98ac;margin-top:9px}.technology-detail .currency-icon{width:15px;height:15px}
.technology-domains{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 13px;border-top:1px solid #94b1d21a;background:#112036;overflow:auto;scrollbar-width:none}.technology-domains>button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #7899b52a;border-radius:8px;color:var(--branch);background:#14263a;font:500 13px Rajdhani,sans-serif;white-space:nowrap}.technology-domains>button:hover,.technology-domains>button[aria-pressed="true"]{border-color:var(--branch);background:#223449}.technology-domains span{color:#b7c7d2}.technology-domains b{font-weight:500;font-size:11px}.technology-domains i{font-style:normal;font-size:9px;color:#687f96}
.technology-footer{display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#101d2f;border-top:1px solid #94b1d21a;font:500 11px Rajdhani,sans-serif;color:#829aad}.technology-footer b{color:#c2cde0;font-weight:500;margin-left:7px}.technology-footer button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#c0b7d6;font:500 12px Rajdhani,sans-serif}.technology-footer button span{display:flex;align-items:center;gap:3px;font-size:10px;color:#7c90a9}.technology-footer button:disabled{opacity:.5}.technology-footer .currency-icon{width:12px;height:12px}
.formation-visual{display:grid;place-items:center;color:#b1d9d8;height:110px;background:radial-gradient(ellipse,#4c96932a,transparent 65%);margin:5px 0 18px}.formation-ready{border-color:#a7d8bc!important;color:#c7edda!important;animation:formationReady 2.4s ease-in-out infinite}.evolution-row button .currency-icon{width:13px;height:13px;vertical-align:middle}
@keyframes technologyCurrent{to{stroke-dashoffset:-56}}@keyframes technologyReveal{from{opacity:0}to{opacity:var(--tile-opacity,1)}}@keyframes formationReady{50%{box-shadow:0 0 15px #82c8ae33}}
body[data-motion="off"] .technology-link,body[data-motion="off"] .technology-tile,body[data-motion="off"] .formation-ready{animation:none}
@media(max-width:1050px) and (min-width:761px){body[data-view="prestige"] .control-panel{left:29px;right:83px}.technology-domains>button{padding:8px;gap:5px}.technology-domains{gap:4px}.technology-detail{width:210px}.technology-canvas{padding-right:230px}}
@media(max-width:760px){body[data-view="prestige"] .control-panel{left:6px;right:6px;top:76px;bottom:76px;height:auto;border-radius:10px}body[data-view="prestige"] .panel-heading{min-height:44px;padding:10px 13px}.technology-screen{grid-template-rows:44px minmax(0,1fr) 49px 40px}.technology-toolbar{padding:0 13px}.technology-toolbar>div{gap:16px}.tech-count{font-size:18px}.tech-wallet{font-size:19px}.technology-toolbar .compact-bang{font-size:10px;padding:6px}.technology-toolbar .compact-bang>b{font-size:10px}.technology-map{padding-bottom:126px}.technology-canvas{padding:20px 6px 0}.technology-map:after{box-shadow:inset 0 0 25px #080f2177}.tech-map-heading{left:12px;top:9px;font-size:8px;gap:7px}.tech-map-heading button{font-size:10px;padding:4px 7px}.technology-detail{left:8px;right:8px;bottom:7px;width:auto;display:grid;grid-template-columns:1fr 105px;gap:0 10px;padding:10px 12px}.technology-detail>div{grid-row:1/3}.technology-detail h3{font-size:18px;margin:5px 0}.technology-detail p{font-size:11px;margin:0;line-height:1.3}.technology-detail .install-node{align-self:center;min-height:38px;padding:7px;font-size:12px}.technology-detail>small{grid-column:2;margin:5px 0 0;font-size:9px}.technology-detail>div>span{font-size:7px}.technology-domains{justify-content:flex-start;padding:6px 8px;gap:5px}.technology-domains>button{padding:7px 8px;font-size:11px;gap:5px}.technology-domains>button svg{width:16px;height:16px}.technology-footer{padding:0 12px;font-size:9px}.technology-footer button{font-size:10px;gap:5px}.technology-footer button span{font-size:8px}.technology-footer b{margin-left:4px}}
