.career-page{width:min(1360px,100vw - 48px);margin:28px auto 80px}.career-atlas-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;width:min(1680px,100vw - 48px)}.career-atlas-layout .career-page{border:1px solid var(--line);background:#0e1518f5;border-radius:10px;width:100%;min-width:0;margin:0;padding:28px}.career-atlas-layout .career-workbench{grid-template-columns:minmax(220px,260px) minmax(420px,1fr) minmax(320px,360px);gap:14px}.career-page-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.career-page-heading h1{margin-bottom:8px;font-size:clamp(34px,4vw,48px)}.career-page-heading p{color:var(--text-muted);margin-bottom:0}.career-mode-switch{border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:repeat(2,minmax(126px,1fr));width:min(318px,100%);padding:4px;display:grid}.career-mode-switch button{min-height:34px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:13px;font-weight:800}.career-mode-switch button.active{color:var(--bg-deep);background:var(--accent-gold)}.career-workbench{grid-template-columns:minmax(240px,284px) minmax(480px,1fr) minmax(350px,410px);align-items:stretch;gap:18px;display:grid}.career-rail,.career-tree-workspace,.career-inspector,.career-detail-shell{border:1px solid var(--line);background:var(--surface);border-radius:6px}.career-rail{min-width:0;padding:20px}.career-rail h2,.career-tree-heading h2,.career-inspector h2{margin:0}.career-rail-search{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text-main);background:var(--bg-deep);font:inherit;border-radius:5px;margin:16px 0 18px;padding:0 13px}.career-rail-search:focus{outline-offset:1px;border-color:#eda84ab8;outline:2px solid #eda84a1f}.career-rail-list{scrollbar-color:var(--line) transparent;gap:8px;max-height:580px;display:grid;overflow-y:auto}.career-rail-list[hidden],.career-selected-role[hidden],.career-filter-group[hidden],.career-role-button[hidden],.career-list-button[hidden],.career-tree-filters button[hidden],.career-stage[hidden],.career-node[hidden]{display:none}.career-role-button,.career-list-button{border:1px solid var(--line);width:100%;min-height:60px;color:var(--text-main);background:var(--bg-deep);text-align:left;font:inherit;cursor:pointer;border-radius:5px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px;display:grid}.career-role-button:hover,.career-role-button:focus-visible,.career-list-button:hover,.career-list-button:focus-visible,.career-role-button.active,.career-list-button.active{border-color:var(--accent-gold);background:#17242a;outline:none}.career-role-button.active strong,.career-list-button.active strong{color:var(--accent-gold)}.career-role-button img,.career-list-button img,.career-selected-role img,.career-related-list img{object-fit:contain;background:#23353b;border-radius:50%;width:42px;height:42px}.career-role-button span,.career-list-button span{min-width:0}.career-role-button strong,.career-list-button strong,.career-role-button small,.career-list-button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.career-role-button strong,.career-list-button strong{font-size:13px}.career-role-button small,.career-list-button small{color:var(--text-dim);margin-top:4px;font-size:10px}.career-filter-group{margin-top:22px}.career-filter-group>span{color:var(--text-dim);margin-bottom:10px;font-size:12px;font-weight:800;display:block}.career-filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.career-filter-buttons button,.career-tree-filters button{border:1px solid var(--line);min-height:30px;color:var(--text-muted);background:var(--bg-deep);font:inherit;cursor:pointer;border-radius:4px;padding:0 12px;font-size:11px;font-weight:800}.career-filter-buttons button.active,.career-tree-filters button.active{border-color:var(--accent-gold);color:var(--bg-deep);background:var(--accent-gold)}.career-tree-workspace{background:var(--bg-deep);min-width:0;padding:22px 24px 24px}.career-selected-role{border:1px solid var(--line);background:var(--surface);border-radius:5px;grid-template-columns:56px minmax(0,1fr) max-content;align-items:center;gap:16px;min-height:88px;padding:14px 16px;display:grid}.career-selected-role img{width:56px;height:56px}.career-selected-role strong{font-size:20px;display:block}.career-selected-role small{color:var(--text-muted);margin-top:5px;display:block}.career-selected-role a{border:1px solid var(--line);color:#65c6c2;border-radius:4px;min-height:34px;padding:8px 12px;font-size:12px;font-weight:800}.career-tree-heading{justify-content:space-between;align-items:center;gap:18px;margin:24px 0 6px;display:flex}.career-tree-heading h2{font-size:18px}.career-tree-heading p{color:var(--text-muted);margin:6px 0 0;font-size:12px}.career-tree-filters{gap:8px;display:flex}.career-tree{min-width:0}.career-stage{padding-top:28px;position:relative}.career-stage+.career-stage{border-top:1px solid var(--line);margin-top:18px}.career-stage-label{color:var(--text-muted);margin:0 0 14px;font-size:11px;font-weight:800}.career-stage-grid{grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:10px;display:grid}.career-stage-1 .career-stage-grid{grid-template-columns:minmax(168px,190px);justify-content:center}.career-node{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-height:74px;padding:10px 10px 10px 12px;display:grid;position:relative;overflow:hidden}.career-node:before{content:"";background:#65c6c2;width:4px;position:absolute;inset:0 auto 0 0}.career-node:hover,.career-node:focus-visible,.career-node.selected{border-color:var(--accent-gold);background:#17242a;outline:none}.career-node.selected:before,.career-node.highlighted:before{background:var(--accent-gold)}.career-node.muted{opacity:.48}.career-node.unreleased{cursor:not-allowed;background:#ffffff05;border-color:#ffffff14}.career-node.unreleased:before{background:#5d6268}.career-node.unreleased:hover,.career-node.unreleased:focus-visible,.career-node.unreleased.selected{background:#ffffff05;border-color:#ffffff14}.career-node.unreleased img{filter:grayscale();opacity:.48}.career-node.unreleased small{color:#9b9fa4}.career-node img{object-fit:contain;width:40px;height:40px}.career-node span,.career-node strong,.career-node small{min-width:0}.career-node strong,.career-node small{overflow-wrap:anywhere;display:block}.career-node strong{font-size:13px}.career-node small{color:var(--text-muted);margin-top:5px;font-size:10px;line-height:1.45}.career-route-summary{border:1px solid var(--line);background:var(--surface);border-radius:5px;justify-content:space-between;align-items:center;gap:16px;min-height:66px;margin-top:22px;padding:12px 16px;display:flex}.career-route-summary small,.career-route-summary strong{display:block}.career-route-summary small{color:var(--text-dim)}.career-route-summary strong{color:var(--accent-gold);margin-top:5px;font-size:14px}.career-inspector{flex-direction:column;min-width:0;padding:22px;display:flex}.career-inspector-eyebrow{color:var(--accent-gold);margin:0 0 14px;font-size:11px;font-weight:800}.career-inspector-heading{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;display:grid}.career-inspector-heading>img{object-fit:contain;width:64px;height:64px}.career-inspector-heading h2{overflow-wrap:anywhere;font-size:24px}.career-inspector-heading p{color:var(--text-muted);margin:6px 0 0;font-size:12px}.career-tabs{border:1px solid var(--line);background:var(--bg-deep);border-radius:5px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;padding:4px;display:grid}.career-tabs button{min-height:32px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:12px;font-weight:800}.career-tabs button.active{color:var(--bg-deep);background:var(--accent-gold)}.career-tab-panel{min-height:0;margin-top:14px}.career-tab-panel[hidden]{display:none}.career-loading,.career-empty{border:1px dashed var(--line);color:var(--text-muted);background:var(--bg-deep);border-radius:5px;padding:18px}.career-passive{border:1px solid var(--line);background:var(--bg-deep);border-radius:5px;padding:16px}.career-passive-head{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;display:grid}.career-passive-head img{object-fit:contain;width:44px;height:44px}.career-passive-head small,.career-passive-head strong{display:block}.career-passive-head small{color:#65c6c2;font-size:11px;font-weight:800}.career-passive-head strong{margin-top:4px;font-size:18px}.career-passive>p{color:var(--text-muted);white-space:pre-line;margin:16px 0 0;font-size:13px;line-height:1.75}.career-mechanics{gap:18px;margin-top:18px;display:grid}.career-mechanics[hidden]{display:none}.career-mechanics section{border-top:1px solid var(--line);padding-top:16px}.career-mechanics section:empty{display:none}.career-mechanics h3{color:var(--text-main);margin:0 0 12px;font-size:13px}.career-mechanic-copy{color:var(--text-muted);margin:-2px 0 14px;font-size:12px;line-height:1.7}.career-mechanic-chips{flex-wrap:wrap;gap:8px;display:flex}.career-mechanic-chips span,.career-attribute-list span{border:1px solid var(--line);min-height:34px;color:var(--text-muted);background:var(--bg-deep);border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;font-size:12px;display:flex}.career-mechanic-chips strong,.career-attribute-list strong{color:var(--text-main)}.career-effect-row{border-top:1px solid #ffffff12;padding:12px 0}.career-effect-row:first-of-type{border-top:0;padding-top:0}.career-effect-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.career-effect-head span,.career-effect-row small{color:var(--accent-gold);font-size:11px;font-weight:800}.career-effect-copy{border-top:1px solid #ffffff0d;margin-top:10px;padding-top:10px}.career-effect-copy:first-of-type{border-top:0;padding-top:0}.career-effect-copy p{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.65}.career-effect-copy small{margin-top:5px;display:block}.career-attribute-list{gap:8px;display:grid}.career-attribute-list b{color:var(--accent-gold)}.career-unlock-copy{color:#f3b0ae;background:#e65f5f14;border-left:3px solid #e65f5f;margin:0;padding:10px 12px;font-size:12px;line-height:1.7}.career-unreleased-copy{color:#b9bdc2;background:#ffffff0a;border-left:3px solid #858a90;margin:0;padding:10px 12px;font-size:12px;line-height:1.7}.career-mechanics ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.career-mechanics li{color:var(--text-muted);padding-left:16px;font-size:12px;line-height:1.55;position:relative}.career-mechanics li:before{content:"";background:#65c6c2;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.career-value-row{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:14px;display:flex}.career-value-row span{min-height:28px;color:var(--accent-gold);background:#eda84a14;border:1px solid #eda84a59;border-radius:4px;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.career-detail-list,.career-related-list{gap:10px;display:grid}.career-detail-list article,.career-related-list>a,.career-related-list>div{border:1px solid var(--line);background:var(--bg-deep);border-radius:5px;padding:13px 14px}.career-detail-list article strong{font-size:13px;display:block}.career-detail-list article p{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.7}.career-related-list>a,.career-related-list>div{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;display:grid}.career-related-list strong,.career-related-list small{display:block}.career-related-list small{color:var(--text-dim);margin-top:4px}.career-role-token{width:42px;height:42px;color:var(--text-main);background:#23353b;border-radius:50%;place-items:center;font-weight:900;display:grid}.career-next-step{border:1px solid var(--line);background:#17242a;border-radius:5px;min-height:88px;margin-top:18px;padding:14px 16px}.career-next-step small,.career-next-step strong{display:block}.career-next-step small{color:#65c6c2}.career-next-step strong{margin-top:9px;font-size:14px}.career-inspector-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.career-inspector-actions .primary-button,.career-inspector-actions .secondary-button{text-align:center;border-radius:4px;justify-content:center;min-width:0;min-height:40px;padding:0 10px;font-size:12px}.career-inspector-actions .secondary-button{cursor:pointer}.career-detail-page{gap:24px;display:grid}.career-detail-header{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr) max-content;align-items:center;gap:22px;padding-bottom:24px;display:grid}.career-detail-header>img{object-fit:contain;width:112px;height:112px}.career-detail-header h1{margin:4px 0 10px;font-size:clamp(36px,5vw,58px)}.career-detail-header p{max-width:760px;color:var(--text-muted);margin:0;line-height:1.75}.career-detail-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.career-detail-meta span{border:1px solid var(--line);min-height:30px;color:var(--text-muted);border-radius:4px;padding:5px 10px;font-size:12px;font-weight:800}.career-detail-layout{grid-template-columns:minmax(0,1fr) 410px;align-items:start;gap:18px;display:grid}.career-detail-main{min-width:0}.career-detail-section{border:1px solid var(--line);background:var(--bg-deep);border-radius:6px;padding:22px}.career-detail-section+.career-detail-section{margin-top:18px}.career-detail-section h2{margin:0 0 8px;font-size:20px}.career-detail-section>p{color:var(--text-muted);line-height:1.75}.career-character-links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px;display:grid}.career-character-links a{border:1px solid var(--line);background:var(--surface);border-radius:5px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid}.career-character-links img{object-fit:contain;background:#23353b;border-radius:50%;width:46px;height:46px}.crew-career-route{grid-template-columns:minmax(190px,260px) 1fr;gap:16px;display:grid}.crew-career-route-main,.crew-career-route-links{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;padding:18px}.crew-career-route-main img{object-fit:contain;width:64px;height:64px}.crew-career-route-main strong,.crew-career-route-main span{display:block}.crew-career-route-main strong{margin-top:10px;font-size:18px}.crew-career-route-main span{color:var(--text-muted);margin-top:5px}.crew-career-route-links{flex-wrap:wrap;align-content:start;gap:10px;display:flex}.crew-career-route-links a{border:1px solid var(--line);background:var(--bg-deep);border-radius:5px;flex:160px;gap:4px;min-width:160px;padding:12px;display:grid}.crew-career-route-links a:hover,.crew-career-route-links a:focus-visible{border-color:var(--accent-gold);outline:none}.crew-career-route-links small{color:var(--text-dim)}@media (width<=1180px){.career-workbench{grid-template-columns:250px minmax(0,1fr)}.career-inspector{grid-column:1/-1}.career-tab-panel{min-height:0}.career-detail-layout{grid-template-columns:1fr}}@media (width<=1380px){.career-atlas-layout .career-workbench{grid-template-columns:250px minmax(0,1fr)}.career-atlas-layout .career-inspector{grid-column:1/-1}}@media (width<=860px){.career-atlas-layout{grid-template-columns:1fr;width:min(100% - 32px,1680px)}.career-page{width:min(100% - 32px,1360px);margin-top:22px}.career-atlas-layout .career-page{width:100%;margin:0;padding:24px}.career-atlas-layout .career-workbench{grid-template-columns:1fr}.career-atlas-layout .career-inspector{grid-column:auto}.career-page-heading{flex-direction:column;align-items:stretch}.career-mode-switch{width:100%}.career-workbench{grid-template-columns:1fr}.career-rail-list{grid-auto-columns:minmax(210px,72vw);grid-auto-flow:column;overflow:auto hidden}.career-selected-role{grid-template-columns:52px minmax(0,1fr)}.career-selected-role a{text-align:center;grid-column:1/-1}.career-tree-workspace,.career-inspector,.career-rail{padding:18px}.career-stage-grid,.career-stage-1 .career-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-detail-header{grid-template-columns:82px minmax(0,1fr)}.career-detail-header>img{width:82px;height:82px}.career-detail-header>.secondary-button{grid-column:1/-1;justify-content:center}.crew-career-route{grid-template-columns:1fr}}@media (width<=560px){.career-stage-grid,.career-stage-1 .career-stage-grid{grid-template-columns:1fr}.career-tree-heading,.career-route-summary{flex-direction:column;align-items:flex-start}.career-tree-filters,.career-inspector-actions{width:100%}.career-inspector-actions{grid-template-columns:1fr}.career-tabs button{padding:0 4px;font-size:11px}}