.moba-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.moba-team{min-width:0;background:#16161cdd;border:1px solid var(--team-color);border-radius:10px;padding:10px;color:#fff}
.moba-team-heading{font-size:12px;color:var(--team-color);margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.moba-team-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.moba-member{position:relative;min-width:0;border:1px solid #ffffff29;border-radius:6px;background:#ffffff0a;text-align:center;overflow:hidden}
.moba-head{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated}
.moba-member-name{display:block;padding:2px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.moba-member-status{display:block;font-size:9px;color:#cfd2dc;padding:2px}
.moba-member-hp{display:block;width:calc(100% - 6px);height:4px;margin:2px 3px;accent-color:var(--team-color);border:0}
.moba-member-hp::-webkit-progress-bar{background:#ffffff29}
.moba-member-hp::-webkit-progress-value{background:var(--team-color)}
.moba-member-hp::-moz-progress-bar{background:var(--team-color)}
.moba-member.is-self{border:2px solid #ffe28a;background:#ffe28a18}
.moba-member.is-self .moba-member-name{color:#ffe28a;font-weight:bold}
.moba-member.is-dead .moba-head{filter:grayscale(1);opacity:.4}
.moba-empty{display:flex;align-items:center;justify-content:center;border-style:dashed;font-size:10px;color:#aaa;min-height:64px}
.moba-kick{font-size:10px;padding:3px;width:100%}
.moba-teams[hidden],.moba-member-hp[hidden]{display:none}
@media(max-width:600px){
  #panel .moba-teams{grid-template-columns:1fr}
}