.technology-glyph { display:inline-block; flex:none; width:24px; height:24px; vertical-align:middle; }
.project-name .technology-glyph { width:35px; height:35px; margin-right:11px; color:#617e74; }
.project-name { display:flex; align-items:center; }
.project-tech-identity { display:flex; align-items:center; gap:15px; padding:8px 0 18px; }
.project-tech-identity>.technology-glyph { width:58px; height:58px; padding:9px; color:#d8c082; background:#243e48; border:1px solid #718379; border-radius:50%; }
.project-tech-identity strong { display:block; font-size:17px; font-weight:500; color:#3c5344; }.project-tech-identity small { display:block; color:#88917c; font-size:10px; margin-top:5px; }
.research-inbox { display:flex; align-items:center; gap:6px; border:1px solid #bc9e61; background:#3d4e42; color:#edd6a0; padding:7px 9px; font:inherit; font-size:10px; cursor:pointer; border-radius:3px; }.research-inbox .technology-glyph { width:21px; height:21px; }.research-inbox b { margin-left:4px; padding:1px 5px; color:#2c443a; background:#e0c78e; border-radius:2px; }.research-inbox:hover { background:#50614a; }
.research-discovery-dialog.modal.wide { width:calc(100vw - 42px); max-width:1010px; border:1px solid #bda36c; box-shadow:0 20px 90px #0009; }
.research-discovery-dialog .modal-head { background:#1b3541; color:#efdfb9; border-bottom:1px solid #4d6567; padding:14px 23px; }.research-discovery-dialog .modal-head h2 { color:#eaddbc; font-size:19px; }.research-discovery-dialog .modal-head .eyebrow { color:#97ada9; }.research-discovery-dialog .modal-head .icon-btn { color:#e0ce9f; border-color:#6e7d72; }
.research-discovery-dialog .modal-body { padding:0; }.research-discovery-dialog .modal-actions { background:#e4e7d6; border-top:1px solid #b9c1aa; padding:14px 22px; }
.research-discovery { background:#f1efdf; color:#3d5141; }
.discovery-hero { position:relative; display:flex; align-items:center; gap:33px; padding:32px 38px 29px; min-height:207px; overflow:hidden; background:radial-gradient(ellipse at 13% 50%,#53665555,transparent 50%),#1b3541; color:#eddfb7; }
.discovery-hero:after { content:''; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(#b4cbb207 1px,transparent 1px),linear-gradient(90deg,#b4cbb207 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(90deg,#000,transparent); }
.discovery-seal { flex:none; position:relative; display:flex; align-items:center; justify-content:center; width:128px; height:128px; border:1px solid #9e9d6e; border-radius:50%; color:#e6ca85; background:#203e48; box-shadow:inset 0 0 0 7px #c0ad6810,0 0 40px #b09b4916; animation:discovery-seal-enter .55s ease-out both; z-index:1; }
.discovery-seal>.technology-glyph { width:87px; height:87px; }.discovery-seal>i { position:absolute; inset:-10px; border:1px solid #ccb47760; border-radius:50%; pointer-events:none; }.discovery-seal>i:nth-child(2) { inset:-21px; border-style:dashed; border-color:#afbb8b30; animation:discovery-orbit 1.5s ease-out both; }.discovery-seal>i:nth-child(3) { inset:-10px; border-color:#dfc98b; animation:discovery-wave 1.35s ease-out both; }.discovery-seal>span { position:absolute; bottom:2px; right:2px; display:flex; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid #d1bb7e; border-radius:50%; background:#4e674b; color:#eddfb6; font-size:16px; }
.discovery-hero-copy { position:relative; z-index:1; animation:discovery-copy-enter .45s .08s ease-out both; }.discovery-eyebrow { color:#b3bd99; letter-spacing:2px; font-size:10px; }.discovery-hero-copy h3 { font-size:30px; font-weight:500; line-height:1.4; color:#f1dfae; margin:9px 0; word-break:keep-all; }.discovery-hero-copy>p { color:#a9bdb7; font-size:12px; line-height:1.8; max-width:620px; margin:0 0 13px; }.discovery-confirmation { display:inline-flex; align-items:center; border-bottom:1px solid #8c9b73; padding-bottom:4px; color:#d1d4ad; font-size:10px; letter-spacing:.5px; }
.discovery-phase { display:flex; align-items:center; gap:13px; padding:12px 26px; background:#cec69a; color:#5c6548; font-size:10px; border-bottom:1px solid #b7b283; }.discovery-phase strong { font-weight:600; font-size:13px; color:#3e543d; }.discovery-phase>span { margin-left:auto; font-size:10px; }
.discovery-content { display:grid; grid-template-columns:1.1fr 1fr; gap:27px; padding:23px 26px 18px; }.discovery-section-label { display:block; color:#8a9076; font-size:10px; letter-spacing:1px; margin-bottom:9px; }.discovery-result h4 { font-size:13px; margin:8px 0 10px; color:#50634a; font-weight:600; }.discovery-result h4 small { margin-left:7px; color:#8b9479; font-size:10px; font-weight:400; }.discovery-effect { font-size:15px; color:#364f3b; line-height:1.7; margin:7px 0 14px; }.discovery-paid { display:flex; gap:18px; border-top:1px solid #c6cdb7; border-bottom:1px solid #c6cdb7; padding:10px 0; font-size:10px; color:#7d876e; }.discovery-paid b { display:inline-block; color:#4c6048; font-weight:500; margin-left:4px; }.discovery-activation { font-size:10px; color:#8a927b; line-height:1.8; margin:11px 0 17px; }
.discovery-unlocks { display:flex; flex-direction:column; gap:7px; }.discovery-unlocks>button { display:flex; align-items:center; gap:11px; padding:9px 11px; border:1px solid #bec9b2; background:#e6ebda; color:#4a654b; text-align:left; font:inherit; cursor:pointer; }.discovery-unlocks .technology-glyph { width:32px; height:32px; }.discovery-unlocks>button>span { flex:1; display:flex; flex-direction:column; gap:4px; }.discovery-unlocks strong { font-weight:500; font-size:12px; }.discovery-unlocks small { font-size:10px; color:#7e8f74; }.discovery-unlocks b { font-weight:400; font-size:12px; }.discovery-unlocks>button:hover { border-color:#809774; background:#d9e2cb; }.discovery-more,.discovery-no-unlocks { font-size:10px; line-height:1.8; color:#899376; }
.discovery-next { border:1px solid #b6c3aa; background:#e6ead9; padding:19px; align-self:start; }.discovery-next-title { display:flex; align-items:center; gap:12px; margin:15px 0 14px; }.discovery-next-title>.technology-glyph { width:49px; height:49px; flex:none; color:#5b7e6b; }.discovery-next h3 { margin:3px 0 0; font-size:19px; font-weight:500; color:#3a573e; line-height:1.5; word-break:keep-all; }.discovery-next-title small { font-size:10px; color:#899274; }.discovery-next>p { font-size:11px; line-height:1.8; color:#738366; }.discovery-next-facts { display:grid; grid-template-columns:1fr 1fr; gap:13px 12px; border-block:1px solid #c0cbb2; padding:13px 0; margin:14px 0; }.discovery-next-facts span { display:flex; flex-direction:column; gap:4px; font-size:10px; color:#879277; }.discovery-next-facts b { font-size:13px; color:#526d4c; font-weight:500; }.discovery-next .discovery-next-effect { font-size:12px; color:#526c47; }.discovery-next .discovery-ready { color:#617b50; font-size:10px; }.discovery-next .discovery-resource-warning { color:#8b7045; border-left:2px solid #b59c64; padding-left:9px; font-size:10px; }.discovery-next .btn { margin-top:12px; font-size:11px; }
.discovery-batch { margin-top:16px; padding-top:12px; border-top:1px solid #c7ceb6; display:flex; flex-wrap:wrap; gap:6px; }.discovery-batch>small { flex-basis:100%; color:#899078; font-size:10px; }.discovery-batch>button { display:flex; gap:6px; align-items:center; padding:5px 8px; border:1px solid #bbc7aa; background:#e5e9d7; color:#5e7552; font:inherit; font-size:10px; cursor:pointer; }.discovery-batch .technology-glyph { width:22px; height:22px; }.discovery-batch [aria-pressed=true] { background:#cfdbbd; border-color:#80946d; }
.discovery-footnote { font-size:10px; color:#929780; padding:0 26px 17px; margin:0; line-height:1.7; }
@keyframes discovery-seal-enter { from { transform:scale(.87); opacity:0; } to { transform:scale(1); opacity:1; } }
@keyframes discovery-copy-enter { from { transform:translateY(9px); opacity:0; } to { transform:translateY(0); opacity:1; } }
@keyframes discovery-orbit { from { transform:rotate(-28deg); opacity:0; } to { transform:rotate(0); opacity:1; } }
@keyframes discovery-wave { from { transform:scale(.95); opacity:.55; } to { transform:scale(1.37); opacity:0; } }
html[data-motion=reduced] .research-discovery *,html[data-motion=reduced] .research-discovery *:before,html[data-motion=reduced] .research-discovery *:after { animation:none!important; transition:none!important; }
@media(prefers-reduced-motion:reduce) { .research-discovery * { animation:none!important; transition:none!important; } }
@media(max-width:700px) { .research-discovery-dialog.modal.wide { width:calc(100vw - 16px); }.discovery-hero { padding:25px 22px; gap:24px; min-height:180px; }.discovery-seal { width:82px; height:82px; }.discovery-seal>.technology-glyph { width:58px; height:58px; }.discovery-seal>i:nth-child(2) { inset:-15px; }.discovery-hero-copy h3 { font-size:22px; }.discovery-hero-copy>p { font-size:11px; }.discovery-eyebrow { font-size:10px; letter-spacing:1px; }.discovery-content { grid-template-columns:1fr; padding:19px; gap:20px; }.discovery-phase { flex-wrap:wrap; padding:10px 19px; gap:6px 12px; }.discovery-phase>span { margin-left:0; }.discovery-next { padding:16px; }.discovery-footnote { padding-inline:19px; }.research-discovery-dialog .modal-actions { padding:12px 16px; }.research-inbox span { font-size:0; }.research-inbox b { font-size:10px; margin-left:0; } }

.tech-node .technology-glyph { width:19px; height:19px; margin-right:4px; }

.research-discovery-dialog .modal-head .icon-btn { background:#29434d; color:#ddca98; border-color:#67786c; }
.operation-task>strong>.technology-glyph { width:23px; height:23px; margin-right:8px; }
.research-inbox:focus-visible { outline:3px solid #add2df; outline-offset:3px; }

.discovery-narration { padding:17px 27px 15px; background:#283f46; border-top:1px solid #60736b; border-bottom:1px solid #718171; color:#e7d9b5; }
.discovery-narration-heading { display:flex; align-items:center; gap:9px; color:#bbc7b7; }.discovery-narration-heading>small { font-size:10px; letter-spacing:.5px; }.discovery-narration-heading>[role=status] { margin-left:auto; font-size:10px; color:#c8c8a2; }
.discovery-quote { margin:11px 0 14px; border-left:2px solid #bca776; padding-left:14px; max-width:870px; font-size:15px; line-height:1.9; word-break:keep-all; color:#eddfbb; }
.discovery-audio-controls { display:flex; gap:7px; align-items:center; flex-wrap:wrap; }.discovery-audio-controls button { font:inherit; font-size:10px; color:#e4d7b2; border:1px solid #809183; border-radius:2px; background:#354f52; padding:7px 10px; cursor:pointer; }.discovery-audio-controls button:hover:not(:disabled) { background:#4c6560; border-color:#c5b580; }.discovery-audio-controls button:disabled { opacity:.4; cursor:default; }.discovery-audio-controls button:focus-visible { outline:3px solid #b3d4d9; outline-offset:2px; }.discovery-audio-controls [aria-pressed=true] { color:#f4e0a9; border-color:#b8a977; background:#455a50; }
.discovery-audio-preferences { display:flex; gap:6px; margin-left:auto; }.discovery-audio-preferences button { color:#bfcdbb; background:transparent; border-color:#5f766e; }
.discovery-audio-help { margin:11px 0 0; font-size:10px; line-height:1.7; color:#d9cb9b; }.discovery-audio-help[hidden] { display:none; }
.discovery-soundwave { display:flex; gap:3px; align-items:center; height:17px; width:24px; color:#d0b67a; }.discovery-soundwave i { display:block; width:2px; height:4px; background:currentColor; }.discovery-soundwave i:nth-child(2),.discovery-soundwave i:nth-child(4) { height:9px; }.discovery-soundwave i:nth-child(3) { height:14px; }
[data-audio-state=narrating] .discovery-soundwave i { animation:discovery-voice-meter .8s ease-in-out infinite alternate; }[data-audio-state=narrating] .discovery-soundwave i:nth-child(2n) { animation-delay:-.35s; }[data-audio-state=narrating] .discovery-soundwave i:nth-child(3) { animation-delay:-.15s; }
@keyframes discovery-voice-meter { from { transform:scaleY(.45); } to { transform:scaleY(1); } }
@media(max-width:700px) { .discovery-narration { padding:15px 20px; }.discovery-quote { font-size:13px; }.discovery-audio-preferences { margin-left:0; }.discovery-narration-heading { flex-wrap:wrap; }.discovery-narration-heading>[role=status] { margin-left:0; } }