.tf-trees{background:var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.tf-tree{isolation:isolate;background:var(--ink-1);min-width:0;padding-bottom:18px;position:relative;overflow:hidden}.tf-backdrop{z-index:-3;filter:saturate(.55)sepia(.25)brightness(.8);grid-template-rows:66.667% 33.333%;grid-template-columns:100%;width:100%;height:118%;display:grid;position:absolute;top:0;left:0}.tf-backdrop img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.tf-backdrop img:nth-child(2n){display:none}.tf-tree-shade{z-index:-2;background:linear-gradient(180deg, color-mix(in srgb, var(--ink-0) 90.2%, transparent) 0, color-mix(in srgb, var(--ink-0) 60%, transparent) 90px, color-mix(in srgb, var(--ink-0) 40%, transparent) 55%, color-mix(in srgb, var(--ink-0) 80%, transparent) 100%);position:absolute;inset:0}.tf-tree-header{border-bottom:1px solid var(--rule-hi);align-items:center;gap:12px;height:64px;padding:0 16px 0 18px;display:flex}.tf-tree-header h2{min-width:0;font-size:var(--fs-xl);letter-spacing:.12em;color:var(--paper);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.tf-spec-icon{flex:none;width:34px;height:34px;position:relative}.tf-spec-icon img{border:1px solid var(--tong);border-radius:6px;width:34px;height:34px;display:block}.tf-tree-points{min-width:20px;height:18px;font:700 11px/1 var(--font-sans);color:var(--paper);background:var(--ink-0);border:1px solid var(--rule-2);place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-7px;right:-9px}.tf-tree:has(.tf-allocated,.tf-maxed) .tf-tree-points{background:var(--zhu);border-color:var(--zhu)}.tf-tree-reset{width:30px;height:30px;color:var(--paper-3);border:1px solid var(--rule-2);border-radius:var(--r);cursor:pointer;background:0 0;flex:none;place-items:center;display:grid}.tf-tree-reset:hover:not(:disabled){color:var(--paper);border-color:var(--zhu);background:var(--zhu-soft)}.tf-tree-reset:disabled{opacity:.3;cursor:default}.tf-grid{grid-template-columns:repeat(4,minmax(0,1fr));place-items:center;width:256px;margin:18px auto 0;display:grid;position:relative}.tf-connectors{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tf-connectors path{fill:none;vector-effect:non-scaling-stroke}.tf-connectors .tf-link-shadow{stroke:var(--ink-0);stroke-width:4px}.tf-connectors .tf-link-line{stroke:var(--paper-4);stroke-width:1.5px;stroke-dasharray:4 3}.tf-connectors .tf-link-active .tf-link-line{stroke:var(--tong-hi);stroke-dasharray:none}.tf-connectors .tf-arrowhead{stroke:none;fill:var(--paper-4)}.tf-connectors .tf-arrowhead-active{fill:var(--tong-hi)}.tf-node{--fr:var(--paper-4);--fr-in:transparent;z-index:1;background:var(--ink-0);cursor:pointer;width:44px;height:44px;transition:transform .12s var(--ease);border:0;border-radius:0;padding:0;position:relative}.tf-node img{width:100%;height:100%;transition:filter .15s var(--ease);border-radius:6px;padding:2px;display:block}.tf-node-frame{z-index:1;pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px;overflow:visible}.tf-node-frame-outer{fill:none;stroke:var(--fr);stroke-width:1.8px;stroke-linejoin:round}.tf-node-frame-inner{fill:none;stroke:var(--fr-in);stroke-width:.7px}.tf-node-rank{z-index:2;min-width:26px;font:600 11px/1.2 var(--font-sans);text-align:center;color:var(--paper-3);background:var(--ink-0);border:1px solid var(--rule-2);font-variant-numeric:tabular-nums;padding:1px 3px;position:absolute;bottom:-6px;right:-8px}.tf-node.tf-locked img{filter:grayscale()brightness(.4)}.tf-node.tf-locked .tf-node-rank{color:var(--paper-4);border-color:var(--rule)}.tf-node.tf-available{--fr:var(--yu-hi);--fr-in:color-mix(in srgb, var(--yu-hi) 33.3%, transparent)}.tf-node.tf-available .tf-node-rank{color:var(--yu-hi);border-color:color-mix(in srgb, var(--yu) 53.3%, transparent)}.tf-node.tf-allocated{--fr:var(--tong-hi);--fr-in:color-mix(in srgb, var(--tong-hi) 40%, transparent)}.tf-node.tf-allocated .tf-node-rank{color:var(--tong-hi);border-color:var(--tong)}.tf-node.tf-maxed{--fr:var(--tong-hi);--fr-in:color-mix(in srgb, var(--paper) 40%, transparent)}.tf-node.tf-maxed .tf-node-rank{color:var(--paper);background:var(--zhu);border-color:var(--zhu)}@media (hover:hover){.tf-node:hover{z-index:3;--fr:var(--paper);transform:translateY(-2px)}.tf-node.tf-locked:hover img{filter:grayscale(.6)brightness(.65)}}.tf-node:active{transform:scale(.95)}.tf-node:focus-visible{outline:1px dashed var(--paper-2);outline-offset:4px}.tf-compare-on .tf-node.tf-change-unchanged:not(.tf-allocated):not(.tf-maxed):not(:hover):not(:focus-visible) img{filter:grayscale()brightness(.4)}.tf-compare-on .tf-node:is(.tf-change-added,.tf-change-modified,.tf-change-moved,.tf-change-renamed):before{content:"";z-index:3;border:1px solid var(--ink-0);width:9px;height:9px;position:absolute;top:-5px;left:-5px;transform:rotate(45deg)}.tf-compare-on .tf-node.tf-change-added:before{background:var(--yu-hi)}.tf-compare-on .tf-node:is(.tf-change-modified,.tf-change-renamed):before{background:var(--tong-hi)}.tf-compare-on .tf-node.tf-change-moved:before{background:var(--dai)}@media (width<=760px){.tf-trees{background:0 0;grid-template-columns:1fr}.tf-tree:not(.tf-tree-current){display:none}}.tf-tooltip{z-index:90;width:320px;max-width:calc(100vw - 16px);color:var(--paper-2);background:var(--ink-0);border:1px solid var(--rule-2);border-top:2px solid var(--tong);pointer-events:none;flex-direction:column;gap:2px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex;position:fixed;box-shadow:0 12px 30px #000c}.tf-tooltip-compare{width:560px}.tf-tooltip>strong{font:700 16px/1.35 var(--font-head);color:var(--paper);letter-spacing:.04em}.tf-tooltip>strong+span{font:12px var(--font-num);color:var(--paper-3)}.tf-tooltip-metadata{color:var(--paper);margin-top:4px;font-size:12.5px}.tf-tooltip-passive{color:var(--paper-3);display:block}.tf-tooltip-row{justify-content:space-between;gap:12px;display:flex}.tf-comparison{color:var(--game-yellow);gap:8px;margin-top:6px;display:grid}.tf-comparison p{margin:0}.tf-comparison[data-comparison=on]{grid-template-columns:1fr 1fr;gap:8px 14px}.tf-change-line{color:var(--paper-3);grid-column:1/-1;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.tf-change-line:before{content:"";background:currentColor;flex:none;width:7px;height:7px;transform:rotate(45deg)}.tf-change-line-added{color:var(--yu-hi)}.tf-change-line-modified,.tf-change-line-renamed,.tf-change-line-moved{color:var(--tong-hi)}.tf-comparison-side{min-width:0}.tf-comparison-side h3{font:600 12px var(--font-sans);color:var(--paper-3);letter-spacing:.08em;border-bottom:1px solid var(--rule);margin:0 0 4px;padding-bottom:3px}.tf-comparison-side h3 span{color:var(--paper-4);margin-left:4px;font-weight:400}.tf-comparison-forever h3{color:var(--paper)}.tf-diff-del{color:var(--minus);background:var(--minus-bg);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--zhu-hi) 53.3%, transparent);text-decoration-color:color-mix(in srgb, var(--zhu-hi) 53.3%, transparent)}.tf-diff-add{color:var(--plus);background:var(--plus-bg)}.tf-classic-note{color:var(--paper-3);grid-column:1/-1;font-size:12px}@media (width<=600px){.tf-comparison[data-comparison=on]{grid-template-columns:1fr}}