/* Takım yeteneği penceresi (team-skills-ui.js) */
.ts-modal{display:grid;place-items:center}
.ts-wrap{position:relative;width:min(980px,96vw);max-height:94vh;overflow:auto;padding:14px 18px 16px;border-radius:18px;background:linear-gradient(180deg,#1f8fe8,#0d5fb8);border:3px solid #bfe3ff;box-shadow:0 18px 50px #000c,inset 0 0 0 2px #0b4a91;color:#fff;font-family:Arial,sans-serif}
.ts-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.ts-title{height:62px;width:auto}
.ts-reset{margin-left:auto;padding:8px 16px;border-radius:10px;border:2px solid #ffd59a;background:linear-gradient(#ff9d2e,#e0640c);color:#fff;font:800 14px Arial;text-shadow:0 1px 2px #0008;cursor:pointer}
.ts-close{width:52px;height:52px;padding:0;border:0;background:none;cursor:pointer}.ts-close img{width:100%;height:100%}
.ts-tabs{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:9px 16px;border-radius:12px;background:linear-gradient(#ffc430,#f18a0c);border:2px solid #fff3c4;margin-bottom:12px}
.ts-tab{display:flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:#fff;font:900 15px Arial;text-shadow:0 1px 2px #8a3a00;cursor:pointer}
.ts-tab i{width:15px;height:15px;border-radius:50%;background:#6b7a8c;border:3px solid #e8eef5}.ts-tab.on i{background:#2fd35a}
.ts-tab.off{opacity:.85}
.ts-tabs span{margin-left:auto;font:700 13px Arial;color:#1d3f7a}
.ts-body{display:grid;grid-template-columns:1fr 270px;gap:12px}
.ts-grid{display:grid;grid-template-columns:repeat(5,70px 26px) 86px;grid-template-rows:repeat(4,82px);align-items:center;justify-content:center;padding:18px;border-radius:14px;background:linear-gradient(160deg,#0f3d7d,#0a2c5e);border:2px solid #5fb2ff;box-shadow:inset 0 0 30px #0007}
.ts-node{position:relative;width:70px;height:70px;padding:0;border:3px solid #ff9a2a;border-radius:10px;background:#123;cursor:pointer;transition:transform .12s,box-shadow .12s;justify-self:center}
.ts-node img{width:100%;height:100%;border-radius:7px;display:block}
.ts-node em{position:absolute;right:-8px;bottom:-8px;min-width:30px;padding:1px 5px;border-radius:7px;background:#3a1b05;border:2px solid #ff9a2a;font:800 12px Arial;font-style:normal;color:#fff}
.ts-node.lock img{filter:grayscale(1) brightness(.55)}
.ts-node.lock{border-color:#6c7480}.ts-node.lock em{border-color:#6c7480;background:#222}
.ts-node.full{border-color:#ffd84a;box-shadow:0 0 12px #ffd84aaa}.ts-node.full em{border-color:#ffd84a;color:#ffd84a}
.ts-node.final{width:86px;height:86px;border-width:4px}
.ts-node:hover{transform:scale(1.07)}.ts-node.sel{box-shadow:0 0 0 3px #fff,0 0 18px #7fd0ff}
div.ts-node{cursor:default}div.ts-node:hover{transform:none}
.ts-arrow{height:16px;align-self:center;margin:0 3px;background:#3d5677;clip-path:polygon(0 30%,72% 30%,72% 0,100% 50%,72% 100%,72% 70%,0 70%);opacity:.8}
.ts-arrow.on{background:#9fd6ff;opacity:1}
.ts-info{padding:14px;border-radius:14px;background:#0a2c5e;border:2px solid #5fb2ff;font:600 13px/1.45 Arial;color:#dcecff}
.ts-info.empty{display:grid;place-items:center;text-align:center;color:#9fc3ee}
.ts-info-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}.ts-info-head img{width:56px;height:56px;border-radius:8px;border:2px solid #ff9a2a}
.ts-info-head b{display:block;font:900 17px Arial;color:#fff}.ts-info-head small{color:#ffd166;font-weight:800}
.ts-info p{margin:6px 0}.ts-info p span{color:#9fd6ff;font-weight:800}
.ts-learn{width:100%;margin-top:10px;padding:10px;border-radius:10px;border:2px solid #c9ffd6;background:linear-gradient(#36d567,#139b40);color:#fff;font:900 14px Arial;cursor:pointer}
.ts-learn:disabled{filter:grayscale(1);opacity:.6;cursor:not-allowed}
.ts-err{display:block;margin-top:6px;color:#ffb3a8}.ts-done{margin-top:10px;font:900 14px Arial;color:#ffd84a}
.ts-foot{display:flex;gap:40px;margin-top:12px;padding:10px 18px;border-radius:12px;background:#0b3f86;border:2px solid #5fb2ff;font:700 15px Arial}
.ts-foot b{color:#ffd84a}
@media(max-width:820px){.ts-body{grid-template-columns:1fr}.ts-grid{grid-template-columns:repeat(5,46px 12px) 56px;grid-template-rows:repeat(4,58px)}.ts-node{width:46px;height:46px}.ts-node.final{width:60px;height:60px}}
/* Büyütülmüş pencere ve çapraz yollu ağaç (team-skills-ui.js tsTreeHtml) */
.ts-wrap{width:min(1240px,97vw)!important;max-height:96vh}
.ts-body{grid-template-columns:1fr 300px!important}
.ts-grid.ts-tree{display:grid!important;place-items:center;overflow:auto;padding:14px!important;grid-template-columns:none!important;grid-template-rows:none!important}
.ts-canvas{position:relative}
.ts-links{position:absolute;inset:0;overflow:visible;pointer-events:none}
.ts-link{fill:none;stroke:#3d5677;stroke-width:7;stroke-linecap:round;opacity:.9}
.ts-link.on{stroke:#9fd6ff;filter:drop-shadow(0 0 4px #7fd0ff)}
.ts-tree .ts-node{position:absolute!important;margin:0;justify-self:auto}
.ts-tree .ts-node em{font-size:13px}
.ts-info{font-size:14px!important}