/* CSBA tendencies (shared) */
.td-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px}
.td-head b{font-size:17px;color:#fff}
.td-tier{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border:1px solid #3a3c45;color:#d7d8de}
.td-tier.t0{border-color:#bf6cfa;color:#d58cff}.td-tier.t1{border-color:#f4c455;color:#eb9f16}.td-tier.t2{border-color:#cecece;color:#d6d6d6}.td-tier.t3{border-color:#fda371;color:#e07a46}
.td-style{font-size:11px;color:#ff3b5c;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.td-plays{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.td-chip{font-size:11px;font-weight:800;padding:4px 8px;background:#17191f;border:1px solid #2f313a;color:#e6e7ea}
.td-chip.is-init{border-color:#ff3b5c;color:#ff3b5c}
.td-muted{font-size:12px;color:#9a9ca5}
.td-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px;margin:0 0 12px}
.td-key small{display:block;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#ff3b5c;margin-bottom:3px}
.td-key,.td-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:0 8px}
.td-key small{grid-column:1/-1}
.td-bar{display:block;height:7px;background:#1d1f26;position:relative;overflow:hidden;min-width:60px}
.td-bar span{display:block;height:100%;background:#6b7080}
.td-bar.mid span{background:#c9a3ab}.td-bar.hi span{background:#ff3b5c}
.td-num{font-size:12px;color:#fff;min-width:24px;text-align:right;font-variant-numeric:tabular-nums}
.td-delta{font-style:normal;font-size:10px;font-weight:900;min-width:30px;text-align:right}
.td-delta.up{color:#36d17a}.td-delta.down{color:#ff6b6b}
.td-group{border:1px solid #26272e;background:#0f1115;margin:0 0 6px}
.td-group>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:9px 11px;font-size:12px;font-weight:850;color:#e9eaee}
.td-group>summary::-webkit-details-marker{display:none}
.td-group>summary span{color:#9a9ca5;font-weight:700}
.td-rows{display:grid;gap:5px;padding:2px 11px 11px}
.td-row .td-name{font-size:12px;color:#c6c8cf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-row{grid-template-columns:minmax(0,1.2fr) minmax(60px,1fr) auto auto}
.td-copy{font:inherit;font-size:12px;font-weight:850;padding:7px 11px;background:#17191f;border:1px solid #3a3c45;color:#fff;cursor:pointer}
.td-copy:hover{border-color:#ff3b5c}.td-copy.is-done{border-color:#36d17a;color:#36d17a}
@media(max-width:560px){.td-keys{grid-template-columns:1fr 1fr}.td-row{grid-template-columns:minmax(0,1.4fr) minmax(50px,1fr) auto auto}}

/* Labeled tendency block: "Player Tendency:", "Play Types:" Play 1-4, "Play Initiator:" */
.td-spec{display:grid;gap:6px;margin:4px 0 10px;font-size:13px;color:#e9eaee}
.td-spec-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.td-spec .td-lbl{color:#ff3b5c;font-weight:800;font-size:13px}
.td-spec-name b{font-size:16px;color:#fff}
.td-spec-plays{margin-top:6px}
.td-spec-note{font-size:11px;color:#ff8da0}
.td-playlist{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.td-playlist li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 9px;background:#0b0c10;border:1px solid #26272e;border-left:3px solid #3a3c46}
.td-playlist li .td-lbl{min-width:48px}
.td-playlist li.is-empty b{color:#6f7280}
.td-playlist li.is-custom{border-color:#6b5310;border-left-color:#f5b72b;background:#1a1505}
.td-playlist li.is-custom b{color:#ffd166}
.td-custom{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#1a1505;background:#f5b72b;padding:2px 6px}
.td-was{font-size:10px;color:#a9935a}
.td-legend{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#c9cbd2}
.td-legend i{width:12px;height:12px;background:#1a1505;border:1px solid #f5b72b;border-left-width:3px;display:inline-block}

.td-anim .td-playlist li .td-lbl{min-width:150px}
@media(max-width:520px){.td-anim .td-playlist li .td-lbl{min-width:0}}