.community-directory-v325,
.community-directory-v325 *{box-sizing:border-box}
.community-directory-v325{
  --community-panel:#0a1322;
  --community-panel-soft:#0d192a;
  --community-border:rgba(126,154,201,.17);
  --community-text:#f5f8ff;
  --community-muted:#9eadc5;
  --community-blue:#1ea3ff;
  --community-purple:#9a6dff;
  --community-orange:#ff9b45;
  width:min(1540px,calc(100% - 40px));
  margin:30px auto 70px;
  display:grid;
  gap:20px;
  color:var(--community-text)
}
.community-directory-hero-v325,
.community-directory-toolbar-v325,
.community-directory-results-v325{
  border:1px solid var(--community-border);
  background:linear-gradient(145deg,rgba(10,20,36,.98),rgba(5,12,23,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.18)
}
.community-directory-hero-v325{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(540px,.85fr);
  gap:30px;
  align-items:center;
  padding:34px;
  border-radius:26px;
  background:
    radial-gradient(circle at 82% 18%,rgba(30,163,255,.18),transparent 30%),
    radial-gradient(circle at 4% 100%,rgba(255,155,69,.12),transparent 32%),
    linear-gradient(145deg,rgba(10,20,36,.98),rgba(5,12,23,.98))
}
.community-directory-hero-v325:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:url('../img/logo.png') 82% 50%/330px no-repeat;
  opacity:.08;
  filter:grayscale(1)
}
.community-directory-hero-v325>*{position:relative;z-index:1}
.community-directory-kicker-v325{
  display:inline-flex;
  color:var(--community-orange);
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase
}
.community-directory-hero-copy-v325 h1{
  margin:10px 0 13px;
  max-width:850px;
  font-size:clamp(2.45rem,5vw,4.7rem);
  line-height:.95;
  letter-spacing:-.055em
}
.community-directory-hero-copy-v325>p{
  max-width:760px;
  margin:0;
  color:#c0cadb;
  font-size:1.02rem;
  line-height:1.7
}
.community-directory-actions-v325{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.community-directory-primary-v325,
.community-directory-secondary-v325{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:900
}
.community-directory-primary-v325{background:linear-gradient(135deg,#148ff2,#20b2ff);color:#fff;box-shadow:0 14px 30px rgba(30,163,255,.18)}
.community-directory-secondary-v325{border:1px solid var(--community-border);background:rgba(255,255,255,.035);color:#fff}
.community-directory-stats-v325{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.community-directory-stats-v325 article{
  padding:18px;
  min-width:0;
  border:1px solid rgba(126,154,201,.15);
  border-radius:17px;
  background:rgba(4,11,22,.66);
  backdrop-filter:blur(8px)
}
.community-directory-stats-v325 span{display:block;color:#d7dfec;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.community-directory-stats-v325 strong{display:block;margin:8px 0 5px;font-size:2rem;letter-spacing:-.04em}
.community-directory-stats-v325 small{color:var(--community-muted);line-height:1.35}
.community-directory-toolbar-v325{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px;
  border-radius:20px
}
.community-directory-search-v325{display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.community-directory-search-v325 label{flex:1;min-width:240px}
.community-directory-search-v325 input{
  width:100%;
  min-height:45px;
  padding:0 14px;
  border:1px solid var(--community-border);
  border-radius:12px;
  background:rgba(4,11,22,.74);
  color:#fff;
  font:inherit;
  outline:none
}
.community-directory-search-v325 input:focus{border-color:rgba(30,163,255,.65);box-shadow:0 0 0 3px rgba(30,163,255,.1)}
.community-directory-search-v325 input::placeholder{color:#74839d}
.community-directory-search-v325 button,
.community-directory-search-v325 a,
.community-directory-filters-v325 a{
  min-height:45px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border:1px solid var(--community-border);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:#fff;
  text-decoration:none;
  font:inherit;
  font-weight:850;
  cursor:pointer
}
.community-directory-search-v325 button{border-color:rgba(30,163,255,.35);background:rgba(30,163,255,.13);color:#81d1ff}
.community-directory-filters-v325{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.community-directory-filters-v325 a.is-active{border-color:rgba(154,109,255,.55);background:rgba(154,109,255,.15);color:#d6c2ff}
.community-directory-results-v325{padding:26px;border-radius:22px;display:grid;gap:20px}
.community-directory-section-head-v325{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.community-directory-section-head-v325 span{display:block;color:#8bcfff;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.community-directory-section-head-v325 h2{margin:5px 0 0;font-size:1.8rem}
.community-directory-section-head-v325 small{color:var(--community-muted)}
.community-directory-grid-v325{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.community-member-card-v325{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:17px;
  border:1px solid rgba(126,154,201,.13);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(9,18,33,.92),rgba(6,13,25,.92));
  overflow:hidden
}
.community-member-card-v325:before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(30,163,255,.55),transparent);
  opacity:.45
}
.community-member-card-v325.is-staff{border-color:rgba(154,109,255,.2);background:linear-gradient(145deg,rgba(17,18,41,.94),rgba(7,14,27,.94))}
.community-member-card-v325.is-staff:before{background:linear-gradient(90deg,transparent,rgba(154,109,255,.75),transparent)}
.community-member-avatar-v325{
  flex:0 0 58px;
  width:58px;
  height:58px;
  border-radius:17px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(30,163,255,.78),rgba(154,109,255,.88));
  box-shadow:0 12px 28px rgba(0,0,0,.2)
}
.community-member-avatar-v325 img{width:100%;height:100%;object-fit:cover}
.community-member-avatar-v325 span{font-size:1.15rem;font-weight:950}
.community-member-copy-v325{min-width:0}
.community-member-type-v325{display:inline-flex;margin-bottom:5px;color:#80cfff;font-size:.64rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.community-member-card-v325.is-staff .community-member-type-v325{color:#d0b8ff}
.community-member-copy-v325 h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}
.community-member-copy-v325 p{margin:4px 0 5px;color:#bec9da;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-member-copy-v325 small{color:#7f8ea7;font-size:.75rem}
.community-directory-empty-v325{
  display:flex;
  align-items:center;
  gap:16px;
  padding:22px;
  border:1px dashed rgba(126,154,201,.22);
  border-radius:17px;
  background:rgba(255,255,255,.018)
}
.community-directory-empty-v325>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(30,163,255,.1);color:#70c8ff;font-weight:950}
.community-directory-empty-v325 h3{margin:0 0 4px}
.community-directory-empty-v325 p{margin:0;color:var(--community-muted)}
.community-directory-empty-v325 a{margin-left:auto;color:#72c7ff;text-decoration:none;font-weight:900}
.community-directory-pagination-v325{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:3px}
.community-directory-pagination-v325>div{display:flex;align-items:center;gap:7px}
.community-directory-pagination-v325 a,
.community-directory-pagination-v325 span{
  min-height:39px;
  min-width:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border:1px solid var(--community-border);
  border-radius:11px;
  color:#fff;
  text-decoration:none;
  font-weight:800
}
.community-directory-pagination-v325 span{opacity:.42}
.community-directory-pagination-v325 a.is-active{border-color:rgba(30,163,255,.52);background:rgba(30,163,255,.13);color:#88d3ff}
@media(max-width:1200px){
  .community-directory-hero-v325{grid-template-columns:1fr}
  .community-directory-grid-v325{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .community-directory-toolbar-v325{align-items:stretch;flex-direction:column}
  .community-directory-grid-v325{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .community-directory-v325{width:min(100%,calc(100% - 22px));margin-top:14px;gap:14px}
  .community-directory-hero-v325,.community-directory-results-v325{padding:20px;border-radius:19px}
  .community-directory-stats-v325,.community-directory-grid-v325{grid-template-columns:1fr}
  .community-directory-search-v325{align-items:stretch;flex-direction:column}
  .community-directory-search-v325 label{min-width:0}
  .community-directory-filters-v325{display:grid;grid-template-columns:repeat(3,1fr)}
  .community-directory-section-head-v325,.community-directory-pagination-v325{align-items:stretch;flex-direction:column}
  .community-directory-pagination-v325>div{justify-content:center}
  .community-directory-empty-v325{align-items:flex-start;flex-wrap:wrap}
  .community-directory-empty-v325 a{margin-left:60px}
}

/* v325 split website and Discord member directories */
.community-directory-v325{
  --community-discord:#5865f2;
}
.community-directory-hero-v325{
  grid-template-columns:minmax(0,1.1fr) minmax(520px,.9fr);
}
.community-directory-hero-copy-v325 h1{
  max-width:900px;
  font-size:clamp(2.35rem,4.7vw,4.45rem);
}
.community-directory-switcher-v325{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.community-directory-switcher-v325>a{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-width:0;
  padding:17px 18px;
  border:1px solid var(--community-border);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(10,20,36,.96),rgba(5,12,23,.96));
  color:#fff;
  text-decoration:none;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.community-directory-switcher-v325>a:hover{
  transform:translateY(-1px);
  border-color:rgba(30,163,255,.42);
}
.community-directory-switcher-v325>a.is-active{
  border-color:rgba(30,163,255,.54);
  background:linear-gradient(145deg,rgba(13,34,61,.98),rgba(7,18,33,.98));
  box-shadow:inset 0 0 0 1px rgba(30,163,255,.08);
}
.community-directory-switcher-v325>a:nth-child(2).is-active{
  border-color:rgba(88,101,242,.56);
  background:linear-gradient(145deg,rgba(29,31,73,.98),rgba(10,16,38,.98));
  box-shadow:inset 0 0 0 1px rgba(88,101,242,.1);
}
.community-directory-switcher-icon-v325{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(30,163,255,.82),rgba(154,109,255,.88));
  font-weight:950;
  font-size:1.05rem;
}
.community-directory-switcher-icon-v325.is-discord{
  background:linear-gradient(135deg,#5865f2,#7a83ff);
}
.community-directory-switcher-v325 strong,
.community-directory-switcher-v325 small{
  display:block;
}
.community-directory-switcher-v325 strong{
  margin-bottom:4px;
  font-size:1.02rem;
}
.community-directory-switcher-v325 small{
  color:var(--community-muted);
  line-height:1.35;
}
.community-directory-switcher-v325 b{
  min-width:40px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  text-align:center;
  color:#dfe8f7;
}
.community-directory-section-head-v325 p{
  max-width:780px;
  margin:7px 0 0;
  color:var(--community-muted);
  line-height:1.55;
}
.community-directory-sync-v325{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:45px;
  padding:0 14px;
  border:1px solid var(--community-border);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}
.community-directory-sync-v325>span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#f2b653;
  box-shadow:0 0 0 5px rgba(242,182,83,.09);
}
.community-directory-sync-v325>span.is-online{
  background:#46d98f;
  box-shadow:0 0 0 5px rgba(70,217,143,.09);
}
.community-directory-sync-v325 small{
  color:var(--community-muted);
}
.community-member-labels-v325{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:5px;
}
.community-member-labels-v325 .community-member-type-v325{
  margin-bottom:0;
}
.community-member-link-v325,
.community-member-discord-only-v325{
  display:inline-flex;
  padding:4px 7px;
  border-radius:999px;
  font-size:.58rem;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.community-member-link-v325{
  background:rgba(88,101,242,.13);
  color:#aeb5ff;
}
.community-member-discord-only-v325{
  background:rgba(255,155,69,.1);
  color:#ffc18a;
}
.community-member-card-v325.is-discord-only{
  border-color:rgba(88,101,242,.2);
  background:linear-gradient(145deg,rgba(19,23,55,.95),rgba(7,14,29,.94));
}
.community-member-card-v325.is-discord-only:before{
  background:linear-gradient(90deg,transparent,rgba(88,101,242,.78),transparent);
}
.community-member-card-v325.is-discord-only .community-member-avatar-v325{
  background:linear-gradient(135deg,#5865f2,#8a92ff);
}
.community-member-card-v325.is-discord-only .community-member-type-v325{
  color:#aeb5ff;
}
@media(max-width:900px){
  .community-directory-switcher-v325{grid-template-columns:1fr}
}
@media(max-width:680px){
  .community-directory-switcher-v325>a{grid-template-columns:46px minmax(0,1fr) auto;padding:14px}
  .community-directory-switcher-icon-v325{width:46px;height:46px}
  .community-directory-sync-v325{width:100%}
}