.tf-layout{align-items:start;gap:20px;display:grid}.tf-board{border:1px solid var(--ff-edge);background:oklch(12% .01 250);border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:clip;box-shadow:0 2px 14px oklch(0% 0 none/.6)}.tf-tree{--tf-node:44px;aspect-ratio:682/1177;background-image:var(--tf-background);background-repeat:no-repeat;background-size:300% 100%;grid-template-rows:auto 1fr;min-inline-size:0;display:grid}.tf-tree[data-index="0"]{background-position:0 0}.tf-tree[data-index="1"]{background-position:50% 0;box-shadow:inset 1px 0 oklch(0% 0 none/.7)}.tf-tree[data-index="2"]{background-position:100% 0;box-shadow:inset 1px 0 oklch(0% 0 none/.7)}.tf-tree>header{background:linear-gradient(oklch(0% 0 none/.72),oklch(0% 0 none/0));align-items:center;gap:10px;padding-block:10px 6px;padding-inline:10px;display:flex}.tf-tree>header :is(h2,h3){overflow-wrap:anywhere;min-inline-size:0;color:var(--text-hi);font:18px/1.2 var(--font-ui);text-shadow:0 1px 2px oklch(0% 0 none);flex:1;margin:0}.tf-tree>header .wow-button{min-block-size:30px;padding-inline:10px;font-size:13px}.tf-ring{background:oklch(12% .01 250);border:3px solid oklch(62% .08 70);border-radius:50%;flex:none;place-items:center;block-size:42px;inline-size:42px;display:grid;position:relative;box-shadow:0 0 0 1px oklch(0% 0 none),0 2px 6px oklch(0% 0 none/.8)}.tf-ring>img{object-fit:cover;border-radius:50%;block-size:100%;inline-size:100%}.tf-points,.tf-ring>b{min-inline-size:24px;color:var(--gold-bright);font:600 13px/18px var(--font-ui);text-align:center;font-variant-numeric:tabular-nums;background:oklch(14% .01 250);border:1px solid oklch(55% .07 75);border-radius:3px;padding-block:0;padding-inline:4px}.tf-ring>b{position:absolute;inset-block-end:-8px;inset-inline-end:-10px}.tf-points{flex:none;min-inline-size:30px;font-size:15px;line-height:24px}.tf-grid{margin-block:4px 10px;margin-inline:6px;position:relative}.tf-node{inline-size:var(--tf-node);block-size:var(--tf-node);cursor:pointer;background:oklch(8% 0 none);border:0;padding:0;position:absolute;inset-block-start:calc(var(--y) - var(--tf-node) / 2);inset-inline-start:calc(var(--x) - var(--tf-node) / 2)}.tf-node>img{block-size:calc(100% - 6px);inline-size:calc(100% - 6px);position:absolute;inset:3px}.tf-node:after{content:"";background:var(--tf-node-gray) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}.tf-node>span{z-index:1;color:oklch(60% 0 none);font:600 12px/16px var(--font-ui);font-variant-numeric:tabular-nums;background:oklch(9% .005 250/.94);border:1px solid oklch(38% .03 80);border-radius:3px;padding-block:0;padding-inline:4px;position:absolute;inset-block-end:-7px;inset-inline-end:-7px}.tf-node[data-state=selectable]:after{background-image:var(--tf-node-green)}.tf-node:is([data-state=normal],[data-state=maxed]):after{background-image:var(--tf-node-yellow)}.tf-node[data-state=gated]:after{background-image:var(--tf-node-locked)}.tf-node[data-state=selectable]>span{color:oklch(87.6% .28 142)}.tf-node:is([data-state=normal],[data-state=maxed])>span{color:oklch(96.8% .211 109.77)}.tf-node:is([data-state=gated],[data-state=locked],[data-state=disabled])>img{filter:grayscale()brightness(.75)}.tf-node[data-state=gated]>img{filter:grayscale()brightness(.3)}.tf-node[data-selected]{outline:2px solid var(--gold-bright);outline-offset:2px}.tf-node:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.tf-node:active:not(:disabled)>img{translate:0 1px}@media (hover:hover) and (pointer:fine){.tf-node:not(:disabled):hover>img{filter:brightness(1.18)}}.tf-find{inline-size:min(100%,220px);margin-inline-start:auto}.tf-node[data-match]:before{content:"";z-index:2;background:var(--tf-search-match) center / contain no-repeat;pointer-events:none;block-size:76px;inline-size:76px;position:absolute;inset-block-start:-38px;inset-inline-start:-38px}.tf-node[data-match=exact]:before{background-image:var(--tf-search-exact)}.tf-edge{--line:8px;pointer-events:none;background-repeat:repeat;background-size:var(--line) var(--line);position:absolute}.tf-edge[data-axis=v]{inline-size:var(--line);block-size:calc(var(--to) - var(--from) - var(--tf-node));background-image:var(--tf-vline-gray);inset-block-start:calc(var(--from) + var(--tf-node) / 2);inset-inline-start:calc(var(--at) - var(--line) / 2)}.tf-edge[data-axis=h]{block-size:var(--line);inline-size:calc(var(--to) - var(--from) - var(--tf-node));background-image:var(--tf-line-gray);inset-block-start:calc(var(--at) - var(--line) / 2);inset-inline-start:calc(var(--from) + var(--tf-node) / 2)}.tf-edge[data-axis=v][data-state=yellow]{background-image:var(--tf-vline-yellow)}.tf-edge[data-axis=v][data-state=locked]{background-image:var(--tf-vline-locked)}.tf-edge[data-axis=h][data-state=yellow]{background-image:var(--tf-line-yellow)}.tf-edge[data-axis=h][data-state=locked]{background-image:var(--tf-line-locked)}.tf-edge:after{content:"";background:var(--tf-head-gray) center / 100% 100% no-repeat;block-size:12px;inline-size:14px;position:absolute}.tf-edge[data-state=yellow]:after{background-image:var(--tf-head-yellow)}.tf-edge[data-state=locked]:after{background-image:var(--tf-head-locked)}.tf-edge[data-axis=v][data-toward=end]:after{inset-block-end:-4px;inset-inline-start:calc(50% - 7px)}.tf-edge[data-axis=v][data-toward=start]:after{inset-block-start:-4px;inset-inline-start:calc(50% - 7px);rotate:180deg}.tf-edge[data-axis=h][data-toward=end]:after{inset-block-start:calc(50% - 6px);inset-inline-end:-5px;rotate:-90deg}.tf-edge[data-axis=h][data-toward=start]:after{inset-block-start:calc(50% - 6px);inset-inline-start:-5px;rotate:90deg}.tf-top-builds{margin-block:28px 8px}:is(.ff-talent-preview,[data-radix-popper-content-wrapper]:has(>.ff-talent-preview)){pointer-events:none}.ff-talent-preview .ff-preview-next{color:var(--text-lo)}.ff-talent-preview .ff-preview-learn{color:oklch(87.6% .28 142);font-size:15px}.ff-talent-preview>strong{color:var(--text-hi);font-size:17px;font-weight:400;display:block}@container page (min-width:1180px){.tf-layout{grid-template-columns:minmax(0,1fr) 286px}.tf-inspector{position:sticky;inset-block-start:96px}}@container page not (min-width:1180px){.tf-inspector{position:static}}@container page (max-width:576px){.tf-board{grid-template-columns:minmax(0,1fr)}.tf-tree{aspect-ratio:auto;background-size:300% 100%;min-block-size:520px}.tf-tree+.tf-tree{box-shadow:inset 0 1px oklch(0% 0 none/.7)}.tf-tree>.tf-grid{inline-size:min(100% - 12px,360px);margin-inline:auto}}.tp-page{gap:24px;display:grid}.tp-head{align-items:center;gap:14px;display:flex}.tp-head>img{border:1px solid oklch(50.48% .0448 91.27);border-radius:4px;box-shadow:0 2px 8px oklch(0% 0 none/.7)}.tp-head>p{color:var(--text);font:16px/1.4 var(--font-ui);margin:0}.tp-layout{align-items:start;gap:24px;display:grid}@container page (min-width:900px){.tp-layout{grid-template-columns:minmax(0,1fr) minmax(280px,380px)}}.tp-ranks ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tp-ranks li{border:1px solid var(--ff-edge);background:var(--ff-inset);border-radius:4px;padding-block:12px;padding-inline:14px}.tp-ranks li>b{color:var(--gold-bright);font:600 14px/1.3 var(--font-ui)}.tp-ranks li>p{color:oklch(88.87% .0793 90.75);margin-block:6px 0;margin-inline:0}.tp-position{gap:14px;display:grid}.tp-board{grid-template-columns:minmax(0,1fr)}.tp-board .tf-tree{grid-template-rows:minmax(0,1fr)}.tp-board .tf-grid{margin-block:14px;margin-inline:8px}.tp-board .tf-node[aria-current=page]{outline:2px solid var(--gold-bright);outline-offset:3px}.tp-links h3{color:var(--text-lo);font:14px/1.3 var(--font-ui);margin-block:0 8px;margin-inline:0}.tp-links ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tp-links a{align-items:center;gap:10px;min-block-size:40px;text-decoration:none;display:flex}.tp-links img{border:1px solid oklch(47.75% .0587 83.12);border-radius:3px}.tp-share{color:var(--text);margin:0}.tp-share>b{color:var(--gold-bright);font-variant-numeric:tabular-nums}