.app{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.header{position:sticky;top:0;z-index:10;color:#ffffffeb;background:#1a1a1aeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(127,127,127,.35)}.headerInner{display:grid;grid-template-columns:340px 1fr 360px;gap:10px;padding:8px 10px}@media (max-width: 1100px){.headerInner{grid-template-columns:1fr}}.panel{border:1px solid rgba(127,127,127,.35);border-radius:12px;padding:8px 10px;background:#0000001a;overflow:hidden}.h1{font-size:16px;font-weight:800}.h2{font-size:14px;font-weight:700}.small{font-size:12px;opacity:.85;line-height:1.2}.kv{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{border:1px solid rgba(127,127,127,.35);border-radius:999px;padding:6px 10px;background:transparent;cursor:pointer;color:inherit}.pill.active{background:#7f7f7f2e}.btn{border:1px solid rgba(127,127,127,.35);border-radius:10px;padding:8px 10px;background:#7f7f7f1a;cursor:pointer;color:inherit}.btn:hover{background:#7f7f7f2e}.btn.danger{border-color:#ff78788c}.modePanel{display:grid;grid-template-columns:110px 1fr 150px;gap:10px;align-items:stretch}.modeButtons{display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.modeButtons .pill{width:100%;text-align:left}.modeContent{display:flex;flex-direction:column;gap:8px;min-width:0}.modeActions{display:flex;justify-content:flex-end;align-items:flex-start}.canvasWrap{overflow-x:hidden;overflow-y:auto;background:#7f7f7f0f}.canvasInner{padding:12px}.treeHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.treeCardOuter{border:1px solid rgba(127,127,127,.35);border-radius:12px;background:#0000000f;position:relative;width:100%;overflow:hidden}.treeScaled{transform-origin:top left;position:relative}.talentNode{position:absolute;border-radius:12px;border:1px solid rgba(127,127,127,.45);background:#0000001f;padding:8px;width:190px;cursor:pointer;-webkit-user-select:none;user-select:none}.talentNode.locked{opacity:.45;cursor:not-allowed}.talentNode.selected{outline:2px solid rgba(180,220,255,.6)}.nodeTitle{font-weight:700;font-size:13px;line-height:1.15}.nodeDesc{font-size:12px;opacity:.82;margin-top:4px;line-height:1.2}.nodeFooter{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.badge{font-size:11px;border:1px solid rgba(127,127,127,.35);border-radius:999px;padding:2px 8px;opacity:.9}hr{border:none;border-top:1px solid rgba(127,127,127,.25);margin:8px 0}.bonusGrid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:6px;padding-top:2px}.tooltip{position:fixed;z-index:9999;width:320px;max-width:calc(100vw - 24px);border:1px solid rgba(127,127,127,.45);border-radius:12px;background:#141414f5;color:#ffffffeb;box-shadow:0 12px 28px #00000073;padding:10px 12px;pointer-events:none}.tooltipTitle{font-weight:800;font-size:14px;margin-bottom:2px}.tooltipDesc{font-size:12px;opacity:.85;margin-bottom:8px;line-height:1.25}.tooltipMeta{font-size:12px;opacity:.82;margin-bottom:8px}.tooltipRanks{display:flex;flex-direction:column;gap:6px}.rankRow{border:1px solid rgba(127,127,127,.25);border-radius:10px;padding:6px 8px;background:#ffffff08}.rankHdr{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.rankHdr b{font-size:12px}.rankEffects{margin-top:4px;display:flex;flex-direction:column;gap:2px}.rankEffects div{font-size:12px;opacity:.9;line-height:1.2}.pinnedTooltip{position:sticky;top:8px;z-index:5;margin-left:auto;width:360px;max-width:46%;border:1px solid rgba(127,127,127,.35);border-radius:12px;background:#0003;padding:10px 12px}.pinnedHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.pinnedHeader .h2{margin:0}.pinnedClose{border:1px solid rgba(127,127,127,.35);border-radius:10px;padding:6px 10px;background:#7f7f7f1a;cursor:pointer;color:inherit}.pinnedClose:hover{background:#7f7f7f2e}.infoBtn{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:999px;border:1px solid rgba(127,127,127,.45);background:#00000040;color:#ffffffd9;font-size:12px;font-weight:800;display:grid;place-items:center;cursor:pointer}.infoBtn:hover{background:#7f7f7f2e}@media (max-width: 900px){.pinnedTooltip{max-width:100%;width:100%}}