/* Community additions to the shared .hb-directory components. */
.hb-directory[data-hb-directory] .hb-directory-filter { align-items: flex-end; }
.hb-directory .hb-community-ranking-filter { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.hb-directory .hb-community-character-search { display: flex; align-items: end; gap: 12px; }
.hb-directory .hb-community-character-search label { flex: 1; }
.hb-directory .hb-community-ranking-caption { display: flex; justify-content: space-between; gap: 10px; padding: 0 0 12px; font: 10px/1.5 Verdana,Arial,sans-serif; color: #614e32; }
.hb-directory .hb-community-world-types { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 12px; padding: 9px 0; margin-bottom: 9px; border-bottom: 1px solid #b9a983; font: 10px/1.5 Verdana,Arial,sans-serif; }
.hb-directory .hb-community-world-types label { display: inline-flex; align-items: center; gap: 4px; }
.hb-directory .hb-community-world-types input { width: 11px; height: 11px; margin: 0; accent-color: #245789; }
.hb-directory .hb-community-rank-1 { color: #c79d04; font-weight: 700; }
.hb-directory .hb-community-rank-2 { color: #8395a4; font-weight: 700; }
.hb-directory .hb-community-rank-3 { color: #a36d32; font-weight: 700; }
.hb-directory .hb-directory-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.hb-directory .hb-directory-button.is-blue { background: linear-gradient(#337fb8,#1b4d80); border: 1px solid #193f63; color: #fff9e9; text-shadow: 0 1px #173752; }
.hb-directory .hb-community-guild-filter { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; }
.hb-directory .hb-community-guild-filter > label { flex: 0 1 160px; }
.hb-directory .hb-community-found-guild { margin-left: auto; }
.hb-directory .hb-community-found-guild form { margin: 0; }
.hb-directory .hb-community-deaths td:nth-child(1) { width: 142px; white-space: nowrap; }
.hb-directory .hb-community-deaths td:nth-child(2) { width: 86px; white-space: nowrap; }
.hb-directory .hb-community-deaths td:nth-child(3) { min-width: 240px; }
.hb-directory .hb-community-death-filter { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) auto; align-items: end; }
.hb-directory .hb-community-death-filter > label { min-width: 0; }
.hb-directory .hb-directory-filter input, .hb-directory .hb-directory-filter select { max-width: 100%; min-width: 0; box-sizing: border-box; }
.hb-directory .hb-community-highscores { min-width: 620px; }
.hb-directory .hb-community-highscores th { white-space: nowrap; }
.hb-directory .hb-community-highscores td:first-child { width: 44px; text-align: center; }
.hb-directory .hb-community-highscores td:last-child { white-space: nowrap; text-align: right; }
.hb-directory .hb-community-highscores small { display: block; }
.hb-directory .hb-community-outfit-column { width: 44px; text-align: center; }
.hb-directory img.hb-community-outfit { display: block; width: 40px; height: 40px; max-width: 40px; object-fit: contain; }
.hb-directory a.hb-community-online { color: #2d682d; }
.hb-directory .hb-community-statistics th:not(:first-child), .hb-directory .hb-community-statistics td:not(:first-child) { text-align: center; }
.hb-directory .hb-community-statistics th { vertical-align: middle; }
.hb-directory .hb-community-legend { margin-top: 14px; }
.hb-directory .hb-community-legend h3 { margin: 0 0 8px; font: 700 11px/1.5 Verdana,Arial,sans-serif; color: #4a351e; }
.hb-directory .hb-community-legend p { margin: 5px 0; font-size: 10px; }
.hb-directory .hb-community-guilds td:first-child { width: 56px; text-align: center; }
.hb-directory .hb-community-guilds td:nth-child(2) { min-width: 100px; font-weight: 700; }
.hb-directory .hb-community-guilds td:last-child { width: 70px; }
.hb-directory .hb-community-guild-logo { display: block; width: 48px; height: 48px; object-fit: contain; }
.hb-directory .hb-community-guild-description { overflow-wrap: anywhere; }
.hb-directory .hb-community-guilds form { margin: 0; }
.hb-directory .hb-community-guilds .hb-directory-muted { display: block; margin-top: 5px; font-size: 9px; }
.hb-directory .hb-community-guild-maintenance { margin-top: 12px; font: 10px/1.6 Verdana,Arial,sans-serif; }
.hb-directory .hb-community-guild-maintenance summary { cursor: pointer; color: #5b442c; }
.hb-directory .hb-community-guild-maintenance p { margin: 7px 0; }
.hb-directory .hb-community-war-score { white-space: nowrap; text-align: center; font-weight: 700; }
.hb-directory .hb-community-ban-count { display: flex; flex: 1; justify-content: flex-end; align-items: center; gap: 9px; color: #5b4429; font: 11px/1.5 Verdana,Arial,sans-serif; }
.hb-directory .hb-community-ban-count strong { display: inline-grid; min-width: 28px; min-height: 26px; place-items: center; border: 1px solid #ac956c; background: #e8dabb; font-size: 13px; }
.hb-directory .hb-community-ban-count small { display: block; text-align: right; font-size: 9px; }
.hb-directory .hb-community-permanent { color: #b24328; }
.hb-directory .hb-community-subheading { margin: 16px 0 10px; padding: 7px 10px; border: 1px solid #426785; background: linear-gradient(#2a6599,#1b4779); color: #fff7df; font: 400 11px/1.5 Verdana,Arial,sans-serif; }
.hb-reference.hb-directory-page #News .rb-content-mid .hb-directory h3.hb-community-subheading,
.hb-reference.hb-directory-page #News .rb-content-mid .hb-directory h3.hb-community-subheading > span { color: #fff7df; }
.hb-directory .hb-community-top-guilds td:first-child { width: 28px; }
.hb-directory .hb-community-top-guilds td:last-child { text-align: right; }
.hb-directory .hb-community-war-card { text-align: center; padding: 12px 14px; margin-bottom: 9px; background: #d1c3a6; border: 1px solid #b5a17a; border-radius: 2px; box-shadow: 0 1px 3px #55452c20; }
.hb-directory .hb-community-war-card h4 { margin: 0 0 7px; font: 700 12px/1.5 Verdana,Arial,sans-serif; }
.hb-directory .hb-community-war-card p { margin: 2px 0; font: 10px/1.5 Verdana,Arial,sans-serif; }
.hb-directory .hb-community-war-card > a { font: 10px/1.5 Verdana,Arial,sans-serif; }
.hb-directory.hb-community-native { min-width: 0; }
.hb-directory.hb-community-native .TableContainer { max-width: 100%; margin-bottom: 14px; }
.hb-directory.hb-community-native table { max-width: 100%; }
.hb-directory.hb-community-native .TableContent { font: 11px/1.6 Verdana,Arial,sans-serif; }
.hb-directory.hb-community-native .TableContent td { overflow-wrap: anywhere; }
/* Keep the native profile markup and its account/privacy conditions intact. */
.hb-reference.hb-directory-page #News [data-hb-directory="character-profile"] td.white,
.hb-reference.hb-directory-page #News [data-hb-directory="character-profile"] td.white :is(b,strong) { color: #fff0d2; }
.hb-reference #News [data-hb-directory="character-profile"] table[width="100"] { width: 104px; max-width: 104px; }
.hb-reference #News [data-hb-directory="character-profile"] > table > tbody > tr > td:nth-child(2) > table:nth-of-type(2) > tbody > tr > td:first-child > table > tbody > tr > td:last-child:not([colspan]) { min-width: 24px; white-space: nowrap; text-align: center; }
.hb-directory [hidden] { display: none !important; }
@media(max-width: 700px) {
  .hb-directory .hb-community-death-filter { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hb-directory .hb-community-death-filter > button { grid-column: 1 / -1; justify-self: end; }
  .hb-directory .hb-community-ranking-caption { flex-wrap: wrap; }
}
@media(max-width: 480px) {
  .hb-directory .hb-community-ranking-filter { grid-template-columns: 1fr; }
  .hb-directory .hb-community-character-search { flex-wrap: wrap; }
  .hb-directory .hb-community-character-search label { flex-basis: 100%; }
  .hb-directory .hb-community-guild-description { min-width: 140px; }
  .hb-directory .hb-community-ban-count { justify-content: flex-start; }
  .hb-directory .hb-community-ban-count small { text-align: left; }
  .hb-directory .hb-community-guild-filter > label { flex: 1 1 100%; }
}