:root{color-scheme:dark;--bg:#160f1a;--panel:#241a29;--panel2:#302033;--ink:#fff7f2;--muted:#c7b4bf;--line:#5b4058;--gold:#e6b752;--gold-soft:#f4d47e;--rose:#d46868;--green:#87c9aa;--bad:#ef8a8b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% -16%,#603553 0,#2d1d32 35%,#1c1421 70%,var(--bg) 100%);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 24px;border-bottom:1px solid #6d4a64;background:#1c1421ed;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand img{object-fit:contain;border-radius:10px}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:12px;color:#e0b7c4}.top-actions{display:flex;align-items:center;gap:18px}.top-actions a{color:#f2cf84;text-decoration:none;font-size:13px}.top-actions a:hover{text-decoration:underline}.version{color:#dbc8d0;font-size:11px}.page{width:min(1740px,100%);margin:0 auto;padding:26px 24px 50px}.intro{max-width:980px;margin:0 0 22px}.eyebrow{margin:0 0 5px;color:var(--gold-soft);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(27px,3vw,42px);line-height:1.12;margin-bottom:9px;letter-spacing:-.035em}.lead{max-width:840px;color:#eadde3;font-size:16px;margin:0 0 14px}.rule-note{display:flex;gap:11px;align-items:flex-start;border:1px solid #79566f;border-radius:12px;background:#352338d9;padding:11px 14px;max-width:930px}.rule-note p{margin:0;color:#f2e6e9;font-size:13px}.rule-note strong{color:#ffe19b}.rule-mark{color:var(--gold);font-size:15px}.panel{background:linear-gradient(145deg,#2b2030f2,#211823f5);border:1px solid var(--line);border-radius:15px;box-shadow:0 14px 32px #0a061046}.setup{display:grid;grid-template-columns:1fr 1fr .9fr 1fr;gap:14px;padding:16px;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#e7d1da}.field select,.field input{width:100%;height:39px;padding:0 11px;border:1px solid #70536e;border-radius:8px;background:#1b1420;color:var(--ink);font:inherit;outline:none}.field select:focus,.field input:focus,.search-box input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #e6b75233}.field select:disabled{opacity:.6}.field small{color:#bbaab5;font-size:10px;line-height:1.35}.input-suffix{display:flex;align-items:center;position:relative}.input-suffix input{padding-right:55px}.input-suffix span{position:absolute;right:11px;color:#c3adb9;font-size:11px;pointer-events:none}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.metric{border:1px solid #513c53;border-radius:12px;background:#261c2bea;padding:11px 15px;min-height:66px}.metric>span{display:block;color:#cbb9c4;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.metric strong{display:block;margin-top:3px;color:#fff0c5;font-size:22px;line-height:1.15}.metric strong i{font-size:14px;color:#a995a5;font-style:normal}.metric.over strong{color:var(--bad)}.plan-notice{margin:0 0 14px;border:1px solid #7b6441;border-radius:10px;padding:10px 13px;background:#453420b8;color:#ffe5a2;font-size:13px;white-space:pre-line}.plan-notice.error{border-color:#9c555d;background:#48252fb8;color:#ffd4d2}.main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(370px,.86fr);gap:14px;align-items:start}.map-panel{overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px 10px}.panel-heading h2{margin:0;font-size:18px;line-height:1.2}.panel-heading .eyebrow{margin-bottom:4px}.map-controls{display:flex;gap:6px}.map-controls button,.map-toolbar select{height:34px;border:1px solid #70536e;border-radius:7px;background:#36253a;color:var(--ink);padding:0 10px;font:inherit;font-size:12px;cursor:pointer}.map-controls button:hover{border-color:var(--gold);color:var(--gold-soft)}.map-toolbar{display:flex;align-items:center;gap:9px;padding:6px 17px 11px;color:#d6c3cd;font-size:11px}.map-toolbar label{font-weight:750}.map-toolbar select{height:30px;padding:0 8px}.map-hint{margin-left:auto;color:#a995a5}.map-wrap{position:relative;height:min(69vh,820px);min-height:490px;background:radial-gradient(ellipse at center,#31213a 0,#211827 68%,#1a131e 100%);border-top:1px solid #4a344d;border-bottom:1px solid #4a344d;overflow:hidden}#tree{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#tree.panning{cursor:grabbing}.edge{stroke:#b497b8;stroke-width:.65;opacity:.65;vector-effect:non-scaling-stroke;stroke-linecap:round;transition:stroke .12s,stroke-width .12s,opacity .12s}.edge.active{stroke:#ffd06c;stroke-width:2.25;opacity:1;filter:drop-shadow(0 0 3px #ffca58)}.node{cursor:pointer;transition:opacity .12s}.node.dim{opacity:.12}.node.locked{opacity:.16}.node-label{font-size:.65px;fill:#fff8e8;paint-order:stroke;stroke:#211720;stroke-width:.16px;stroke-linejoin:round;pointer-events:none}.canvas-message{position:absolute;inset:0;display:grid;place-items:center;color:#e8ccd8;background:#2118279c;text-align:center;padding:20px}.canvas-message[hidden]{display:none}.map-legend{display:flex;flex-wrap:wrap;gap:13px;padding:10px 16px 0;color:#d2bec9;font-size:10px}.map-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-dot.start{background:#f4c95d}.legend-dot.selected-goal{border:2px solid #ffd36e;background:#8b6b40}.legend-dot.required{border:2px solid #f3a49b;background:#623943}.legend-dot.locked{background:#736879}.map-footer{margin:7px 16px 12px;color:#a995a5;font-size:10px}.side-panel{display:flex;flex-direction:column;gap:11px;min-width:0}.search-panel,.details-panel,.plan-panel{padding:14px}.compact-heading{padding:0 0 11px}.compact-heading h2{font-size:16px}.search-box{display:block}.search-box input{width:100%;height:40px;border-radius:8px;border:1px solid #70536e;background:#1b1420;padding:0 12px;color:var(--ink);font:inherit;outline:none}.search-help{margin:6px 0 8px;color:#b9a8b5;font-size:10px}.search-results{max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:6px}.skill-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 9px;border:1px solid #4e3a50;border-radius:9px;background:#281d2c}.result-main{min-width:0;border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}.result-main strong,.result-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-main strong{font-size:12px}.result-main small{margin-top:2px;color:#bba9b7;font-size:9px}.result-state{margin-top:3px;color:#f0ca7c;font-size:9px}.result-add{border:1px solid #845d6f;border-radius:7px;background:#492a3d;color:#ffe6ad;padding:6px 8px;max-width:116px;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.result-add:hover:not(:disabled){background:#704457}.result-add:disabled{opacity:.6;cursor:default}.empty-copy{margin:2px 0;color:#b8a7b5;font-size:12px}.node-meta{margin:5px 0 9px;color:#c5adba;font-size:11px}.node-description{border-left:2px solid #8b5f77;padding:1px 0 1px 10px;color:#f3e5e7;font-size:12px;min-height:20px;white-space:pre-line}.detail-facts{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:12px 0;color:#bcaab7;font-size:10px}.detail-facts strong{text-align:right;color:#f6e4e8;font-size:11px}.primary-button,.secondary-button,.quiet-button,.text-button{min-height:36px;border-radius:8px;padding:7px 10px;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.primary-button{width:100%;margin:2px 0 6px;border:1px solid #f0d082;background:linear-gradient(125deg,#e1ad4f,#f0d179);color:#261820}.primary-button:hover:not(:disabled){filter:brightness(1.07)}.primary-button:disabled{opacity:.6;cursor:default}.quiet-button{border:1px solid #644a65;background:#312336;color:#eee0e7}.quiet-button:hover:not(:disabled),.secondary-button:hover,.text-button:hover{border-color:#d5a954;color:#ffe4a3}.quiet-button:disabled{opacity:.55;cursor:default}.plan-panel{overflow:hidden}.count-badge{min-width:26px;height:24px;padding:3px 7px;border-radius:999px;background:#4d3150;color:#ffe5a0;text-align:center;font-size:10px;font-weight:800}.goal-list{max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:6px}.goal-item{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 8px;border:1px solid #514052;border-radius:8px;background:#281d2d}.goal-item div{min-width:0}.goal-item strong,.goal-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-item strong{font-size:11px}.goal-item small{color:#b8a5b3;font-size:9px}.remove-goal{flex:none;border:1px solid #715262;border-radius:6px;background:#392330;color:#f1d6d8;padding:5px 7px;font:inherit;font-size:9px;cursor:pointer}.remove-goal:hover{border-color:var(--bad);color:#ffc9c9}.purchase-details{margin-top:10px;border-top:1px solid #4d3a50;padding-top:9px}.purchase-details summary{cursor:pointer;color:#efcf87;font-size:11px;font-weight:750}.purchase-details summary span{display:inline-grid;place-items:center;min-width:19px;height:18px;margin-left:5px;border-radius:20px;background:#49344b;color:#ead7e1;font-size:9px}.purchase-order{max-height:330px;overflow:auto;margin:8px 0 0;padding-left:25px;color:#e9dce1;font-size:10px}.purchase-order li{padding:2px 0}.purchase-order li small{margin-left:5px;color:#ad9ba8;font-size:9px}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.secondary-button{border:1px solid #805768;background:#482c3e;color:#f7e3e5}.text-button{min-height:30px;padding:4px 5px;border:1px solid transparent;background:transparent;color:#c7b1bf;font-size:10px}.text-button:hover{color:#ffe2a0}.plan-actions #copyLink,.plan-actions #printPlan{width:100%}.footnote{margin:14px 0 0;color:#b6a5b1;font-size:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1080px){.main-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.9fr)}.setup{grid-template-columns:1fr 1fr}.map-wrap{min-height:430px}.map-hint{display:none}}@media(max-width:780px){.topbar{padding:9px 13px}.top-actions{gap:10px}.top-actions a{font-size:11px}.version{display:none}.page{padding:19px 12px 35px}.main-grid{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start}.plan-panel{grid-column:1/-1}.map-wrap{height:64vh;min-height:420px}.summary{grid-template-columns:repeat(2,1fr)}.metric{min-height:59px}.setup{gap:10px;padding:12px}}@media(max-width:520px){.brand img{width:38px;height:38px}.brand strong{font-size:13px}.brand small{font-size:10px}.top-actions .home-link{display:none}.top-actions{gap:9px}.page{padding:16px 9px 28px}.intro .lead{font-size:14px}.setup{grid-template-columns:1fr 1fr}.field small{font-size:9px}.summary{gap:6px}.metric{padding:9px}.metric strong{font-size:19px}.map-toolbar{padding:6px 10px;gap:7px}.map-toolbar label{font-size:10px}.map-toolbar select{max-width:145px}.map-controls button{padding:0 7px;font-size:10px}.map-wrap{min-height:370px;height:54vh}.side-panel{grid-template-columns:1fr}.plan-panel{grid-column:auto}.plan-actions{grid-template-columns:1fr 1fr}.search-results{max-height:240px}}@media print{body{background:#fff;color:#111;font:10pt/1.35 Arial,sans-serif}.topbar,.intro,.setup,.map-panel,.search-panel,.details-panel,.plan-actions,.footnote,.purchase-details summary{display:none!important}.page{width:100%;padding:0;margin:0}.summary{grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 10px}.metric{background:#fff;border:1px solid #777;min-height:0;padding:6px;color:#111}.metric>span,.metric strong,.metric strong i{color:#111}.main-grid{display:block}.plan-panel{background:#fff;border:0;box-shadow:none;padding:0}.plan-panel .panel-heading{padding:0 0 5px}.plan-panel .panel-heading h2,.plan-panel .eyebrow{color:#222}.count-badge{background:#eee;color:#111}.goal-list{max-height:none;overflow:visible}.goal-item{background:#fff;border:0;border-bottom:1px solid #ccc;padding:4px 0}.goal-item strong,.goal-item small{color:#111}.remove-goal{display:none}.purchase-details{display:block;border:0}.purchase-order{max-height:none;overflow:visible;color:#111}.purchase-order li small{color:#444}.plan-notice{display:block;background:#fff;border:1px solid #777;color:#111}}

/* Passive tree planner refresh: the tree is the main workspace and every node uses its source icon. */
.page{width:min(1920px,100%);padding:18px 20px 34px}
.intro{max-width:1120px;margin-bottom:10px}
.intro h1{font-size:clamp(24px,2.35vw,34px);margin-bottom:6px}
.lead{font-size:14px;margin-bottom:10px}
.rule-note{padding:8px 12px;border-radius:10px;display:none}
.rule-note p{font-size:11px}
.setup{gap:10px;padding:12px;margin-bottom:10px}
.summary{gap:8px;margin-bottom:10px}
.metric{min-height:55px;padding:8px 12px}
.metric strong{font-size:19px}
.main-grid{grid-template-columns:minmax(0,1fr) 350px;gap:12px;align-items:start}
.map-panel{position:sticky;top:76px;border-color:#60475f;background:linear-gradient(145deg,#261b2af7,#1c1421f7)}
.panel-heading{padding:12px 15px 8px}
.panel-heading h2{font-size:16px}
.map-toolbar{padding:5px 15px 9px}
.map-wrap{height:min(68vh,820px);min-height:500px;background:radial-gradient(ellipse at 50% 48%,#392441 0,#241a2b 62%,#17121d 100%)}
.edge{stroke:#b497b8;stroke-width:.65;opacity:.65;vector-effect:non-scaling-stroke;stroke-linecap:round;transition:stroke .12s,stroke-width .12s,opacity .12s}
.edge.active{stroke:#ffd06c;stroke-width:2.25;opacity:1;filter:drop-shadow(0 0 3px #ffca58)}
.node{cursor:pointer;transition:opacity .14s,filter .14s}
.node-frame{opacity:.9;pointer-events:none}
.node-icon{pointer-events:all;image-rendering:pixelated}
.node:hover,.node.selected{opacity:1!important}
.node:hover .node-icon,.node.selected .node-icon{filter:drop-shadow(0 0 3px #f0c25b)}
.node.goal .node-icon{filter:drop-shadow(0 0 2px #ffcc5d) drop-shadow(0 0 4px #ffcc5d88)}
.node.required .node-icon{filter:drop-shadow(0 0 2px #9de0c0) drop-shadow(0 0 3px #62bd9188)}
.node.dim{opacity:.1}
.node.locked{opacity:.24}
.side-panel{position:relative;gap:9px}
.search-panel,.details-panel,.plan-panel{padding:12px;border-radius:12px}
.search-results{max-height:225px}
.skill-result{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:7px}
.skill-icon{flex:none;width:32px;height:32px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px #08050b88)}
.result-icon{width:34px;height:34px}
.detail-icon{width:48px;height:48px}
.node-heading{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.node-heading h2{margin:0;font-size:17px;line-height:1.2}
.node-heading .node-meta{margin:4px 0 0;overflow-wrap:anywhere;font-size:9px}
.node-description{font-size:11px}
.detail-facts{margin:8px 0}
.goal-list{max-height:200px}
.goal-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:6px}
.goal-item .list-icon{width:30px;height:30px}
.goal-copy{min-width:0}
.order-icon{width:20px;height:20px;vertical-align:middle;margin-right:5px}
.primary-button{min-height:39px;font-size:12px}
.map-legend{padding-top:8px}
.map-footer{margin-bottom:10px}
@media(max-width:1100px){.main-grid{grid-template-columns:minmax(0,1fr) 320px}.map-wrap{min-height:500px}.map-panel{top:66px}}
@media(max-width:820px){.map-panel{position:static}.main-grid{grid-template-columns:1fr}.map-wrap{height:62vh;min-height:440px}.side-panel{display:grid;grid-template-columns:1fr 1fr}.plan-panel{grid-column:1/-1}}
@media(max-width:560px){.page{padding:13px 9px 26px}.main-grid{gap:9px}.map-wrap{height:55vh;min-height:370px}.side-panel{display:flex}.setup{grid-template-columns:1fr 1fr}.skill-result{grid-template-columns:30px minmax(0,1fr) auto}.result-icon{width:29px;height:29px}.map-hint{display:none}.node-heading{gap:8px}}

/* Prevent the browser's native SVG focus ring from drawing an oversized white node circle after a pointer click. */
#nodes .node:focus,
#nodes .node:focus-visible{outline:none!important}

.node-tooltip{position:absolute;z-index:5;width:min(300px,calc(100% - 24px));max-height:220px;overflow:hidden;padding:10px 12px;border:1px solid #b58a4e;border-radius:10px;background:#18121ff2;color:#fff7f2;box-shadow:0 12px 32px #08050bcc;pointer-events:none}
.node-tooltip[hidden]{display:none}
.tooltip-title,.tooltip-group,.tooltip-description,.tooltip-meta{display:block}
.tooltip-title{color:#ffe09a;font-size:13px;font-weight:850;line-height:1.25}
.tooltip-group{margin-top:3px;color:#d5b9cb;font-size:10px;font-weight:750}
.tooltip-description{margin:7px 0;color:#fff1e8;font-size:11px;line-height:1.4;white-space:pre-line}
.tooltip-meta{padding-top:6px;border-top:1px solid #604a5e;color:#d3bdcb;font-size:9px;line-height:1.4}