/* A scene, not a management window. All science chrome overlays the map. */
html[data-screen="science"] .main{inset:0;max-width:none;margin:0;padding:0;overflow:hidden;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;pointer-events:none}
html[data-screen="science"] .nav{left:14px;width:68px;z-index:16}
html[data-screen="science"] .scene-footer,html[data-screen="science"] .hud-restore{display:none}
html[data-screen="science"] .scene-tools{bottom:23px;right:20px}
html[data-screen="science"] .command-toggle{top:99px;right:20px;z-index:18}
html[data-screen="science"] .aside{z-index:22}
html[data-screen="science"] .top,html[data-screen="science"] .resources{z-index:20}
.research-scene{position:absolute;inset:0;overflow:hidden;--research-light:#7bb9d3;--pan-x:0px;color:#dcebf2;pointer-events:none;background:#050d16}
.research-atmosphere{position:absolute;inset:-25px;background:linear-gradient(90deg,#07121b8c,#07121b55 50%,#070d17a6),url('assets/research_observatory.webp') center/cover;transform:translateX(var(--pan-x));transition:transform .2s linear;opacity:.8}
.research-atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 55% 40%,transparent,#040b1588 85%);box-shadow:inset 0 0 180px #040a17}
.research-scene[data-race="Synthetics"]{--research-light:#6ddfcf}.research-scene[data-race="Synthetics"] .research-atmosphere{filter:hue-rotate(-22deg)}
.research-scene[data-race="Swarms"]{--research-light:#bbd584}.research-scene[data-race="Swarms"] .research-atmosphere{filter:hue-rotate(280deg) sepia(.18)}
.research-scene[data-race="Archons"]{--research-light:#c7abff}.research-scene[data-race="Archons"] .research-atmosphere{filter:hue-rotate(36deg)}
.research-scene[data-race="Nomads"]{--research-light:#eac48c}.research-scene[data-race="Nomads"] .research-atmosphere{filter:sepia(.48)}
.research-scene[data-race="Parasites"]{--research-light:#e394af}.research-scene[data-race="Parasites"] .research-atmosphere{filter:hue-rotate(85deg)}
.research-title{position:absolute;left:116px;top:110px;z-index:5;text-shadow:0 2px 10px #000}
.research-location,.research-eyebrow{font-size:9px;letter-spacing:.17em;color:var(--research-light);text-transform:uppercase}
.research-title h1{font-size:30px;font-weight:400;letter-spacing:.045em;margin:7px 0 5px}.research-title>small{font-size:10px;color:#b2c5d2}
.research-search{position:absolute;top:119px;left:460px;right:205px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;max-width:490px;pointer-events:auto;z-index:7}
.research-search label{display:flex;align-items:center;flex:1;min-width:140px;background:#061322cc;border-bottom:1px solid #a0cfe755}.research-search label>span{font-size:23px;padding:0 10px;color:#90b9ce}.research-search input{width:100%;min-width:0;border:0!important;background:transparent!important;font-size:12px;padding:9px 3px!important;outline-offset:0}.research-search select{font-size:10px;max-width:145px;padding:9px!important;border:1px solid #71899544!important}.research-search-status{font-size:9px;color:#92aebf;flex-basis:100%;padding-left:5px}
.research-era-nav{position:absolute;top:192px;left:274px;right:31px;display:flex;gap:0;pointer-events:auto;z-index:5;border-bottom:1px solid #90b7ca30;background:linear-gradient(90deg,#071625aa,#0d1e2a44)}
.research-era-nav button{flex:1;min-width:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#829dab;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .2s}.research-era-nav b{font:19px Georgia,serif;letter-spacing:.07em}.research-era-nav span{font-size:8px;text-transform:uppercase;letter-spacing:.1em}.research-era-nav button.active{border-color:var(--research-light);background:#a6cfdf14;color:#e8f6fb}.research-era-nav button.current b{color:#f0d29a}.research-era-nav button:hover{background:#accdda22}
.research-branches{position:absolute;top:245px;left:102px;bottom:145px;width:155px;display:flex;flex-direction:column;gap:4px;z-index:5;pointer-events:auto;overflow:auto;scrollbar-width:thin;mask-image:linear-gradient(#000 95%,transparent)}
.research-branches button{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 7px;min-height:39px;border:0;border-left:2px solid transparent;background:#0614208c;color:#8fa7b8;font-size:10px;line-height:1.4}.research-branches button i{font-size:19px;color:var(--branch-color);font-style:normal;width:24px;flex:none;text-align:center}.research-branches button.active,.research-branches button:hover{border-color:var(--branch-color);background:linear-gradient(90deg,#a6c7dd24,transparent);color:#eef6ff}
.research-viewport{position:absolute;inset:238px 0 109px 270px;overflow:hidden;pointer-events:auto;touch-action:none;cursor:grab;outline-offset:-4px;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 10px),transparent)}
.research-viewport.dragging{cursor:grabbing}.research-viewport.dragging .research-card{cursor:grabbing;pointer-events:none}.research-plane{position:absolute;transform-origin:0 0;will-change:transform;user-select:none}
.research-era-zone{position:absolute;top:0;overflow:hidden;border-left:1px solid #c3e0f245;background:linear-gradient(90deg,hsla(var(--era-hue),40%,50%,.045),transparent 85%)}
.research-era-zone.current-era{border-left-color:#decc92;background:linear-gradient(90deg,#ac97711c,transparent 90%)}
.research-era-zone header{position:absolute;top:15px;left:28px;white-space:nowrap}.research-era-zone header>b{font-size:10px;letter-spacing:.3em;color:#91b8c9}.research-era-zone.current-era header>b{color:#e6cea0}.research-era-zone h2{font-size:23px;font-weight:400;letter-spacing:.04em;margin:8px 0 4px}.research-era-zone p{font-size:10px;color:#99b4c5}.era-monument{position:absolute;top:220px;right:50px;font:280px Georgia,serif;color:#b6d1e307;writing-mode:vertical-rl;letter-spacing:70px}
.research-lane{position:absolute;height:222px;border-top:1px solid #bfdcf214;background:linear-gradient(0deg,transparent,#698ba007);pointer-events:none}.research-lane>span{position:absolute;left:8px;top:-15px;color:var(--branch-color);font-size:9px;letter-spacing:.1em;background:#081721cc;padding:3px 10px}
.research-links{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;color:#92afc4}.research-links g>path{fill:none;stroke:#8ba0b83d;stroke-width:1.2}.research-links g>path.path-met{stroke:#a2c4d47d}.research-links g>path.path-dim{opacity:.28}.research-links g>path.path-selected{stroke:var(--research-light);stroke-width:2.2;stroke-dasharray:7 5;animation:research-flow 8s linear infinite;filter:drop-shadow(0 0 3px #b8e3ef55)}
.research-card{position:absolute;width:202px;height:188px;border:1px solid #68859c77;background:linear-gradient(145deg,#122838f7,#081725f5);color:#d4e3ed;text-align:left;padding:0;box-shadow:0 7px 25px #02091370;overflow:hidden;border-radius:3px;transition:border-color .18s,filter .18s,opacity .18s,box-shadow .18s;cursor:pointer}
.research-card:hover{border-color:#c5e4ed;box-shadow:0 0 24px #92d9f229;z-index:4}.rc-art{height:87px;position:relative;overflow:hidden;border-bottom:1px solid #839db82a}.rc-art img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:filter .2s}.rc-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10223233,transparent 60%)}.rc-type{position:absolute;left:9px;top:7px;width:22px;height:22px;display:grid;place-items:center;color:var(--branch-color);background:#030d19b3;border:1px solid #aacbdd44;border-radius:50%;font-size:15px;z-index:1}.rc-era{position:absolute;right:9px;top:8px;font:14px Georgia,serif;color:#aec7d9}.rc-body{padding:10px 11px;position:relative}.rc-name{display:block;font-size:12px;line-height:1.2;min-height:29px;padding-right:36px;color:#ecf2fa;font-weight:600}.rc-level{position:absolute;right:9px;top:10px;font:9px ui-monospace,monospace;color:#adc0d2}.rc-level i{display:block;text-align:center;margin-top:5px;font-size:13px;font-style:normal;color:var(--branch-color)}.rc-effect{display:block;font-size:9px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#a0bacb;margin:5px 0 7px}.rc-state{font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#98aabf;white-space:nowrap}.rc-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#708bab11}.rc-progress i{display:block;height:100%;background:var(--branch-color)}
.research-card[data-state="available"],.research-card[data-state="partial"]{border-color:#80bbd6b3;border-top:2px solid #91d4ea}.research-card[data-state="available"] .rc-state,.research-card[data-state="partial"] .rc-state{color:#a4e2f4}.research-card[data-state="researched"]{border-color:#719e887f}.research-card[data-state="researched"] .rc-state,.research-card[data-state="researched"] .rc-level i{color:#98caaa}.research-card[data-state="locked"],.research-card[data-state="era-locked"]{border-color:#8b9cab45;background:#101d2beb}.research-card[data-state="locked"] .rc-art,.research-card[data-state="era-locked"] .rc-art{filter:saturate(.35);opacity:.6}.research-card[data-state="progress"]{border-color:#b0f1ee;box-shadow:0 0 20px #7ad4e833}.research-card[data-state="progress"] .rc-progress i{background:#c1eee9;min-width:2%;animation:research-breathe 3s infinite}.research-card.racial-card{border-radius:10px 2px 10px 2px;border-color:var(--accent)}.research-card.racial-card .rc-art{background:var(--accent)}.research-card.selected{border:2px solid #efce91;box-shadow:0 0 25px #d6bf772e;z-index:4}.research-card.related{box-shadow:0 0 16px #9bd6ed33;border-color:#a4d8e6}.research-card.search-muted{opacity:.13;filter:grayscale(1)}.research-card.just-completed{animation:research-completed 2.5s ease-out}
.research-inspector[hidden]{display:none}.research-inspector{position:absolute;right:20px;top:252px;bottom:108px;width:322px;overflow:auto;pointer-events:auto;z-index:10;background:linear-gradient(150deg,#142734f7,#06131cf7);border:1px solid #91b7c94d;border-top:2px solid #dec493;box-shadow:0 20px 65px #0009;backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:#adc7d344 transparent;animation:panel-arrive .18s ease-out}
.research-panel-cap{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;background:#0a1925f5;padding:8px 14px;font-size:8px;letter-spacing:.17em;color:#b7c8d3;border-bottom:1px solid #819bb522}.research-panel-cap button{background:none;border:0;color:#c3d3df;font-size:23px;padding:0 4px}.research-detail-art{display:block;width:100%;height:140px;object-fit:cover;background:#09121d}.research-detail-body{padding:16px}.research-detail-body h2{font-size:24px;font-weight:400;line-height:1.15;margin:10px 0}.research-level{display:flex;justify-content:space-between;font-size:10px;color:#94b0bf;border-bottom:1px solid #8ab2c330;padding-bottom:10px}.research-level b{color:#e3c48f;font-size:12px}.research-detail-body p{font-size:11px;color:#b3c6d4;line-height:1.6}.research-detail-body section{border-top:1px solid #8daabb22;padding-top:13px;margin-top:15px}.research-detail-body h3{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#819caf;margin:0 0 8px}.research-detail-body .research-effect{font-size:11px;color:#b9d6c7}.research-detail-body .research-effect.next{color:#d3e9f0}.research-unlocks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.research-unlock{display:grid;grid-template-columns:24px 1fr;gap:3px;padding:7px;background:#628ba515;border:1px solid #83b1c62b;color:#c4d7e3;text-align:left}.research-unlock>span{grid-row:span 2;font-size:20px;color:var(--research-light)}.research-unlock>b{font-size:9px;font-weight:500}.research-unlock>small{font-size:8px;color:#849dae}.research-note{display:block;font-size:9px;color:#92a9b7;line-height:1.55;margin-top:9px}.research-requirements{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:10px}.research-requirements .met{color:#99bba8}.research-requirements .unmet{color:#d2af89}.research-requirements button{border:0;background:none;padding:0;color:inherit;font-size:inherit;text-align:left;text-decoration:underline;text-decoration-color:#829caf44;text-underline-offset:3px}.research-costs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.research-costs span{padding:7px;background:#97bcc60a;border:1px solid #7397ab26}.research-costs small{display:block;font-size:8px;color:#93aabd}.research-costs b{display:block;font-size:12px;font-weight:500;margin-top:4px}.research-costs .lacking b{color:#e49e91}.research-timing{display:grid;grid-template-columns:1fr auto;font-size:10px;gap:8px;margin:14px 0}.research-timing dt{color:#8fa8b8}.research-timing dd{margin:0;color:#d8e6eb}.research-timing dd:last-child{color:#f0d29f}.research-action{position:sticky;bottom:-16px;padding:13px 0 6px;background:linear-gradient(#081622ee,#081622);margin-top:14px}.research-action .btn{width:100%;padding:12px;background:linear-gradient(135deg,#326d80,#1d4355);border-color:#8fd0df}.research-action p{font-size:9px;margin:6px 0;color:#caaf8a}.research-link-button{font-size:10px;color:#9dc5d7;background:none;border:0;padding:8px 0}
.research-current{position:absolute;left:274px;bottom:39px;width:350px;z-index:6;pointer-events:auto;border:1px solid #849eae3b;background:#071621dd;backdrop-filter:blur(14px)}.research-current>button{display:flex;width:100%;gap:12px;align-items:center;padding:12px;border:0;background:none;text-align:left;color:#d8e7ee}.research-current small{display:block;font-size:8px;letter-spacing:.1em;color:#8cabbd;margin-bottom:5px}.research-current b{font-size:10px;font-weight:500}.research-current strong{margin-left:auto;font:12px ui-monospace,monospace;color:#bbebec}.research-current>small{padding:4px 10px}.research-live-dot{height:6px;width:6px;background:#a0ddcf;border-radius:50%;box-shadow:0 0 10px #83dac0;flex:none;animation:research-breathe 3s infinite}.research-live-dot.idle{background:#d8bf8d;box-shadow:0 0 7px #d8bf8d55;animation:none}.research-current-progress{height:2px}.research-current-progress>i{display:block;height:2px;background:#9bddd0}
.research-map-controls{position:absolute;right:100px;bottom:40px;display:flex;align-items:center;pointer-events:auto;gap:4px;padding:5px;background:#061420dc;border:1px solid #7fa6bc3b;z-index:7}.research-map-controls button{height:31px;min-width:31px;background:#94bbd00b;border:1px solid #87b2c527;color:#bfd8e7;font-size:13px}.research-map-controls button[data-research-fit]{font-size:10px;padding:0 9px}.research-zoom-value{min-width:39px;text-align:center;font:10px ui-monospace,monospace;color:#90acbf}.research-help{position:absolute;bottom:14px;left:276px;font-size:8px;letter-spacing:.05em;color:#8099a9}.research-announcement{position:absolute;bottom:109px;left:280px;color:#c7e7cd;font-size:11px;text-shadow:0 1px 5px #000;pointer-events:none}
@keyframes research-flow{to{stroke-dashoffset:-120}}@keyframes research-breathe{50%{opacity:.4}}@keyframes research-completed{0%,35%{box-shadow:0 0 60px #b5f6cbaa;border-color:#d1ffdb}100%{box-shadow:none}}
@media(max-width:1150px){.research-title{left:102px}.research-title h1{font-size:25px}.research-search{left:410px;right:140px;top:112px}.research-search select{max-width:110px}.research-era-nav span{display:none}.research-branches{width:128px;left:99px}.research-branches button{font-size:9px}.research-viewport{left:241px}.research-era-nav{left:241px}.research-current{left:241px;width:290px}.research-help{left:241px}.research-inspector{width:298px;right:14px}.research-map-controls{right:65px}.research-scene.has-inspector .research-search{right:150px}}
@media(max-width:760px){html[data-screen="science"] .nav{left:50%;width:calc(100% - 20px);z-index:20}html[data-screen="science"] .command-toggle{top:15px;right:13px}html[data-screen="science"] .scene-tools{display:none}.research-title{top:132px;left:17px}.research-title h1{font-size:23px;margin:5px 0}.research-location{font-size:7px}.research-title>small{font-size:8px}.research-search{top:215px;left:17px;right:17px;max-width:none;gap:5px}.research-search input{font-size:11px}.research-search select{font-size:9px;max-width:115px}.research-search-status{display:none}.research-era-nav{left:59px;right:13px;top:262px;height:35px}.research-era-nav button{padding:5px}.research-era-nav b{font-size:16px}.research-era-nav span{display:none}.research-branches{left:9px;top:308px;bottom:169px;width:41px;gap:2px;mask-image:none}.research-branches button{padding:6px;min-height:32px;justify-content:center}.research-branches button span{display:none}.research-branches button i{font-size:19px;width:21px}.research-viewport{inset:303px 0 170px 57px;mask-image:none}.research-inspector{left:59px;right:9px;top:auto;bottom:171px;width:auto;max-height:44dvh;z-index:12}.research-detail-art{height:108px}.research-detail-body{padding:12px}.research-detail-body h2{font-size:21px}.research-panel-cap{padding:6px 12px}.research-current{left:14px;right:14px;bottom:111px;width:auto}.research-current>button{padding:8px 11px}.research-current small{font-size:7px}.research-current b{font-size:9px}.research-current strong{font-size:10px}.research-map-controls{right:14px;bottom:72px;padding:2px;gap:3px}.research-map-controls button{height:27px;min-width:28px}.research-help{bottom:82px;left:16px;max-width:140px;font-size:7px}.research-announcement{left:63px;bottom:177px;right:10px;font-size:9px}.research-era-zone h2{font-size:20px}.research-atmosphere{background-position:60% center}}
@media(prefers-reduced-motion:reduce){.research-links path,.research-live-dot,.research-card,.research-inspector,.research-atmosphere{animation:none!important;transition:none!important}}
/* Focus must never scroll the fullscreen HUD; the camera owns map movement. */
html[data-screen="science"] .main,.research-scene,.research-viewport{overflow:clip}
.research-inspector{background:linear-gradient(150deg,#142734fc,#06131cfc)}
.research-viewport:focus-visible{outline:1px solid #8ebdd34d}
.research-branches i svg{width:20px;height:20px;display:block}.research-lane>span{display:flex;align-items:center;gap:7px}.research-lane>span svg{width:13px;height:13px}.research-map-controls button svg{height:14px;width:14px}.research-era-labels{position:absolute;top:0;left:0;right:0;height:55px;pointer-events:none;z-index:5;overflow:hidden;background:linear-gradient(#071320ed,#07132088,transparent)}.research-era-labels>div{position:absolute;display:flex;align-items:center;gap:12px;top:10px;white-space:nowrap;overflow:hidden;color:#b2cbd8;text-shadow:0 1px 8px #030913}.research-era-labels b{font:28px Georgia,serif;color:#d9c292}.research-era-labels span{font-size:11px;letter-spacing:.08em}
.research-era-gates{margin:12px 0;font-size:10px;border-left:1px solid #ad926c66;padding-left:10px}.research-era-gates summary{cursor:pointer;color:#d4ba8c}.research-era-gates h3{margin:14px 0 7px}
html[data-screen="science"] .main{min-height:0}
@media(max-width:760px) and (max-height:700px){.research-title{display:none}.research-search{top:126px}.research-era-nav{top:167px}.research-viewport{top:207px}.research-branches{top:210px}.research-inspector{max-height:48dvh}.research-current small{display:none}.research-current>button{padding:9px}.research-help{display:none}}
.research-current .research-queue-icon{width:40px;height:40px;flex:0 0 40px;object-fit:cover;border:1px solid #46667c;border-radius:4px}