/* Match rosters: the same two columns on desktop and mobile. */
.team-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.team-card{min-width:0;border:1px solid #3c4733;border-radius:12px;background:#181e17;overflow:hidden}
.team-white{border-color:#596151;background:#1c221b}
.team-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 24px;border-top:3px solid var(--lime);border-bottom:1px solid #3b4631;background:linear-gradient(115deg,#2b3822,#20291c)}
.team-white .team-card-head{background:linear-gradient(115deg,#e6eadf,#c9d2bd);color:#192015;border-top-color:#f2f4eb;border-bottom-color:#d1d7c8}
.team-identity{display:flex;gap:14px;align-items:center;min-width:0}
.team-identity .kit{width:35px;height:39px;margin:0}
.team-white .team-identity .kit{filter:drop-shadow(0 1px 1px #53614655)}
.team-overline{font-size:9px;letter-spacing:1.5px;color:#a7b994;font-weight:600;margin-bottom:4px}
.team-white .team-overline{color:#56654b}
.team-card-head h3{font-family:var(--heading);font-size:35px;font-weight:700;letter-spacing:.7px;line-height:1}
.team-average{flex-shrink:0;text-align:right}
.team-average strong{display:block;font-family:var(--heading);font-size:37px;font-weight:600;color:var(--lime);line-height:1}
.team-white .team-average strong{color:#25351c}
.team-average span{display:block;font-size:8px;letter-spacing:1px;color:#a9b798;margin-top:5px}
.team-white .team-average span{color:#5a674f}
.team-members{list-style:none;padding:9px 14px 14px;margin:0}
.team-members li+li{border-top:1px solid #30392a}
.team-member{display:flex;align-items:center;gap:13px;min-height:76px;padding:10px 9px;border-radius:7px;transition:background .2s}
.team-member:hover{background:#2c3824}
.team-member.is-you{background:#c5f36b08}
.member-index{font-family:var(--heading);font-size:17px;color:#758466;width:18px;flex-shrink:0}
.team-member .avatar{width:46px;height:46px;border:1px solid #526142;border-radius:9px}
.team-white .team-member .avatar{border-color:#828d76}
.member-info{min-width:0;flex:1}
.member-info strong{display:block;font-size:14px;font-weight:650;line-height:1.35;overflow-wrap:break-word}
.member-info small{display:block;color:#9eae90;font-size:10px;line-height:1.4;margin-top:4px}
.member-rating{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:35px;min-height:35px;border-radius:7px;background:#2c3b20;color:var(--lime);font-family:var(--heading);font-size:24px;font-weight:600}
.team-white .member-rating{background:#d5ddcb13;color:#e0e6d8}
.team-member>svg{width:14px;height:14px;color:#718261;margin-left:2px}
.match-comparison{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px;margin-top:22px;padding:23px 26px}
.match-comparison h3{grid-column:1/4;margin-bottom:17px}
.comparison-legend{grid-column:4;grid-row:1;align-self:start;display:flex;justify-content:flex-end;gap:15px;color:var(--muted);font-size:8px;padding-top:7px;letter-spacing:.5px}
.comparison-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.comparison-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime)}
.comparison-legend span:last-child i{background:#d5dbce}
.match-comparison .comparison-item{margin:3px 0 20px}
.match-comparison .balance-note{grid-column:1/-1;font-size:10px;line-height:1.7}
@media(max-width:1180px){.team-card-head{padding:20px}.team-member{gap:10px;padding-left:6px;padding-right:6px}.team-members{padding-left:10px;padding-right:10px}.team-member .avatar{width:42px;height:42px}.member-info strong{font-size:13px}.team-member>svg{display:none}}
@media(max-width:950px){.team-lists{gap:16px}.team-card-head{padding:19px 17px}.team-identity{gap:10px}.team-card-head h3{font-size:31px}.team-average strong{font-size:32px}.member-index{display:none}.team-member{min-height:72px}.match-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.match-comparison h3{grid-column:1;max-width:240px}.comparison-legend{grid-column:2}.match-comparison .comparison-item{margin:5px 0 20px}}
@media(max-width:700px){.team-lists{gap:11px}.team-card{border-radius:9px}.team-card-head{padding:15px 11px;gap:7px;align-items:flex-end}.team-identity{gap:0}.team-identity .kit{display:none}.team-overline{font-size:7px;letter-spacing:.7px;margin-bottom:7px}.team-card-head h3{font-size:25px;letter-spacing:.3px}.team-average strong{font-size:28px}.team-average span{font-size:6px;letter-spacing:.3px;margin-top:5px}.team-members{padding:5px 6px 7px}.team-member{gap:7px;padding:10px 3px;min-height:71px;border-radius:5px}.team-member .avatar{width:31px;height:31px;border-radius:6px}.member-info strong{font-size:11px;font-weight:650;line-height:1.3}.member-info small{font-size:7px;line-height:1.4;margin-top:4px}.member-rating{font-size:20px;min-width:23px;min-height:28px;border-radius:4px}.match-comparison{margin-top:16px;padding:19px 17px;gap:0 20px}.match-comparison h3{grid-column:1/-1;font-size:22px;margin-bottom:9px}.comparison-legend{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-top:0;margin-bottom:15px;font-size:7px;gap:17px}.match-comparison .comparison-item{margin:5px 0 18px}.match-comparison .balance-note{font-size:9px}.match-comparison .balance-note br{display:none}}
@media(max-width:370px){.team-lists{gap:9px}.team-card-head{padding:13px 9px}.team-card-head h3{font-size:22px}.team-average strong{font-size:25px}.team-members{padding-left:4px;padding-right:4px}.team-member{gap:5px;min-height:68px}.team-member .avatar{width:28px;height:28px}.member-info strong{font-size:10px}.member-info small{font-size:6.5px}.member-rating{font-size:18px;min-width:21px;min-height:25px}}