#esports .roster-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:12px;margin:16px 0}
#esports .roster-card {display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:1px solid #D9E3EA;border-radius:8px;background:#FFFFFF;color:#13202C;min-height:132px;overflow-wrap:anywhere}
#esports .roster-card img {height:64px;width:80px;object-fit:contain}
#esports .roster-card small {color:#5D6D7C;font-size:12px;font-weight:400}
#esports .roster-card:focus-visible,#esports .roster-drop:focus-visible {outline:2px solid #1A8CFF;outline-offset:2px}
#esports dialog {width:min(760px,calc(100vw - 48px));max-height:85vh;overflow:auto;border:1px solid #D9E3EA;border-radius:8px;padding:24px;color:#13202C;background:#FFFFFF}
#esports dialog::backdrop {background:rgba(7,12,18,.72)}
#esports dialog .actions {display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#esports dialog .actions h3 {flex:1}
#esports dialog label {display:block;margin:12px 0}
#esports dialog input:not([type=checkbox]),#esports dialog textarea {display:block;width:100%;box-sizing:border-box}
#esports .roster-drop {display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:108px;background:#F1F6FA;color:#13202C;border:1px dashed #AEBECD;border-radius:8px;margin-top:12px}
#esports .roster-drop img {height:80px;width:96px;object-fit:contain}
#esports .roster-drop.dragging {background:#DDF2FF;border-color:#0A84D6}
#esports [hidden] {display:none!important}
#esports button:disabled {opacity:.6;cursor:wait}