.clan-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.clan-card{display:flex;align-items:center;gap:16px;padding:20px;background:#e9f0f2;border:1px solid #bacbd1;border-left:4px solid #8f7e4d;text-decoration:none;color:#173e51;min-width:0}
.clan-card:hover,.clan-card:focus-visible{background:#dbe9ec;outline:2px solid #477689;outline-offset:2px}
.clan-card-tag{font-family:Impact,'Arial Narrow',sans-serif;font-size:22px;color:#756232;flex:none}
.clan-card strong{display:block;font-size:18px;overflow-wrap:anywhere}.clan-card small{display:block;margin-top:5px;color:#4b6572}
.clan-roster{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.clan-member{display:flex;align-items:center;gap:14px;padding:14px;background:#dfe9ec;min-width:0}.clan-member>div{min-width:0}
.clan-member a{font-weight:700;color:#204f65;overflow-wrap:anywhere}.clan-member small{display:block;color:#516770}
.clan-member .player-avatar{width:56px;height:56px;flex:none}
#clan-share-url{display:block;width:100%;max-width:620px;padding:10px;border:1px solid #bacbd1;background:#e9f0f2;color:#173e51;margin-top:6px}
#clan-share-message:empty{display:none}
@media(max-width:640px){.clan-directory,.clan-roster{grid-template-columns:1fr}.clan-card{padding:16px}.clan-card-tag{font-size:20px}}