.TraitTreeCanvas-module__6i3CFW__viewport{border:1px solid var(--lab-line-strong,#91b2d052);cursor:grab;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#91b2d00b 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#91b2d00b 1px,#0000 1px) 0 0/40px 40px,radial-gradient(circle,#66d5ff17,#0000 48%),#0d131cf5;border-radius:7px;min-width:0;min-height:480px;max-height:min(58vh,590px);position:relative;overflow:hidden}.TraitTreeCanvas-module__6i3CFW__compactViewport{min-height:360px;max-height:360px}.TraitTreeCanvas-module__6i3CFW__viewport.TraitTreeCanvas-module__6i3CFW__panning{cursor:grabbing}.TraitTreeCanvas-module__6i3CFW__stage{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.TraitTreeCanvas-module__6i3CFW__connection{z-index:0;pointer-events:none;transform-origin:50%;background:#91b2d03d;transition:background .14s,filter .14s,opacity .14s;display:block;position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.TraitTreeCanvas-module__6i3CFW__connection.TraitTreeCanvas-module__6i3CFW__active{background:var(--lab-blue,#66d5ff);filter:drop-shadow(0 0 3px #66d5ff8f)}.TraitTreeCanvas-module__6i3CFW__connection.TraitTreeCanvas-module__6i3CFW__dimmedConnection{opacity:.08}.TraitTreeCanvas-module__6i3CFW__node{z-index:2;cursor:pointer;background:#0d131cf7;border:1px solid #91b2d057;border-radius:6px;place-items:center;width:44px;height:46px;padding:5px;transition:border-color .12s,box-shadow .12s,opacity .12s,transform .12s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 12px #0000006b}.TraitTreeCanvas-module__6i3CFW__node:hover,.TraitTreeCanvas-module__6i3CFW__node:focus-visible,.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__inspectedNode{z-index:5;border-color:var(--lab-blue,#66d5ff);outline:none;transform:translate(-50%,-50%)scale(1.16);box-shadow:0 0 0 2px #66d5ff14,0 3px 12px #0000006b}.TraitTreeCanvas-module__6i3CFW__nodeIcon{filter:grayscale()brightness(.58);width:32px;height:33px;image-rendering:pixelated;pointer-events:none;background-image:url(/game/trait/trait-tree-sprite.webp);background-repeat:no-repeat;transition:filter .12s}.TraitTreeCanvas-module__6i3CFW__node i{color:#91b2d070;font-family:var(--display);font-size:20px;font-style:normal}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__readyNode{border-color:#66d5ffb8;box-shadow:0 0 0 2px #66d5ff14,0 3px 12px #0000006b}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__readyNode .TraitTreeCanvas-module__6i3CFW__nodeIcon{filter:grayscale(.35)brightness(.86)}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__routeNode{border-color:var(--lab-amber,#f5bd65);box-shadow:0 0 0 2px #d99a671a,0 3px 12px #0000006b}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__selectedNode{border-color:var(--lab-blue,#66d5ff);background:#123a4df5;box-shadow:0 0 11px #66d5ff70,0 3px 12px #00000070}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__selectedNode .TraitTreeCanvas-module__6i3CFW__nodeIcon{filter:none}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__invalidNode{border-color:#d96e60;box-shadow:0 0 10px #d96e6080}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__dimmedNode{opacity:.12}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__dimmedNode:hover,.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__dimmedNode:focus-visible,.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__dimmedNode.TraitTreeCanvas-module__6i3CFW__inspectedNode{opacity:.8}.TraitTreeCanvas-module__6i3CFW__pips{pointer-events:none;gap:2px;display:flex;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.TraitTreeCanvas-module__6i3CFW__pips b,.TraitTreeCanvas-module__6i3CFW__keyPip{background:#0d131c;border:1px solid #91b2d099;width:4px;height:4px;display:block;box-shadow:0 1px 2px #000c}.TraitTreeCanvas-module__6i3CFW__keyPip{width:7px;height:7px;position:absolute;bottom:-5px;right:-5px;transform:rotate(45deg)}.TraitTreeCanvas-module__6i3CFW__warningMarker{color:#f2b177;background:#21140e;border:1px solid #d99a67;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-8px;right:-8px}.TraitTreeCanvas-module__6i3CFW__controls{z-index:12;border:1px solid var(--lab-line-strong,#91b2d052);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d131ceb;border-radius:7px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 8px 25px #00000073}.TraitTreeCanvas-module__6i3CFW__controls button{border:1px solid var(--lab-line,#91b2d029);min-width:34px;height:32px;color:var(--lab-text,#edf5fb);font-family:var(--display);cursor:pointer;background:#91b2d012;border-radius:5px;padding:0 9px;font-size:13px}.TraitTreeCanvas-module__6i3CFW__controls button:hover,.TraitTreeCanvas-module__6i3CFW__controls button:focus-visible{color:var(--lab-blue,#66d5ff);background:#66d5ff1a;border-color:#66d5ff99;outline:none}.TraitTreeCanvas-module__6i3CFW__controls output{min-width:48px;color:var(--lab-blue,#66d5ff);text-align:center;font-size:9px;font-weight:800}.TraitTreeCanvas-module__6i3CFW__tooltip{z-index:14;border:1px solid var(--lab-line-strong,#91b2d052);pointer-events:none;background:linear-gradient(130deg,#66d5ff1a,#0000 55%),#0d131cfa;border-radius:7px;gap:4px;width:280px;padding:11px 12px;display:grid;position:absolute;box-shadow:0 12px 28px #0000008c}.TraitTreeCanvas-module__6i3CFW__tooltip>span{color:var(--lab-blue,#66d5ff);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:900}.TraitTreeCanvas-module__6i3CFW__tooltip strong{color:var(--paper-100);font-family:var(--display);font-size:18px;font-weight:500}.TraitTreeCanvas-module__6i3CFW__tooltip small{color:var(--lab-blue,#66d5ff);text-transform:uppercase;font-size:9px;font-weight:800}.TraitTreeCanvas-module__6i3CFW__tooltip p{color:var(--paper-300);margin:3px 0 0;font-size:9px;line-height:1.45}.TraitTreeCanvas-module__6i3CFW__instructions{z-index:8;max-width:calc(100% - 32px);color:var(--lab-muted,#91a4b6);letter-spacing:.03em;pointer-events:none;background:#0d131cc7;border:1px solid #91b2d01f;border-radius:5px;margin:0;padding:6px 9px;font-size:9px;font-weight:800;position:absolute;bottom:12px;right:16px}.TraitTreeCanvas-module__6i3CFW__viewport{border-color:var(--lab-line-strong,#f0ca645c);background:linear-gradient(#f0ca6409 1px,#0000 1px),linear-gradient(90deg,#f0ca6409 1px,#0000 1px),radial-gradient(circle,#dcae3f12,#0000 48%),#0d0c09fa;border-radius:5px}.TraitTreeCanvas-module__6i3CFW__connection{background:#879aa47a}.TraitTreeCanvas-module__6i3CFW__connection.TraitTreeCanvas-module__6i3CFW__available{filter:drop-shadow(0 0 2px #a6c7d62e);background:#b1cfdcbd}.TraitTreeCanvas-module__6i3CFW__connection.TraitTreeCanvas-module__6i3CFW__active{filter:drop-shadow(0 0 3px #aee4ec7a);background:#aee4ec}.TraitTreeCanvas-module__6i3CFW__node{box-shadow:none;transform-origin:50%;background:0 0;border:0;border-radius:0;transition:border-color .12s,box-shadow .12s,opacity .12s}.TraitTreeCanvas-module__6i3CFW__node:hover,.TraitTreeCanvas-module__6i3CFW__node:focus-visible,.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__inspectedNode{box-shadow:none;background:0 0;border-color:#0000}.TraitTreeCanvas-module__6i3CFW__node i{color:#c7d3d88f}.TraitTreeCanvas-module__6i3CFW__nodeIcon{z-index:2;background-color:#11110f;border:1px solid #b5c2c861;position:relative;box-shadow:0 1px #000000d6}.TraitTreeCanvas-module__6i3CFW__traitLabel{z-index:3;color:#9d9b96;pointer-events:none;text-align:center;text-shadow:0 1px 1px #000;gap:2px;width:176px;font-size:9px;font-weight:700;line-height:1.16;display:grid;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.TraitTreeCanvas-module__6i3CFW__traitLabel strong{color:#f0780f;font-family:var(--display);font-size:13px;font-weight:500;line-height:1}.TraitTreeCanvas-module__6i3CFW__traitLabel small{color:#9d9b96;font-size:9px;font-weight:700;line-height:1.18}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__readyNode,.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__routeNode{box-shadow:none;border-color:#0000}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__selectedNode{box-shadow:none;background:0 0;border-color:#0000}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__readyNode .TraitTreeCanvas-module__6i3CFW__traitLabel strong,.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__routeNode .TraitTreeCanvas-module__6i3CFW__traitLabel strong{color:#f2d64d}.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__selectedNode .TraitTreeCanvas-module__6i3CFW__traitLabel strong{color:#78dfbd}.TraitTreeCanvas-module__6i3CFW__node:hover .TraitTreeCanvas-module__6i3CFW__nodeIcon,.TraitTreeCanvas-module__6i3CFW__node:focus-visible .TraitTreeCanvas-module__6i3CFW__nodeIcon,.TraitTreeCanvas-module__6i3CFW__node.TraitTreeCanvas-module__6i3CFW__inspectedNode .TraitTreeCanvas-module__6i3CFW__nodeIcon{border-color:#f0d36a;box-shadow:0 0 0 1px #f0d36a3d}.TraitTreeCanvas-module__6i3CFW__pips b,.TraitTreeCanvas-module__6i3CFW__keyPip{background:#0d0c09;border-color:#f0ca6494}.TraitTreeCanvas-module__6i3CFW__pips b.TraitTreeCanvas-module__6i3CFW__filledPip,.TraitTreeCanvas-module__6i3CFW__keyPip.TraitTreeCanvas-module__6i3CFW__filledPip{border-color:var(--lab-amber,#dcae3f);background:var(--lab-amber,#dcae3f);box-shadow:0 0 4px #dcae3f94}.TraitTreeCanvas-module__6i3CFW__controls{border-color:var(--lab-line-strong,#f0ca645c);background:#15130ef0;border-radius:5px}.TraitTreeCanvas-module__6i3CFW__controls button{border-color:var(--lab-line,#f0ca642b);color:var(--lab-text,#f1e9d3);background:#f0ca640b;border-radius:4px}.TraitTreeCanvas-module__6i3CFW__controls button:first-child{font-size:0}.TraitTreeCanvas-module__6i3CFW__controls button:first-child:before{content:"-";font-size:13px}.TraitTreeCanvas-module__6i3CFW__controls button:hover,.TraitTreeCanvas-module__6i3CFW__controls button:focus-visible{color:var(--lab-amber,#dcae3f);background:#dcae3f1c;border-color:#dcae3fa8}.TraitTreeCanvas-module__6i3CFW__controls output{color:var(--lab-amber,#dcae3f)}.TraitTreeCanvas-module__6i3CFW__tooltip{border-color:var(--lab-line-strong,#f0ca645c);background:linear-gradient(130deg,#dcae3f1a,#0000 55%),#0d0c09fc;border-radius:5px}.TraitTreeCanvas-module__6i3CFW__tooltip>span,.TraitTreeCanvas-module__6i3CFW__tooltip small{color:var(--lab-blue,#75bed7)}.TraitTreeCanvas-module__6i3CFW__instructions{color:var(--lab-muted,#b9ad91);background:#0d0c09d6;border-color:#f0ca6421}@media (min-width:1280px) and (min-height:900px){.TraitTreeCanvas-module__6i3CFW__viewport{min-height:440px;max-height:min(52vh,540px)}}@media (max-width:700px){.TraitTreeCanvas-module__6i3CFW__viewport{min-height:520px;max-height:72vh}.TraitTreeCanvas-module__6i3CFW__compactViewport{min-height:360px;max-height:360px}.TraitTreeCanvas-module__6i3CFW__controls{justify-content:center;left:8px;right:8px;overflow-x:auto}.TraitTreeCanvas-module__6i3CFW__controls button{flex:none}.TraitTreeCanvas-module__6i3CFW__tooltip{width:min(280px,100% - 24px)}.TraitTreeCanvas-module__6i3CFW__instructions{text-align:center;bottom:8px;left:10px;right:10px}}@media (prefers-reduced-motion:reduce){.TraitTreeCanvas-module__6i3CFW__connection,.TraitTreeCanvas-module__6i3CFW__node,.TraitTreeCanvas-module__6i3CFW__nodeIcon{transition:none}}.TraitTreeCanvas-module__6i3CFW__expandedViewport{height:100%;min-height:0;max-height:none}