.tc{--tc-row:60px;--tc-icon:44px}.tc-bar{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;display:flex}.tc-name{margin:0;font-size:22px;font-weight:700}.tc-spacer{flex:auto}.tc-chip{background:var(--bg-3);border:1px solid var(--line-2);color:var(--text-2);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.tc-split{color:var(--text-3)}.tc-btn,.tc-swap{cursor:pointer;background:var(--bg-3);color:var(--text);border:1px solid var(--line-2);border-radius:var(--radius);align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.tc-btn:hover,.tc-swap:hover{background:var(--bg-4);border-color:var(--gold-2)}.tc-swap{border-color:var(--forever);color:#fff;background:#4fb3ff1f}.tc-swap:hover{border-color:var(--forever);background:#4fb3ff38}.tc-swap.on{border-color:var(--changed);color:#fff;background:#f0b42929}.tc-swap-icon{transition:transform .2s}.tc-swap:hover .tc-swap-icon{transform:rotate(180deg)}.tc-legend{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.tc-legend-label{color:var(--text-2);font-weight:600}.tc-key{align-items:center;gap:5px;display:inline-flex}.tc-key i{border-radius:2px;width:10px;height:10px;display:inline-block}.tc-key.changed i{background:var(--changed)}.tc-key.added i{background:var(--new)}.tc-key.removed i{background:var(--removed)}.tc-help{color:var(--text-3);margin:0 0 12px;font-size:12px}.tc-trees{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:900px){.tc-trees{grid-template-columns:1fr}}.tc-tree{background:var(--black);border:1px solid var(--line-2);border-radius:var(--radius);min-width:0;overflow:hidden}.tc-tree-head{background:linear-gradient(180deg, color-mix(in srgb, var(--tc-class) 22%, #101010), #121212);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:flex}.tc-tree-title{align-items:center;gap:8px;min-width:0;display:flex}.tc-tree-icon{border-radius:3px;flex:none}.tc-tree-pts{color:var(--gold);font-variant-numeric:tabular-nums}.tc-tree-art-note{border:1px solid var(--line);color:var(--text-3);cursor:help;white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:11px}.tc-grid-wrap{padding:10px 6px 12px;position:relative}.tc-art{opacity:.62;filter:saturate(.9)brightness(.8);pointer-events:none;background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.tc-grid-wrap:after{content:"";pointer-events:none;background:linear-gradient(#00000038,#00000080);position:absolute;inset:0}.tc-grid{z-index:2;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.tc-cell{justify-content:center;align-items:center;display:flex}.tc-arrows{pointer-events:none;z-index:1;position:absolute;inset:10px 6px 12px}.tc-arrow{border-top:2px solid #ffffff47;border-left:2px solid #ffffff47;transition:border-color .12s;display:block;position:absolute}.tc-arrow.lit{border-left-color:var(--gold);border-top-color:var(--gold)}.tc-arrow.head{border:5px solid #0000;width:0;height:0;margin-left:-5px;transition:border-color .12s}.tc-arrow.head.down{margin-top:calc(var(--tc-icon) / -2 - 9px);border-top-color:#ffffff73}.tc-arrow.head.right{margin-left:calc(var(--tc-icon) / -2 - 11px);border-left-color:#ffffff73}.tc-arrow.head.left{margin-left:calc(var(--tc-icon) / 2 + 1px);border-right-color:#ffffff73}.tc-arrow.head.lit.down{border-top-color:var(--gold)}.tc-arrow.head.lit.right{border-left-color:var(--gold)}.tc-arrow.head.lit.left{border-right-color:var(--gold)}.tc-talent{width:var(--tc-icon);height:var(--tc-icon);cursor:pointer;background:#000;border:1px solid #2c2c2c;border-radius:4px;padding:0;transition:transform .11s,border-color .11s,box-shadow .11s;position:relative}.tc-talent img{border-radius:3px;width:100%;height:100%;display:block}.tc-talent.dim img{filter:grayscale()brightness(.5)}.tc-talent.partial img{filter:grayscale(.4)}.tc-talent.avail{border-color:#3e9b3e}.tc-talent.maxed{border-color:var(--gold);box-shadow:0 0 7px #ffd10066}.tc-talent:hover,.tc-talent.hovered{border-color:var(--gold);z-index:4;transform:scale(1.09)}.tc-talent:focus-visible{z-index:4;transform:scale(1.09)}.tc-talent.linked{border-color:var(--gold-2);box-shadow:0 0 0 1px #ffd10059}.tc-noicon{width:100%;height:100%;color:var(--text-3);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.tc-rank{z-index:3;color:#9d9d9d;font-variant-numeric:tabular-nums;background:#000;border:1px solid #444;border-radius:3px;padding:0 4px;font-size:10px;font-weight:700;line-height:1.5;position:absolute;bottom:-6px;right:-6px}.tc-talent.avail .tc-rank{color:var(--green);border-color:#3e9b3e}.tc-talent.maxed .tc-rank{color:var(--gold);border-color:var(--gold-2)}.tc-badge{z-index:3;border:1px solid #000;border-radius:50%;width:11px;height:11px;position:absolute;top:-5px;left:-5px}.tc-badge.changed{background:var(--changed)}.tc-badge.added{background:var(--new)}.tc-badge.removed{background:var(--removed)}.tc-talent.mark-changed{border-color:var(--changed)}.tc-talent.mark-added{border-color:var(--new)}.tc-talent.mark-removed{border-color:var(--removed)}.tc-trees.flashing .tc-talent.mark-changed{box-shadow:0 0 0 3px #f0b4298c}.tc-trees.flashing .tc-talent.mark-added{box-shadow:0 0 0 3px #2fd46a8c}.tc-trees.flashing .tc-talent.mark-removed{box-shadow:0 0 0 3px #ff5a5a8c}.tc-float{z-index:100;pointer-events:none;position:fixed}.tc-tt{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);color:#fff;border-radius:6px;min-width:280px;max-width:380px;padding:9px 11px;font-size:13px;line-height:1.4;display:block;box-shadow:0 6px 20px #0009}.tc-tt-name{font-size:15px;font-weight:600}.tc-tt-rankline{color:var(--gold)}.tc-tt-req{color:#fff}.tc-tt-req.unmet{color:var(--red)}.tc-tt-blocked{color:var(--red);margin-top:3px}.tc-tt-change{margin-top:2px;font-weight:600}.tc-tone-same{color:var(--text-3);font-weight:400}.tc-tone-moved,.tc-tone-renamed,.tc-tone-changed{color:var(--changed)}.tc-tone-new{color:var(--new)}.tc-tone-gone{color:var(--removed)}.tc-tt-rank{border-top:1px solid #ffffff17;margin-top:7px;padding-top:6px}.tc-tt-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.tc-tt-desc{white-space:pre-wrap}.tc-tt-unobserved{color:var(--text-3);font-style:italic}.tc-tt-note{color:var(--text-3);white-space:pre-wrap;margin-top:5px;font-size:12px}.tc-del{color:var(--removed);margin-right:2px;text-decoration:line-through;text-decoration-thickness:1px}.tc-ins{color:var(--green);text-decoration:none}.tc-tt-src{margin-top:2px;font-size:11px}.tc-src-inferred{color:var(--changed)}.tc-src-community{color:var(--forever)}.tc-src-classic-era,.tc-src-unobserved{color:var(--text-3)}.tc-url{font-family:var(--mono);border:1px solid var(--line);word-break:break-all;background:#111;border-radius:3px;margin-top:14px;padding:8px 10px;font-size:12px}.tc-classes{flex-wrap:wrap;gap:5px;margin:8px 0 14px;display:flex}.tc-classes a{background:var(--bg-2);border:1px solid var(--line-2);border-radius:3px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}.tc-classes a img{border-radius:3px;width:20px;height:20px}.tc-classes a:hover,.tc-classes a:focus-visible{background:var(--bg-3);border-color:currentColor;text-decoration:none;box-shadow:0 0 10px -2px}.tc-classes a.active{background:var(--bg-4);border-color:currentColor;box-shadow:0 0 12px -3px}.tc-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:900px){.tc-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tc-cards{grid-template-columns:1fr}}.tc-card{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-2);color:var(--text);padding:12px 14px;transition:transform .13s,border-color .13s,box-shadow .13s,background .13s;display:block}.tc-card:hover,.tc-card:focus-visible{background:var(--bg-3);border-color:var(--tc-card-colour);box-shadow:0 0 18px -6px var(--tc-card-colour);text-decoration:none;transform:translateY(-2px)}.tc-card-top{align-items:center;gap:10px;display:flex}.tc-card img{border-radius:4px;flex:none;width:34px;height:34px;transition:transform .13s}.tc-card:hover img,.tc-card:focus-visible img{transform:scale(1.1)}.tc-card-name{font-size:15px;font-weight:700}.tc-card-trees{color:var(--text-3);font-size:12px}.tc-source{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.tc-source a{color:var(--text-2);background:var(--bg-2);border:1px solid var(--line-2);border-radius:3px;padding:5px 10px;font-weight:600}.tc-source a:hover,.tc-source a:focus-visible{background:var(--bg-3);border-color:var(--line-2);text-decoration:none}.tc-source a.active{border-color:var(--forever);color:#fff;background:#4fb3ff1f}@media (max-width:460px){.tc{--tc-row:54px;--tc-icon:40px}.tc-bar{gap:7px;padding:9px 10px}.tc-name{font-size:19px}.tc-split{display:none}.tc-tt{min-width:0;max-width:calc(100vw - 24px)}}
