:root{color:#edf7f3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;background:#06131c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#06131c;min-width:320px}body{background:radial-gradient(circle at 12% 8%,#21736f33,#0000 30rem),radial-gradient(circle at 84% 0,#ab732a2b,#0000 28rem),linear-gradient(145deg,#051019,#0a1c25 48%,#07141d);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";opacity:.24;background-image:linear-gradient(#7fafad0e 1px,#0000 1px),linear-gradient(90deg,#7fafad0e 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}button{font:inherit}button:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:2px solid #e9be63}.app-shell{min-height:100vh}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#041017e0;border-bottom:1px solid #e0bf7033;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:24px;min-height:80px;padding:12px clamp(18px,3vw,46px);display:grid;position:sticky;top:0;box-shadow:0 14px 35px #0003}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-mark{color:#06151d;letter-spacing:-1px;clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);background:linear-gradient(135deg,#f8dd9a,#bc7e34);border:1px solid #ffde8fa6;flex:none;place-items:center;width:46px;height:46px;font-family:Georgia,serif;font-size:17px;font-weight:800;display:grid;box-shadow:0 0 28px #e5b25238}.brand-copy{min-width:0}.eyebrow{color:#e9be63;letter-spacing:.22em;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:800}.brand h1{letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(17px,2vw,24px);font-weight:500;overflow:hidden}.metrics{gap:8px;display:flex}.metric{background:#0e272f94;border:1px solid #75a7a624;border-radius:6px;min-width:94px;padding:8px 11px}.metric span{color:#8ea5a4;letter-spacing:.1em;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.metric strong{color:#f6e7b9;font-variant-numeric:tabular-nums;font-size:16px}.metric strong small{color:#67d7b2;margin-left:4px;font-size:10px}.top-actions{gap:9px;display:flex}.button{color:#f7e9c1;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#a6702c6b,#573a1a6b);border:1px solid #d5b26680;border-radius:5px;min-height:40px;padding:0 16px;font-size:12px;font-weight:800;transition:all .16s;box-shadow:inset 0 1px #ffeeb91a}.button:hover:not(:disabled){color:#fff7df;border-color:#e9be63;transform:translateY(-1px);box-shadow:0 8px 20px #0000003d}.button.secondary{color:#b9d8d5;background:#13343c7a;border-color:#70b0b457}.main-content{padding:22px clamp(12px,2.8vw,42px) 32px}.mission{grid-template-columns:minmax(260px,1.5fr) minmax(260px,1fr);align-items:end;gap:28px;max-width:1540px;margin:0 auto 18px;display:grid}.mission h2{letter-spacing:.02em;margin:3px 0 8px;font-family:Georgia,Songti SC,serif;font-size:clamp(25px,3.3vw,42px);font-weight:500}.mission>div>p:not(.eyebrow){color:#9eb4b2;max-width:820px;margin:0;font-size:13px;line-height:1.75}.source-note{color:#9bc6c0;background:#1b424642;border:1px solid #6db7af33;border-radius:999px;align-items:center;gap:8px;margin-top:13px;padding:6px 9px;font-size:10px;display:inline-flex}.source-note:before{content:"";background:#67d7b2;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #67d7b2}.mission-card{background:linear-gradient(135deg,#183539cc,#18252ab8);border:1px solid #e3bd6838;border-radius:7px;padding:15px 17px;box-shadow:0 22px 60px #00000057}.mission-card-head{color:#d5c9a9;letter-spacing:.08em;justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.progress-track{background:#020c11b3;border-radius:99px;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#51b79a,#e9be63);height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 16px #5fcdae59}.mission-meta{color:#8ea5a4;justify-content:space-between;margin-top:9px;font-size:10px;display:flex}.tree-shell{background:#041016b8;border:1px solid #b8954b47;border-radius:9px;max-width:1680px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 22px 60px #00000057}.tree-toolbar{background:#081921eb;border-bottom:1px solid #82a8a52e;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:8px 12px 8px 17px;display:flex}.legend,.filters,.era-jumps,.canvas-controls{align-items:center;gap:8px;display:flex}.legend{color:#8ea5a4;font-size:10px}.legend span{align-items:center;gap:5px;display:inline-flex}.dot{background:#52666a;border-radius:50%;width:7px;height:7px}.dot.mastered{background:#67d7b2;box-shadow:0 0 8px #67d7b2cc}.dot.available{background:#e9be63;box-shadow:0 0 8px #e9be63b3}.filter,.era-jump{color:#839b9a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;padding:7px 10px;font-size:10px;font-weight:800}.filter:hover,.filter.active,.era-jump:hover{color:#d5e7e3;background:#2a51534d;border-color:#6fbbb53d}.canvas-controls{border-left:1px solid #709e9e2e;flex:none;gap:4px;padding-left:8px}.canvas-controls button{color:#aec4c0;white-space:nowrap;cursor:pointer;background:#18363d7a;border:1px solid #6fbbb538;border-radius:4px;flex:none;min-width:30px;height:30px;padding:0 8px;font-size:10px;font-weight:800}.canvas-controls button:hover{color:#f0d99d;background:#43413085;border-color:#e7be6273}.canvas-controls output{color:#d5c9a7;text-align:center;flex:none;min-width:42px;font-size:9px;font-weight:800}.dependency-focus-bar{color:#78918e;background:#05141bc7;border-bottom:1px solid #82a8a524;align-items:center;gap:12px;min-height:43px;padding:7px 12px 7px 17px;font-size:9px;display:flex}.dependency-focus-bar>p{margin:0}.dependency-focus-bar>p strong,.dependency-focus-copy>span{color:#d2bc7d;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.dependency-focus-bar.active{background:linear-gradient(90deg,#4a391e6b,#071a20d1);border-bottom-color:#e9be6347}.dependency-focus-copy{align-items:baseline;gap:10px;min-width:0;display:flex}.dependency-focus-copy strong{color:#f2e8c9;flex:none;font:600 13px Georgia,Songti SC,serif}.dependency-focus-copy small{color:#9fb6b2;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.dependency-focus-actions{flex:none;gap:5px;margin-left:auto;display:flex}.dependency-focus-actions button{color:#d9c99c;cursor:pointer;background:#4136226b;border:1px solid #e6b95b47;border-radius:4px;min-height:27px;padding:0 9px;font-size:9px;font-weight:800}.dependency-focus-actions button:hover{color:#f3dda1;border-color:#e6b95b8f}.tree-viewport{cursor:grab;touch-action:none;overscroll-behavior:contain;height:clamp(580px,68vh,760px);min-height:580px;position:relative;overflow:hidden}.tree-viewport:focus-visible{outline-offset:-2px;outline:2px solid #e9be63b3}.tree-viewport.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.tree-board{isolation:isolate;transform-origin:0 0;will-change:transform;background:linear-gradient(#0310172e,#071c2380),radial-gradient(at 15%,#48897b1a,#0000 24%),radial-gradient(at 78% 46%,#ac783114,#0000 28%);position:absolute;top:0;left:0}.canvas-instructions{z-index:12;color:#a4beba9e;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05151cc7;border:1px solid #6fbbb526;border-radius:4px;padding:6px 9px;font-size:9px;position:absolute;bottom:10px;right:12px}.tree-board:before{z-index:-3;pointer-events:none;content:"";opacity:.4;background-image:radial-gradient(circle,#b1d2cb33 1px,#0000 1.5px);background-size:34px 34px;position:absolute;inset:0}.era{background:linear-gradient(90deg,#2d4f4f09,#0000 75%);border-left:1px solid #7fa8a521;width:294px;position:absolute;top:0;bottom:0}.era-heading{align-items:center;gap:12px;display:flex;position:absolute;top:25px;left:26px}.era-number{color:#e8c16861;font:italic 32px/1 Georgia,serif}.era-heading small{color:#698984;letter-spacing:.18em;text-transform:uppercase;margin-bottom:2px;font-size:8px;font-weight:800;display:block}.era-heading strong{color:#d5c9a7;letter-spacing:.12em;font:500 16px Georgia,Songti SC,serif}.connections{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.connection{fill:none;stroke:#61797b61;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:all .3s}.connection.mastered{stroke:#5dd1adb8;filter:drop-shadow(0 0 4px #50c4a161)}.connection.ready{stroke:#e6b757b3;stroke-dasharray:6 6;animation:7s linear infinite march}.connection.dimmed{opacity:.07}.connection.focused{stroke:#f0c66c;stroke-width:3.5px;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 5px #edc15e94);animation:none}.connection-arrow{fill:#678080d1}.connection-arrow.mastered{fill:#67d7b2}.connection-arrow.ready{fill:#e9be63}.connection-arrow.focused{fill:#f0c66c}@keyframes march{to{stroke-dashoffset:-120px}}.tech-card{--accent:#77b6b1;z-index:3;color:#edf7f3;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(110deg,#15333af5,#081c25fa);border:1px solid #70949557;border-radius:7px;grid-template-columns:42px 1fr;gap:8px;width:202px;height:82px;padding:8px 9px;transition:opacity .22s,transform .18s,border-color .18s,box-shadow .18s;display:grid;position:absolute;overflow:hidden;box-shadow:0 14px 25px #00000040,inset 0 1px #ffffff08}.tech-card:after{border-right:2px solid color-mix(in srgb, var(--accent), transparent 30%);border-bottom:2px solid color-mix(in srgb, var(--accent), transparent 30%);content:"";opacity:.55;clip-path:polygon(100% 0,100% 100%,0 100%);width:38px;height:38px;position:absolute;bottom:0;right:0}.tech-card:hover{z-index:6;border-color:color-mix(in srgb, var(--accent), white 12%);box-shadow:0 14px 28px #00000057, 0 0 0 1px color-mix(in srgb, var(--accent), transparent 65%);transform:translateY(-2px)}.tech-card.selected{z-index:7;border-color:#e9be63;box-shadow:0 0 0 2px #e6b95b2e,0 18px 38px #00000061}.tech-card.mastered{--accent:#67d7b2;background:linear-gradient(110deg,#185047f5,#09262afa);border-color:#63d3b280}.tech-card.available{--accent:#e9be63;background:linear-gradient(110deg,#584220f2,#192729fa);border-color:#e6b8579e;animation:2.8s ease-in-out infinite available-pulse}.tech-card.locked{filter:saturate(.35);opacity:.58}.tech-card.filtered{opacity:.13;pointer-events:none}.tech-card.focus-dimmed{filter:saturate(.15);opacity:.1}.tech-card.dependency{z-index:7;filter:none;opacity:1;border-color:#65dcbec2;box-shadow:0 0 0 2px #5bd3b221,0 14px 30px #00000057}.tech-card.selected{z-index:8;filter:none;opacity:1}@keyframes available-pulse{50%{box-shadow:0 15px 32px #0000004d,0 0 18px #e5b55221}}.tech-icon{border:1px solid color-mix(in srgb, var(--accent), transparent 30%);width:39px;height:45px;color:color-mix(in srgb, var(--accent), white 17%);background:color-mix(in srgb, var(--accent), transparent 87%);clip-path:polygon(50% 0,93% 23%,93% 77%,50% 100%,7% 77%,7% 23%);align-self:center;place-items:center;font:18px Georgia,Songti SC,serif;display:grid;position:relative}.tech-icon:after{border:1px solid color-mix(in srgb, var(--accent), transparent 68%);content:"";clip-path:inherit;position:absolute;inset:5px}.tech-copy{align-self:center;min-width:0;padding-bottom:9px}.tech-meta{color:color-mix(in srgb, var(--accent), white 8%);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:5px;margin-bottom:4px;font-size:7px;font-weight:900;display:flex}.tech-state{opacity:.9}.tech-name{color:#f2eee0;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font:600 13px Georgia,Songti SC,serif;display:block;overflow:hidden}.tech-cost{color:#d8bf7f;align-items:center;gap:4px;font-size:8px;font-weight:900;display:inline-flex;position:absolute;bottom:6px;right:9px}.tech-cost:before{content:"";background:#70cde0;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #70cde0b3}.tech-preview{--accent:#77b6b1;z-index:40;border:1px solid color-mix(in srgb, var(--accent), transparent 40%);color:#edf7f3;pointer-events:none;background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--accent), transparent 82%), transparent 11rem), #05161d;border-radius:8px;width:min(312px,100vw - 24px);max-height:calc(100dvh - 24px);margin:0;padding:15px 16px 13px;animation:.15s cubic-bezier(.2,.8,.2,1) preview-in;position:fixed;overflow:hidden;box-shadow:0 22px 52px #00000085,inset 0 0 0 1px #ffffff08}.tech-preview.mastered{--accent:#67d7b2}.tech-preview.available{--accent:#e9be63}.tech-preview.locked{--accent:#78908f}.tech-preview::backdrop{display:none}.tech-preview-meta{color:color-mix(in srgb, var(--accent), white 8%);letter-spacing:.08em;justify-content:space-between;gap:10px;font-size:8px;font-weight:900;display:flex}.tech-preview-heading{align-items:center;gap:10px;margin-top:9px;display:flex}.tech-preview-icon{border:1px solid color-mix(in srgb, var(--accent), transparent 35%);width:34px;height:38px;color:color-mix(in srgb, var(--accent), white 14%);background:color-mix(in srgb, var(--accent), transparent 88%);clip-path:polygon(50% 0,93% 23%,93% 77%,50% 100%,7% 77%,7% 23%);flex:none;place-items:center;font:17px Georgia,Songti SC,serif;display:grid}.tech-preview h3{color:#f2eee0;letter-spacing:.04em;margin:0;font:600 19px Georgia,Songti SC,serif}.tech-preview-description{color:#a7bdba;margin:10px 0 0;font-size:10px;line-height:1.65}.tech-preview-outcome{border-left:2px solid var(--accent);background:color-mix(in srgb, var(--accent), transparent 91%);margin-top:10px;padding:8px 10px}.tech-preview-outcome span,.tech-preview-prerequisites span{color:color-mix(in srgb, var(--accent), white 9%);letter-spacing:.1em;margin-right:7px;font-size:8px;font-weight:900}.tech-preview-outcome p{color:#c3d3d0;margin:0;font-size:9px;line-height:1.55;display:inline}.tech-preview-prerequisites{color:#91aaa7;margin:9px 0 0;font-size:9px;line-height:1.5}.tech-preview-footer{color:#e7d39c;border-top:1px solid #7ca29e2b;justify-content:space-between;margin-top:10px;padding-top:9px;font-size:9px;font-weight:800;display:flex}.tech-preview-hint{color:#708b88;text-align:right;margin:7px 0 0;font-size:8px}@keyframes preview-in{0%{opacity:0;transform:translate(-6px)scale(.98)}}.panel-backdrop,.victory-backdrop{z-index:45;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00080c7a;position:fixed;inset:0}.detail-panel{background:radial-gradient(circle at 90% 10%,#b0782c2e,#0000 20rem),#05141bf7;border-left:1px solid #e7be6261;flex-direction:column;width:min(430px,100%);height:100dvh;padding:26px;animation:.28s cubic-bezier(.2,.8,.2,1) slide-in;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-24px 0 70px #00000075}@keyframes slide-in{0%{transform:translate(104%)}}.detail-close{color:#b7ccc9;cursor:pointer;background:#17323880;border:1px solid #83a9a538;border-radius:50%;flex:none;align-self:flex-end;width:38px;height:38px;font-size:18px}.detail-kicker{color:#e9be63;letter-spacing:.18em;text-transform:uppercase;margin:24px 0 10px;font-size:10px;font-weight:900}.detail-panel h2{letter-spacing:.05em;margin:0 0 15px;font:500 31px Georgia,Songti SC,serif}.detail-description{color:#aac0bd;margin:0;font-size:13px;line-height:1.8}.detail-section{margin-top:27px}.detail-section h3{color:#d9cba8;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:10px}.outcome{color:#c2d4cf;background:#28534d3b;border-left:2px solid #67d7b2;padding:13px 14px;font-size:12px;line-height:1.7}.prerequisites{flex-wrap:wrap;gap:7px;display:flex}.prerequisite{color:#9eb7b3;background:#18373c73;border:1px solid #70a4a038;border-radius:3px;padding:6px 9px;font-size:10px}.prerequisite.done{color:#67d7b2;border-color:#63d3b266}.detail-stats{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:auto;padding-top:24px;display:grid}.detail-stat{color:#91aaa7;background:#0d252c99;border:1px solid #709e9e2e;padding:11px;font-size:9px}.detail-stat strong{color:#ece1bf;margin-top:3px;font-size:15px;display:block}.research-button{color:#172021;letter-spacing:.08em;cursor:pointer;background:linear-gradient(#f0d28a,#bd7f36);border:1px solid #ebc2649e;border-radius:5px;width:100%;min-height:50px;margin-top:12px;font-weight:900;box-shadow:0 10px 28px #b1772d40}.research-button:disabled{color:#6f8784;cursor:not-allowed;box-shadow:none;background:#172f34a6;border-color:#7b979538}.brief-list{gap:8px;margin-top:12px;display:grid}.brief-item{color:#b7cbc7;background:#112b317a;border:1px solid #71a09d2e;align-items:center;gap:10px;padding:10px 12px;font-size:11px;display:flex}.brief-item b{color:#e9be63}.brief-item small{color:#829a97;margin-top:3px;line-height:1.45;display:block}.reset-button{width:100%;margin-top:12px}.toast{z-index:80;color:#f3e8c9;text-align:center;background:#112328f5;border:1px solid #e0ba646b;border-radius:4px;max-width:min(430px,100% - 28px);padding:11px 16px;font-size:11px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 16px 38px #0006}.victory-backdrop{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00080cc7;place-items:center;display:grid}.victory{text-align:center;background:radial-gradient(circle at 50% 0,#e4b55238,#0000 16rem),linear-gradient(160deg,#102e33,#081a22);border:1px solid #efc66a8f;border-radius:9px;width:min(520px,100% - 30px);padding:42px 38px 34px;box-shadow:0 30px 100px #000000b3}.victory-mark{color:#122120;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(145deg,#ffe39a,#b77a33);place-items:center;width:76px;height:76px;margin:0 auto 18px;font-size:34px;display:grid}.victory h2{margin:0 0 9px;font:500 30px Georgia,Songti SC,serif}.victory>p:not(.eyebrow){color:#a8bcb8;margin:0 0 24px;font-size:13px;line-height:1.75}.footer-note{color:#607876;text-align:right;max-width:1680px;margin:12px auto 0;font-size:9px;line-height:1.6}@media (width<=1050px){.topbar{grid-template-columns:1fr auto}.metrics{grid-area:2/1/auto/-1}.metric{flex:1}.mission{grid-template-columns:1fr;gap:15px}.filters{display:none}.tree-toolbar{justify-content:flex-start}.canvas-controls{margin-left:auto}}@media (width<=680px){.topbar{gap:10px;padding:10px 13px}.brand-mark{width:40px;height:40px}.brand h1{max-width:120px;font-size:16px}.brand .eyebrow{display:none}.eyebrow{font-size:8px}.top-actions{gap:5px}.top-actions .button{padding-inline:8px;font-size:9px}.metrics{gap:5px;overflow-x:auto}.metric{min-width:86px;padding:7px 8px}.metric:nth-child(3){display:none}.main-content{padding:18px 8px 24px}.mission{padding-inline:6px}.mission>div>p:not(.eyebrow){font-size:12px}.tree-toolbar{grid-template-columns:1fr;gap:7px;display:grid;overflow:hidden}.legend{display:none}.era-jumps{justify-content:space-between;width:100%;min-width:0;overflow-x:auto}.canvas-controls{border-top:1px solid #709e9e24;border-left:0;justify-content:center;width:100%;margin-left:0;padding-top:7px;padding-left:0}.dependency-focus-bar{flex-direction:column;align-items:stretch;gap:6px;min-height:67px;padding:8px 10px}.dependency-focus-copy{flex-wrap:wrap;gap:7px}.dependency-focus-copy small{width:100%}.dependency-focus-actions{justify-content:flex-end;width:100%;margin-left:0}.tree-viewport{height:62dvh;min-height:480px}.canvas-instructions{bottom:8px;right:8px}.detail-panel{border-top:1px solid #e7be6261;border-left:0;width:100%;height:min(77dvh,680px);padding:18px 20px;animation-name:slide-up;top:auto;bottom:0}@keyframes slide-up{0%{transform:translateY(104%)}}.detail-kicker{margin-top:11px}.detail-panel h2{font-size:25px}.footer-note{text-align:left;padding-inline:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}