.cr-planner{--cr-bg:#161618;--cr-surface:#0f0f11;--cr-line:#2a2a2e;--cr-text:#ececec;--cr-muted:#9a9aa0;--cr-ring:#ededed;--cr-teal:#3fe3e6;--cr-teal-fill:#1c5557;--cr-dim:#5e5e63;--cr-dim-fill:#1d1d20;--cr-node-fill:#1b1b1e;--cr-warn:#f0694a;--cr-warn-bg:#421e1d;--cr-match:#f2c14e;color-scheme:dark;background:var(--cr-bg);color:var(--cr-text);font-size:15px;line-height:1.5}.cr-planner *,.cr-planner :before,.cr-planner :after{box-sizing:border-box}.cr-planner .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cr-planner .cr-bar{z-index:5;background:var(--cr-surface);border-bottom:1px solid var(--cr-line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:10px 16px;display:flex;position:sticky;top:0}.cr-planner .tab{letter-spacing:.01em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:inline-flex}.cr-planner .tab small{color:var(--cr-muted);font-size:.8rem;font-weight:400}.cr-planner .search{align-items:center;gap:8px;display:flex}.cr-planner .search input{background:var(--cr-bg);width:16em;max-width:100%;color:var(--cr-text);border:1px solid var(--cr-teal);font:inherit;border-radius:6px;padding:6px 12px;font-size:1rem}.cr-planner .search input::placeholder{color:var(--cr-muted)}.cr-planner .matches{color:var(--cr-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.cr-planner .node.match,.cr-planner .node.open.match{box-shadow:0 0 0 3px var(--cr-bg), 0 0 0 6px var(--cr-match)}.cr-planner .points{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;margin-left:auto;display:flex}.cr-planner .points b{color:var(--cr-teal);font-size:1.35rem}.cr-planner .points label{color:var(--cr-muted);font-size:.85rem}.cr-planner .points input{background:var(--cr-bg);width:4.2em;color:var(--cr-text);border:1px solid var(--cr-line);font:inherit;border-radius:4px;padding:2px 6px}.cr-planner .actions{gap:8px;display:flex}.cr-planner button.ghost{color:var(--cr-text);border:1px solid var(--cr-line);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px}.cr-planner button.ghost:hover{border-color:var(--cr-ring)}.cr-planner button:focus-visible,.cr-planner input:focus-visible,.cr-planner a:focus-visible{outline:2px solid var(--cr-teal);outline-offset:2px}.cr-planner .layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;max-width:1180px;margin:0 auto;padding:16px;display:grid}.cr-planner .tree-wrap{min-width:0}.cr-planner .tree{margin:0 auto;position:relative}.cr-planner #edges{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cr-planner .edge{stroke:var(--cr-dim);stroke-width:1.4px;stroke-dasharray:5 5;fill:none}.cr-planner .edge.owned{stroke:var(--cr-ring);stroke-dasharray:none;stroke-width:2px}.cr-planner .edge.open{stroke:var(--cr-teal);stroke-dasharray:none;stroke-width:1.6px}.cr-planner .divider{stroke:var(--cr-line);stroke-width:2px}.cr-planner .gate{color:var(--cr-muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:.9rem;display:flex;position:absolute;left:0;transform:translateY(35%)}.cr-planner .gate svg{fill:currentColor;width:.8em;height:.8em}.cr-planner .gate.met{color:var(--cr-teal)}.cr-planner .touch-only{display:none}@media (hover:none){.cr-planner .pointer-only{display:none}.cr-planner .touch-only{display:inline}}.cr-planner .node{touch-action:manipulation;width:var(--d);height:var(--d);border:2px solid var(--cr-dim);background:var(--cr-dim-fill);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.cr-planner .node .g{background:var(--cr-dim);width:64%;height:64%;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.cr-planner .node .lock,.cr-planner .node .cost{width:30%;height:30%;font-size:calc(var(--d) * .2);place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-4%;right:-4%}.cr-planner .node .lock svg{width:70%;height:70%;fill:var(--cr-dim)}.cr-planner .node .cost{background:var(--cr-surface);color:var(--cr-text);border:1px solid var(--cr-line);border-radius:50%;left:-4%;right:auto}.cr-planner .node.owned{border-color:var(--cr-ring);background:var(--cr-node-fill)}.cr-planner .node.owned .g{background:var(--cr-ring)}.cr-planner .node.open{border-color:var(--cr-teal);background:var(--cr-teal-fill);box-shadow:0 0 0 3px #3fe3e62e}.cr-planner .node.open .g{background:var(--cr-teal)}.cr-planner .node.open.poor{opacity:.55}.cr-planner .node:focus-visible{box-shadow:none;background:#e4e4e6;border-color:#e4e4e6;outline:none}.cr-planner .node:focus-visible .g{background:#1b1b1e}@media (hover:hover){.cr-planner .node:hover{box-shadow:none;background:#e4e4e6;border-color:#e4e4e6}.cr-planner .node:hover .g{background:#1b1b1e}}.cr-planner .node.focus{outline:2px solid var(--cr-muted);outline-offset:3px}.cr-planner .node .lock{display:none}.cr-planner .node.locked .lock{display:grid}.cr-planner aside.panel{background:var(--cr-surface);border:1px solid var(--cr-line);border-radius:6px;align-self:start;min-height:180px;padding:16px;position:sticky;top:76px}.cr-planner .panel h2{text-wrap:balance;margin:0 0 2px;font-size:1.1rem}.cr-planner .panel p{margin:0 0 10px}.cr-planner .panel .effect{color:#c9c9ce}.cr-planner .state{text-align:center;border:1px solid var(--cr-dim);width:100%;color:var(--cr-muted);background:0 0;border-radius:2px;margin:12px 0 8px;padding:8px;font:600 .95rem system-ui,sans-serif;display:block}.cr-planner .state.owned{border-color:var(--cr-ring);color:var(--cr-text)}.cr-planner button.state.open{border-color:var(--cr-teal);color:var(--cr-teal);cursor:pointer}.cr-planner button.state.owned{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cr-planner button.state.owned .refund{color:var(--cr-muted);font-size:.85rem;font-weight:400}.cr-planner button.state.owned:hover{background:#ffffff0f}.cr-planner button.state.open:hover{background:#3fe3e614}.cr-planner .linkish{color:var(--cr-muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-bottom:8px;padding:0;font-size:.85rem;text-decoration:underline}.cr-planner .panel .hint{color:var(--cr-muted)}.cr-planner .toast{color:var(--cr-teal);min-height:1.3em;font-size:.85rem}.cr-planner .needs{background:var(--cr-warn-bg);color:var(--cr-text);margin:0 0 10px;padding:6px 10px;font-size:.9rem}.cr-planner .needs .ability{color:var(--cr-warn);font-weight:700}.cr-planner .credit{max-width:1180px;color:var(--cr-muted);margin:0 auto;padding:0 16px 8px;font-size:.8rem}.cr-planner .credit a{color:inherit}@media (width<=760px){.cr-planner .node{scroll-margin-bottom:220px}.cr-planner .layout{grid-template-columns:minmax(0,1fr)}body:has(.cr-planner){padding-bottom:210px}.cr-planner .gate{font-size:.7rem;transform:translateY(20%)}.cr-planner aside.panel{min-height:0;max-height:200px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:6;border-width:1px 0 0;border-radius:0;position:fixed;inset:auto 0 0;overflow-y:auto}.cr-planner .tab small,.cr-planner .checked-on{display:none}}@media (prefers-reduced-motion:reduce){.cr-planner *{scroll-behavior:auto!important}}