.tbTop{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.tbWrap{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
@media(max-width:980px){.tbWrap{grid-template-columns:1fr}}
.roleTabs{display:flex;gap:10px;flex-wrap:wrap}
.roleTabs button{all:unset;cursor:pointer;padding:9px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);font-weight:900;font-size:13px}
.roleTabs button.active{border-color:rgba(124,247,255,.35);background:rgba(124,247,255,.10)}
.playerList{display:grid;gap:10px}
.player{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18)}
.tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{font-size:11px;font-weight:900;border:1px solid rgba(255,255,255,.14);padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.22)}
.teamGrid{display:grid;gap:10px;margin-top:10px}
.slot{display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.16)}
.progressRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.bar{height:10px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);overflow:hidden;flex:1}
.bar>div{height:100%;background:linear-gradient(90deg, rgba(124,247,255,.75), rgba(180,255,90,.65))}

.field{display:flex;flex-direction:column;gap:8px}
.input{height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:inherit;padding:0 12px}
.input:focus{outline:none;box-shadow:0 0 0 3px rgba(0,255,255,.15);border-color:rgba(0,255,255,.35)}