@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sofia+Sans:wght@500;600;700&display=swap");

/* Arizona-style layout rebuilt for this forum. No third-party artwork is used. */
:root {
  --az-bg: #121212;
  --az-panel: #171717;
  --az-panel-soft: rgba(23, 23, 23, .78);
  --az-line: #242424;
  --az-line-soft: rgba(255, 255, 255, .075);
  --az-text: rgba(255, 255, 255, .86);
  --az-white: #fff;
  --az-muted: rgba(255, 255, 255, .52);
  --az-purple: #7c4caf;
}

html, body {
  min-width: 0 !important;
  color: var(--az-text) !important;
  background: var(--az-bg) !important;
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.p-pageWrapper {
  display: flex !important;
  align-items: stretch !important;
  min-height: 100vh !important;
  min-width: 0 !important;
  background:
    radial-gradient(700px 900px at 7% 66%, rgba(67, 31, 122, .32), transparent 70%),
    radial-gradient(720px 620px at 74% 20%, rgba(44, 30, 88, .12), transparent 74%),
    linear-gradient(120deg, #15151a 0%, #121212 37%, #111 100%) !important;
  background-attachment: fixed !important;
}

/* Left navigation follows the Arizona RP desktop geometry. */
.p-sideNav {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex: 0 0 270px !important;
  width: 270px !important;
  height: auto !important;
  min-height: 100vh !important;
  padding: 15px !important;
  overflow: visible !important;
  color: var(--az-white) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  z-index: 50 !important;
}
.p-sideNav:before, .p-sideNav:after { content: none !important; display: none !important; }
.p-sideNav .p-navSticky {
  position: sticky !important;
  inset: auto !important;
  top: 15px !important;
  display: block !important;
  width: 239px !important;
  height: max-content !important;
  padding: 0 !important;
}
.p-sideNav .p-nav {
  display: block !important;
  width: 239px !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: var(--az-white) !important;
  background: transparent !important;
  border: 0 !important;
}
.p-sideNav .p-nav-list {
  display: block !important;
  width: 239px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.p-sideNav .p-nav-list > li { display: block !important; width: 239px !important; margin: 0 0 6px !important; }
.p-sideNav .p-navEl {
  display: flex !important;
  align-items: center !important;
  width: 239px !important;
  min-height: 41px !important;
  color: var(--az-white) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 15px !important;
  transition: background-color .16s ease !important;
}
.p-sideNav .p-navEl:hover { background: rgba(255, 255, 255, .055) !important; }
.p-sideNav .p-navEl.is-selected { background: rgba(255, 255, 255, .10) !important; }
.p-sideNav .p-navEl-link {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 41px !important;
  padding: 10px 15px !important;
  color: var(--az-white) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  transform: none !important;
}
.p-sideNav .p-navEl-link > span {
  display: inline !important;
  width: auto !important;
  color: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.p-sideNav .p-navEl-splitTrigger { margin-left: auto !important; }
.p-sideNav .p-nav-opposite { display: none !important; }
.p-sideNav .p-sectionLinks {
  position: sticky !important;
  top: 250px !important;
  display: block !important;
  width: 239px !important;
  margin: 220px 0 0 -239px !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid var(--az-line-soft) !important;
}
.p-sideNav .p-sectionLinks--empty { display: none !important; }
.p-sideNav .p-sectionLinks-list { display: block !important; width: 100% !important; margin: 0 !important; }
.p-sideNav .p-sectionLinks .p-navEl-link { min-height: 38px !important; padding: 8px 15px !important; font-size: 13px !important; }
.p-sideNav .collapseTrigger#collapse-nav {
  position: absolute !important;
  top: 20px !important;
  right: -17px !important;
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  color: rgba(255,255,255,.86) !important;
  background: rgba(31,31,31,.96) !important;
  border: 1px solid var(--az-line) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  cursor: pointer !important;
  z-index: 100 !important;
}
.p-sideNav .collapseTrigger#collapse-nav:before {
  content: "☰" !important;
  display: block !important;
  font: 600 19px/1 Arial, sans-serif !important;
}
.p-sideNav:not(.is-active) { flex-basis: 80px !important; width: 80px !important; }
.p-sideNav:not(.is-active) .p-navSticky,
.p-sideNav:not(.is-active) .p-sectionLinks { visibility: hidden !important; pointer-events: none !important; }
.p-sideNav:not(.is-active) .collapseTrigger#collapse-nav { right: 19px !important; }

/* Main column, top bar and breadcrumb header. */
.p-body {
  position: relative !important;
  display: block !important;
  flex: 1 1 auto !important;
  width: calc(100% - 270px) !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 30px !important;
  background: transparent !important;
}
.p-sideNav:not(.is-active) + .p-body { width: calc(100% - 80px) !important; }
.p-body-inner {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 10px 10px 24px !important;
  background: transparent !important;
  transform: none !important;
}
.p-navTop {
  position: sticky !important;
  inset: auto !important;
  top: 10px !important;
  z-index: 300 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 61px !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  color: var(--az-text) !important;
  background: rgba(140, 140, 140, .15) !important;
  border: 0 !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) !important;
}
.p-navTop .p-nav-menuTrigger { display: none !important; }
.p-navTop .p-header-logo { display: flex !important; align-items: center !important; margin-right: auto !important; }
.p-navTop .p-header-logo a { display: flex !important; align-items: center !important; }
.p-navTop .p-header-logo img { display: block !important; width: 44px !important; height: 44px !important; object-fit: contain !important; }
.p-navTop .p-search { display: none !important; }
.p-navTop .p-nav-opposite { display: flex !important; align-items: center !important; margin-left: auto !important; }
.p-navTop .p-navgroup {
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 !important;
  background: rgba(255,255,255,.06) !important;
  border-radius: 12px !important;
}
.p-navTop .p-navgroup-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 40px !important;
  padding: 0 12px !important;
  color: rgba(255,255,255,.82) !important;
  border-left-color: var(--az-line-soft) !important;
}
.p-navTop .p-navgroup-linkText { display: inline !important; font-size: 14px !important; font-weight: 600 !important; }
.p-welcomeSection { display: none !important; }

.p-body-header {
  display: block !important;
  width: auto !important;
  min-height: 109px !important;
  margin: 10px 10px 20px !important;
  padding: 10px !important;
  color: var(--az-text) !important;
  background: rgba(23, 23, 23, .15) !important;
  border: 1px solid var(--az-line) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}
.p-title { padding: 0 !important; }
.p-title-value {
  color: rgba(255,255,255,.88) !important;
  font-family: "Sofia Sans", Inter, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.p-breadcrumbs {
  min-height: 45px !important;
  margin-top: 8px !important;
  padding: 12px 14px !important;
  color: var(--az-muted) !important;
  background: rgba(23,23,23,.60) !important;
  border: 1px solid var(--az-line) !important;
  border-radius: 14px !important;
}
.p-breadcrumbs a { color: var(--az-muted) !important; }

.p-body-main {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
}
.p-body-content { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; padding: 0 !important; }
.p-body-sidebar {
  position: sticky !important;
  top: 81px !important;
  flex: 0 0 280px !important;
  width: 280px !important;
  min-width: 280px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Cards and forum nodes. */
.block { margin-bottom: 20px !important; }
.block-container,
.p-body-sidebar .block-container,
.message,
.memberHeader,
.menu-content,
.overlay {
  color: var(--az-text) !important;
  background: var(--az-panel) !important;
  border: 1px solid var(--az-line) !important;
  border-radius: 15px !important;
  box-shadow: inset 0 0 20px -5px rgba(0,0,0,.15) !important;
}
.block-container { padding: 6px !important; }
.block-header, .block-minorHeader {
  margin: 0 !important;
  padding: 10px 15px !important;
  color: var(--az-white) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 14px !important;
  font-family: "Sofia Sans", Inter, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.block-body { background: transparent !important; }
.node { display: block !important; margin: 0 0 8px !important; padding: 0 !important; background: transparent !important; }
.node:last-child { margin-bottom: 0 !important; }
.node-body {
  display: table !important;
  width: 100% !important;
  min-height: 70px !important;
  padding: 0 !important;
  color: var(--az-text) !important;
  background: transparent !important;
  border: 1px solid var(--az-line) !important;
  border-radius: 15px !important;
  overflow: hidden !important;
}
.node-icon {
  display: table-cell !important;
  width: 58px !important;
  height: auto !important;
  padding: 10px 0 10px 10px !important;
  vertical-align: middle !important;
  color: rgba(255,255,255,.75) !important;
  background: transparent !important;
}
.node-icon i {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--az-line) !important;
  border-radius: 13px !important;
}
.node-main {
  display: table-cell !important;
  width: auto !important;
  padding: 10px !important;
  vertical-align: middle !important;
  background: transparent !important;
}
.node-title, .node-title a {
  color: rgba(255,255,255,.88) !important;
  font-family: "Sofia Sans", Inter, sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}
.node-description, .node-subNodeMenu { color: var(--az-muted) !important; }
.node-stats {
  display: table-cell !important;
  width: 70px !important;
  padding: 10px !important;
  vertical-align: middle !important;
  color: var(--az-muted) !important;
  background: transparent !important;
  border-left: 1px solid var(--az-line) !important;
}
.node-extra {
  display: table-cell !important;
  width: 280px !important;
  padding: 10px !important;
  vertical-align: middle !important;
  color: var(--az-text) !important;
  background: rgba(36,36,36,.20) !important;
  border-left: 1px solid var(--az-line) !important;
  border-radius: 0 15px 15px 0 !important;
}
.structItem, .contentRow, .block-row, .message-cell {
  color: var(--az-text) !important;
  background: transparent !important;
  border-color: var(--az-line) !important;
}
.structItem:hover { background: rgba(255,255,255,.025) !important; }
.button, a.button {
  color: var(--az-text) !important;
  background: #242424 !important;
  border: 1px solid #303030 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.button.button--primary, a.button.button--primary,
.button.button--cta, a.button.button--cta {
  color: #111 !important;
  background: #f4f4f4 !important;
  border-color: #f4f4f4 !important;
}
.input, input.input, textarea.input, select.input, .formRow {
  color: var(--az-text) !important;
  background: #202020 !important;
  border-color: #303030 !important;
}

/* Profile: avatar left, role banners beside the name, stats beneath. */
.memberHeader { overflow: hidden !important; padding: 0 !important; }
.memberProfileBanner, .memberHeader-main {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  background: var(--az-panel) !important;
}
.memberHeader-main { padding: 18px !important; border-radius: 15px 15px 0 0 !important; }
.memberHeader-mainContent {
  display: grid !important;
  grid-template-columns: 184px minmax(0,1fr) !important;
  gap: 20px !important;
  align-items: start !important;
  min-height: 184px !important;
}
.memberHeader-avatar {
  position: relative !important;
  inset: auto !important;
  grid-column: 1 !important;
  width: 184px !important;
  transform: none !important;
}
.memberHeader-avatar .avatar {
  width: 176px !important;
  height: 176px !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 6px rgba(255,255,255,.035) !important;
}
.memberHeader-content--info {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  grid-template-areas: "name" "banners" "blurb" !important;
  row-gap: 9px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.memberHeader-name { grid-area: name !important; margin: 0 !important; font-size: 23px !important; line-height: 1.2 !important; }
.memberHeader-banners {
  grid-area: banners !important;
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.memberHeader-banners:before { content: none !important; display: none !important; }
.memberHeader-banners > .userBanner--staff { display: none !important; }
.memberHeader-blurbContainer { grid-area: blurb !important; margin: 0 !important; padding: 1px 0 0 !important; }
.memberHeader-blurb { margin: 0 0 4px !important; color: var(--az-muted) !important; }
.memberHeader > .memberHeader-content {
  padding: 12px 18px 18px 222px !important;
  color: var(--az-text) !important;
  background: rgba(255,255,255,.015) !important;
  border-top: 1px solid var(--az-line) !important;
}
.memberHeader-stats { padding-top: 0 !important; }
.memberHeader-stats .pairJustifier { gap: 0 !important; }
.memberHeader-stats .pairs { min-width: 110px !important; padding: 5px 16px !important; }
.memberHeader-buttons { margin-top: 10px !important; }
.block-tabHeader {
  margin-top: 10px !important;
  padding: 6px !important;
  background: var(--az-panel) !important;
  border: 1px solid var(--az-line) !important;
  border-radius: 15px !important;
}
.block-tabHeader .tabs-tab { border-radius: 10px !important; }
.block-tabHeader .tabs-tab.is-active { color: #fff !important; background: #242424 !important; }

/* Keep the user's own role names and colors; only placement mirrors the reference. */
.userBanner.roleBadge, .userBanner.arzRank {
  --role-a: #5e6675;
  --role-b: #313743;
  --role-icon: "◆";
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 214px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  color: #fff !important;
  background:
    linear-gradient(165deg, rgba(255,255,255,.30) 0 34%, transparent 35% 100%),
    linear-gradient(112deg, var(--role-a), var(--role-b)) !important;
  border: 1px solid color-mix(in srgb, var(--role-a) 75%, white) !important;
  border-radius: 16px 16px 11px 11px / 12px 12px 17px 17px !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.34),
    inset 0 -3px 8px rgba(0,0,0,.22),
    0 5px 14px rgba(0,0,0,.22) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: .15px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.38) !important;
  animation: none !important;
  isolation: isolate !important;
  overflow: hidden !important;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}
.userBanner.roleBadge:before, .userBanner.arzRank:before {
  content: var(--role-icon) !important;
  position: relative !important;
  inset: auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 7px 0 0 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  font-family: "Segoe UI Symbol", "Noto Sans Symbols", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
  text-align: center !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.45) !important;
  z-index: 2 !important;
}
.userBanner.roleBadge:after, .userBanner.arzRank:after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(112deg, transparent 0 23%, rgba(255,255,255,.20) 24% 34%, transparent 35% 57%, rgba(255,255,255,.10) 58% 67%, transparent 68%),
    linear-gradient(to bottom, rgba(255,255,255,.12), transparent 52%, rgba(0,0,0,.13)) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.userBanner.roleBadge:hover, .userBanner.arzRank:hover {
  filter: brightness(1.08) saturate(1.06) !important;
  transform: translateY(-1px) !important;
  box-shadow: inset 0 2px rgba(255,255,255,.38), inset 0 -3px 8px rgba(0,0,0,.20), 0 8px 20px rgba(0,0,0,.26) !important;
}
.userBanner.roleBadge strong, .userBanner.arzRank strong {
  position: relative !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  z-index: 2 !important;
}
.userBanner.roleBadge--special { --role-a:#ff496b; --role-b:#9f1238; --role-icon:"✦"; }
.userBanner.roleBadge--chiefAdmin { --role-a:#ff7043; --role-b:#b51d14; --role-icon:"♛"; }
.userBanner.roleBadge--deputyAdmin { --role-a:#bb75ff; --role-b:#6231a1; --role-icon:"♜"; }
.userBanner.roleBadge--techAdmin, .userBanner.roleBadge--techAdminProject { --role-a:#f065ad; --role-b:#9c2568; --role-icon:"⚙"; }
.userBanner.roleBadge--admin { --role-a:#ffbf45; --role-b:#bb6500; --role-icon:"★"; }
.userBanner.roleBadge--junior { --role-a:#ffd166; --role-b:#a87105; --role-icon:"✪"; }
.userBanner.roleBadge--forumMod, .userBanner.roleBadge--moderator { --role-a:#35d7ca; --role-b:#087a7d; --role-icon:"✹"; }
.userBanner.roleBadge--seniorModerator { --role-a:#ffb43a; --role-b:#c76a00; --role-icon:"✦"; }
.userBanner.roleBadge--curator, .userBanner.roleBadge--curatorMod { --role-a:#6c75ff; --role-b:#3d33ba; --role-icon:"✓"; }
.userBanner.roleBadge--techModerator { --role-a:#f78fba; --role-b:#b33d75; --role-icon:"⚒"; }
.userBanner.roleBadge--deputyGM { --role-a:#6bd159; --role-b:#278b2f; --role-icon:"♟"; }
.userBanner.roleBadge--gm { --role-a:#26c95b; --role-b:#087d2f; --role-icon:"♛"; }
.userBanner.roleBadge--serverHead { --role-a:#bc63d4; --role-b:#663184; --role-icon:"♟"; }
.userBanner.roleBadge--projectHead { --role-a:#f23636; --role-b:#900707; --role-icon:"♛"; }
.userBanner.roleBadge--developer { --role-a:#f01668; --role-b:#920039; --role-icon:"⌘"; }
.userBanner.roleBadge--service { --role-a:#20c9eb; --role-b:#0876a6; --role-icon:"●"; }
.userBanner.roleBadge--tech { --role-a:#79a7bd; --role-b:#40586a; --role-icon:"⚙"; }
.userBanner.roleBadge--helper { --role-a:#55e6b1; --role-b:#188e68; --role-icon:"♥"; }
.userBanner.roleBadge--judge { --role-a:#d7a5ff; --role-b:#7650a0; --role-icon:"⚖"; }
.userBanner.roleBadge--member { --role-a:#687589; --role-b:#3b4658; --role-icon:"◆"; }

/* Topic author column keeps its compact vertical role card. */
.message { overflow: hidden !important; }
.message-cell.message-cell--user {
  flex: 0 0 228px !important;
  width: 228px !important;
  padding: 0 !important;
  color: var(--az-text) !important;
  background: rgba(255,255,255,.018) !important;
  border-right: 1px solid var(--az-line) !important;
}
.message-user { padding: 16px 12px !important; text-align: center !important; }
.message-avatar { margin-bottom: 8px !important; }
.message-avatar .avatar { box-shadow: 0 0 0 5px rgba(255,255,255,.03) !important; }
.message-userDetails { text-align: center !important; }
.message-name { margin: 4px 0 2px !important; font-size: 16px !important; }
.message-userTitle { margin: 0 0 8px !important; color: var(--az-muted) !important; }
.message-userDetails > .message-userBanner { display: none !important; }
.message-roleStack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  width: 100% !important;
  max-height: 86px !important;
  margin: 8px 0 4px !important;
  padding: 0 4px 0 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255,255,255,.28) transparent !important;
}
.message-roleStack > .message-userBanner.roleBadge,
.message-roleStack > .message-userBanner.arzRank {
  display: flex !important;
  flex: none !important;
  width: 100% !important;
  min-height: 40px !important;
  border-radius: 14px 14px 10px 10px / 11px 11px 15px 15px !important;
  font-size: 9px !important;
}
.message-userExtras {
  margin-top: 10px !important;
  padding-top: 8px !important;
  border-top: 1px solid var(--az-line) !important;
}
.message-userExtras .pairs {
  margin: 5px 0 !important;
  padding: 4px 8px !important;
  background: rgba(255,255,255,.055) !important;
  border-radius: 999px !important;
}

/* Profile posts use the simple author card, so render its roles below the avatar. */
.profilePost-roleStack {
  display: flex !important;
  flex-flow: column nowrap !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 12px 14px !important;
}
.profilePost-roleStack > .userBanner--staff { display: none !important; }
.profilePost-roleStack > .profilePost-userBanner.roleBadge,
.profilePost-roleStack > .profilePost-userBanner.arzRank {
  display: flex !important;
  width: 100% !important;
  min-height: 36px !important;
  padding: 7px 9px !important;
  border-radius: 14px 14px 10px 10px / 11px 11px 15px 15px !important;
  font-size: 9px !important;
}

.p-footer { color: var(--az-muted) !important; background: transparent !important; border: 0 !important; }
.p-footer a { color: rgba(255,255,255,.72) !important; }

@media (max-width: 1000px) {
  .p-pageWrapper { display: block !important; }
  .p-sideNav {
    display: block !important;
    width: 100% !important;
    height: 70px !important;
    min-height: 70px !important;
    padding: 10px 14px !important;
    background: rgba(18,18,18,.95) !important;
    border-bottom: 1px solid var(--az-line) !important;
  }
  .p-sideNav .p-navSticky, .p-sideNav .p-sectionLinks { display: none !important; }
  .p-sideNav .collapseTrigger#collapse-nav { display: none !important; }
  .p-body { width: 100% !important; margin: 0 !important; padding: 0 12px !important; }
  .p-navTop { top: 8px !important; }
  .p-navTop .p-nav-menuTrigger { display: inline-flex !important; margin-right: 10px !important; }
  .p-body-main { gap: 14px !important; }
  .p-body-sidebar { flex-basis: 250px !important; width: 250px !important; min-width: 250px !important; }
  .node-extra { width: 220px !important; }
}

@media (max-width: 760px) {
  .p-body { padding: 0 !important; }
  .p-body-inner { padding: 8px !important; }
  .p-body-header { margin: 8px 0 14px !important; }
  .p-body-main { display: block !important; margin: 0 !important; }
  .p-body-sidebar { position: static !important; width: 100% !important; min-width: 0 !important; margin-top: 14px !important; }
  .node-body { display: grid !important; grid-template-columns: 58px minmax(0,1fr) !important; }
  .node-icon { display: block !important; grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 58px !important; }
  .node-main { display: block !important; grid-column: 2 !important; padding: 10px 8px 4px !important; }
  .node-stats { display: none !important; }
  .node-extra {
    display: block !important;
    grid-column: 2 !important;
    width: auto !important;
    padding: 3px 8px 9px !important;
    background: transparent !important;
    border: 0 !important;
  }
  .memberHeader-mainContent { grid-template-columns: 96px minmax(0,1fr) !important; gap: 14px !important; min-height: 100px !important; }
  .memberHeader-avatar { width: 96px !important; }
  .memberHeader-avatar .avatar { width: 92px !important; height: 92px !important; }
  .memberHeader-banners .userBanner.roleBadge,
  .memberHeader-banners .userBanner.arzRank { flex-basis: 172px !important; width: 172px !important; min-height: 36px !important; }
  .memberHeader > .memberHeader-content { padding: 12px 15px 16px !important; }
  .message-cell.message-cell--user { width: 100% !important; flex-basis: auto !important; border-right: 0 !important; border-bottom: 1px solid var(--az-line) !important; }
  .message-roleStack { max-width: 360px !important; margin-left: auto !important; margin-right: auto !important; }
  .profilePost-roleStack { max-width: 360px !important; margin-left: auto !important; margin-right: auto !important; }
}

@media (max-width: 430px) {
  .p-navTop .p-header-logo img { width: 38px !important; height: 38px !important; }
  .p-navTop .p-navgroup-linkText { display: none !important; }
  .memberHeader-mainContent { display: block !important; }
  .memberHeader-avatar { margin: 0 auto 12px !important; }
  .memberHeader-content--info { display: block !important; text-align: center !important; }
  .memberHeader-banners { justify-content: center !important; margin-top: 9px !important; }
  .memberHeader-blurbContainer { margin-top: 10px !important; text-align: left !important; }
}

/* Global polish: one aligned content grid and a denser functional member directory. */
.p-navTop {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  align-self: stretch !important;
  margin: 0 20px !important;
  border: 1px solid rgba(255,255,255,.045) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.12) !important;
}
.p-navTop .p-navgroup-link,
.p-sideNav .p-navEl,
.button,
.blockLink {
  transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease !important;
}
.p-navTop .p-navgroup-link:hover,
.p-sideNav .p-navEl:hover {
  background: rgba(255,255,255,.085) !important;
}
.block-container,
.message,
.memberHeader {
  box-shadow: 0 16px 44px rgba(0,0,0,.11), inset 0 1px rgba(255,255,255,.018) !important;
}

html[data-template="member_notable"] .p-body-main--withSideNav {
  gap: 18px !important;
}
html[data-template="member_notable"] .p-body-sideNav {
  flex: 0 0 270px !important;
  width: 270px !important;
  min-width: 270px !important;
}
html[data-template="member_notable"] .p-body-sideNavInner {
  position: sticky !important;
  top: 82px !important;
  width: 270px !important;
  max-height: calc(100vh - 100px) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255,255,255,.22) transparent !important;
}
html[data-template="member_notable"] .p-body-sideNavContent .block {
  margin-bottom: 12px !important;
}
html[data-template="member_notable"] .p-body-sideNavContent .block-container {
  padding: 8px !important;
}
html[data-template="member_notable"] .p-body-sideNavContent .block-header,
html[data-template="member_notable"] .p-body-sideNavContent .block-minorHeader {
  padding: 10px 11px 8px !important;
  font-size: 14px !important;
}
html[data-template="member_notable"] .p-body-sideNavContent .blockLink {
  margin: 2px 0 !important;
  padding: 8px 10px !important;
  color: var(--az-muted) !important;
  background: transparent !important;
  border-radius: 9px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}
html[data-template="member_notable"] .p-body-sideNavContent .blockLink:hover,
html[data-template="member_notable"] .p-body-sideNavContent .blockLink.is-selected {
  color: var(--az-white) !important;
  background: rgba(255,255,255,.075) !important;
}
html[data-template="member_notable"] .memberList .contentRow,
html[data-template="member_notable"] .block-row .contentRow {
  padding: 10px !important;
  background: rgba(255,255,255,.022) !important;
  border: 1px solid var(--az-line) !important;
  border-radius: 12px !important;
}

/* Trophy cards are native XenForo trophies; this only gives them a medal presentation. */
html[data-template*="troph"] .block-row.block-row--separated,
html[data-template="help_page"] .block-row.block-row--separated {
  margin: 8px !important;
  padding: 12px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--az-line) !important;
  border-radius: 13px !important;
}
html[data-template*="troph"] .contentRow-figure--text,
html[data-template="help_page"] .contentRow-figure--text {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  margin-right: 14px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #f5b848 0%, #bd6b19 58%, #754017 100%) !important;
  border: 2px solid rgba(255,230,160,.72) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 2px rgba(255,255,255,.28), 0 7px 20px rgba(181,100,20,.22) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
html[data-template*="troph"] .contentRow-header,
html[data-template="help_page"] .contentRow-header {
  color: var(--az-white) !important;
  font-weight: 700 !important;
}
html[data-template*="troph"] .contentRow-minor,
html[data-template="help_page"] .contentRow-minor {
  color: var(--az-muted) !important;
}

/* A real light variation. Role banners deliberately keep their own colors. */
html[data-color-scheme="light"] {
  --az-bg: #edf0f5;
  --az-panel: #ffffff;
  --az-panel-soft: rgba(255,255,255,.88);
  --az-line: #dde2ea;
  --az-line-soft: rgba(25,36,52,.10);
  --az-text: #283141;
  --az-white: #151c28;
  --az-muted: #667186;
}
html[data-color-scheme="light"],
html[data-color-scheme="light"] body {
  color: var(--az-text) !important;
  background: var(--az-bg) !important;
}
html[data-color-scheme="light"] .p-pageWrapper {
  background:
    radial-gradient(760px 900px at 5% 58%, rgba(111,78,171,.13), transparent 72%),
    radial-gradient(720px 620px at 82% 9%, rgba(92,158,188,.09), transparent 74%),
    linear-gradient(125deg, #f3f4f8 0%, #eceff4 48%, #f7f8fa 100%) !important;
}
html[data-color-scheme="light"] .p-sideNav {
  color: var(--az-white) !important;
  background: transparent !important;
}
html[data-color-scheme="light"] .p-sideNav .p-nav,
html[data-color-scheme="light"] .p-sideNav .p-navEl-link {
  color: #354052 !important;
}
html[data-color-scheme="light"] .p-sideNav .p-navEl:hover {
  background: rgba(44,55,74,.065) !important;
}
html[data-color-scheme="light"] .p-sideNav .p-navEl.is-selected {
  background: rgba(44,55,74,.105) !important;
}
html[data-color-scheme="light"] .p-sideNav .collapseTrigger#collapse-nav {
  color: #343e4d !important;
  background: rgba(255,255,255,.94) !important;
  border-color: var(--az-line) !important;
  box-shadow: 0 8px 24px rgba(44,52,66,.12) !important;
}
html[data-color-scheme="light"] .p-navTop {
  color: var(--az-text) !important;
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(30,42,62,.07) !important;
  box-shadow: 0 14px 42px rgba(43,52,68,.09) !important;
}
html[data-color-scheme="light"] .p-navTop .p-navgroup {
  background: rgba(28,39,58,.055) !important;
}
html[data-color-scheme="light"] .p-navTop .p-navgroup-link {
  color: #3c4658 !important;
  border-left-color: rgba(29,39,56,.09) !important;
}
html[data-color-scheme="light"] .p-navTop .p-navgroup-link:hover {
  background: rgba(29,39,56,.075) !important;
}
html[data-color-scheme="light"] .p-body-header {
  color: var(--az-text) !important;
  background: rgba(255,255,255,.56) !important;
  border-color: var(--az-line) !important;
  box-shadow: 0 12px 34px rgba(46,55,71,.05) !important;
}
html[data-color-scheme="light"] .p-title-value,
html[data-color-scheme="light"] .block-header,
html[data-color-scheme="light"] .block-minorHeader,
html[data-color-scheme="light"] .contentRow-header,
html[data-color-scheme="light"] .node-title a,
html[data-color-scheme="light"] .message-name a {
  color: #1d2634 !important;
}
html[data-color-scheme="light"] .p-breadcrumbs {
  color: var(--az-muted) !important;
  background: rgba(255,255,255,.76) !important;
  border-color: var(--az-line) !important;
}
html[data-color-scheme="light"] .p-breadcrumbs a { color: #637087 !important; }
html[data-color-scheme="light"] .block-container,
html[data-color-scheme="light"] .p-body-sidebar .block-container,
html[data-color-scheme="light"] .message,
html[data-color-scheme="light"] .memberHeader,
html[data-color-scheme="light"] .menu-content,
html[data-color-scheme="light"] .overlay {
  color: var(--az-text) !important;
  background: rgba(255,255,255,.94) !important;
  border-color: var(--az-line) !important;
  box-shadow: 0 16px 44px rgba(52,61,78,.08), inset 0 1px #fff !important;
}
html[data-color-scheme="light"] .node-body,
html[data-color-scheme="light"] .node-extra {
  color: var(--az-text) !important;
  border-color: var(--az-line) !important;
}
html[data-color-scheme="light"] .node-extra {
  background: #f3f5f8 !important;
}
html[data-color-scheme="light"] .node-icon i {
  color: #536174 !important;
  background: #edf1f5 !important;
  border-color: #d8dee7 !important;
}
html[data-color-scheme="light"] .node-description,
html[data-color-scheme="light"] .node-subNodeMenu,
html[data-color-scheme="light"] .node-extra,
html[data-color-scheme="light"] .memberHeader-blurb,
html[data-color-scheme="light"] .message-userTitle,
html[data-color-scheme="light"] .contentRow-minor {
  color: var(--az-muted) !important;
}
html[data-color-scheme="light"] .button,
html[data-color-scheme="light"] a.button {
  color: #354052 !important;
  background: #f2f4f7 !important;
  border-color: #d7dde6 !important;
}
html[data-color-scheme="light"] .button.button--primary,
html[data-color-scheme="light"] a.button.button--primary,
html[data-color-scheme="light"] .button.button--cta,
html[data-color-scheme="light"] a.button.button--cta {
  color: #fff !important;
  background: #202936 !important;
  border-color: #202936 !important;
}
html[data-color-scheme="light"] .input,
html[data-color-scheme="light"] input.input,
html[data-color-scheme="light"] textarea.input,
html[data-color-scheme="light"] select.input,
html[data-color-scheme="light"] .formRow {
  color: #273142 !important;
  background: #f8f9fb !important;
  border-color: #d7dde6 !important;
}
html[data-color-scheme="light"] .memberProfileBanner,
html[data-color-scheme="light"] .memberHeader-main,
html[data-color-scheme="light"] .block-tabHeader {
  color: var(--az-text) !important;
  background: #fff !important;
  border-color: var(--az-line) !important;
}
html[data-color-scheme="light"] .memberHeader > .memberHeader-content,
html[data-color-scheme="light"] .message-cell.message-cell--user {
  color: var(--az-text) !important;
  background: #f8f9fb !important;
  border-color: var(--az-line) !important;
}
html[data-color-scheme="light"] .block-tabHeader .tabs-tab.is-active {
  color: #fff !important;
  background: #252e3b !important;
}
html[data-color-scheme="light"] .message-userExtras .pairs,
html[data-color-scheme="light"][data-template="member_notable"] .memberList .contentRow,
html[data-color-scheme="light"][data-template="member_notable"] .block-row .contentRow,
html[data-color-scheme="light"][data-template*="troph"] .block-row.block-row--separated,
html[data-color-scheme="light"][data-template="help_page"] .block-row.block-row--separated {
  background: #f3f5f8 !important;
  border-color: var(--az-line) !important;
}
html[data-color-scheme="light"] .p-footer,
html[data-color-scheme="light"] .p-footer a { color: #69758a !important; }

@media (max-width: 1000px) {
  html[data-color-scheme="light"] .p-sideNav { background: rgba(255,255,255,.94) !important; }
}

@media (max-width: 760px) {
  .p-navTop { margin: 0 8px !important; }
  html[data-template="member_notable"] .p-body-sideNav,
  html[data-template="member_notable"] .p-body-sideNavInner {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
  }
}

/* Phantom Forum — crisp 2026 visual layer */
:root {
  --pf-accent: #c9ff63;
  --pf-accent-2: #9ee342;
  --pf-bg: #09080d;
  --pf-surface: #121017;
  --pf-surface-2: #18151e;
  --pf-border: rgba(255,255,255,.085);
  --pf-muted: #8e8996;
}
html, body { background: var(--pf-bg) !important; }
.p-pageWrapper {
  background:
    radial-gradient(850px 540px at 82% -8%, rgba(125,83,190,.18), transparent 64%),
    radial-gradient(680px 500px at 8% 84%, rgba(201,255,99,.045), transparent 66%),
    var(--pf-bg) !important;
}
.p-sideNav { padding: 18px 14px !important; }
.p-sideNav .p-navSticky { width: 242px !important; }
.p-sideNav .p-navEl {
  min-height: 45px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
}
.p-sideNav .p-navEl:hover {
  background: rgba(255,255,255,.035) !important;
  border-color: var(--pf-border) !important;
}
.p-sideNav .p-navEl.is-selected {
  color: #efffd3 !important;
  background: rgba(201,255,99,.075) !important;
  border-color: rgba(201,255,99,.17) !important;
  box-shadow: inset 3px 0 var(--pf-accent) !important;
}
.p-sideNav .p-navEl.is-selected i,
.p-sideNav .p-navEl.is-selected .p-navEl-link:before { color: var(--pf-accent) !important; }
.p-navTop {
  top: 12px !important;
  min-height: 64px !important;
  background: rgba(18,16,23,.84) !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(24px) saturate(130%) !important;
}
.p-navTop .p-navgroup { background: rgba(255,255,255,.035) !important; border: 1px solid var(--pf-border) !important; }
.p-navTop .p-navgroup-link:hover { color: var(--pf-accent) !important; background: rgba(201,255,99,.06) !important; }
.p-body-header {
  margin: 22px 0 16px !important;
  padding: 0 4px !important;
}
.p-title-value { color: #fff !important; font-weight: 750 !important; letter-spacing: -.7px !important; }
.p-description { color: var(--pf-muted) !important; }
.block-container,
.node,
.structItem,
.message,
.memberHeader-main,
.menu-content {
  border-color: var(--pf-border) !important;
}
.block-container {
  overflow: hidden !important;
  background: rgba(18,16,23,.94) !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.20) !important;
}
.block-header,
.block-minorHeader {
  padding: 14px 17px !important;
  color: #f8f7fa !important;
  background: linear-gradient(90deg, rgba(201,255,99,.075), rgba(125,83,190,.055)) !important;
  border-bottom: 1px solid var(--pf-border) !important;
  font-weight: 750 !important;
}
.node { background: transparent !important; transition: background-color .18s, transform .18s !important; }
.node + .node { border-top: 1px solid var(--pf-border) !important; }
.node:hover { background: rgba(255,255,255,.025) !important; }
.node-icon {
  color: var(--pf-accent) !important;
  background: rgba(201,255,99,.07) !important;
  border: 1px solid rgba(201,255,99,.14) !important;
  border-radius: 12px !important;
}
.node-title a,
.structItem-title a { color: #f7f5fa !important; font-weight: 700 !important; }
.node-title a:hover,
.structItem-title a:hover { color: var(--pf-accent) !important; }
.node-description,
.node-extra,
.structItem-minor { color: var(--pf-muted) !important; }
.structItem { background: rgba(18,16,23,.9) !important; transition: background-color .16s !important; }
.structItem:hover { background: rgba(26,22,31,.96) !important; }
.structItem-cell { border-color: var(--pf-border) !important; }
.message {
  overflow: hidden !important;
  background: var(--pf-surface) !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 46px rgba(0,0,0,.18) !important;
}
.message-cell.message-cell--user { background: #0f0d13 !important; border-color: var(--pf-border) !important; }
.message-cell.message-cell--main { background: var(--pf-surface) !important; }
.message-attribution { color: var(--pf-muted) !important; border-bottom-color: var(--pf-border) !important; }
.message-body { color: #dedbe2 !important; font-size: 15px !important; line-height: 1.68 !important; }
.message-footer { border-top-color: var(--pf-border) !important; }
.button,
a.button {
  color: #11130d !important;
  background: var(--pf-accent) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 750 !important;
}
.button:hover,
a.button:hover { background: #d5ff83 !important; transform: translateY(-1px) !important; }
.button.button--link,
.button.button--plain { color: #d9d5df !important; background: rgba(255,255,255,.055) !important; border: 1px solid var(--pf-border) !important; }
.input,
.inputGroup-text,
select.input,
textarea.input {
  color: #f4f2f6 !important;
  background: #15121a !important;
  border-color: var(--pf-border) !important;
  border-radius: 10px !important;
}
.input:focus,
textarea.input:focus { border-color: rgba(201,255,99,.45) !important; box-shadow: 0 0 0 3px rgba(201,255,99,.08) !important; }
.tabs { border-color: var(--pf-border) !important; }
.tabs-tab.is-active { color: var(--pf-accent) !important; border-color: var(--pf-accent) !important; }
.badge--highlighted,
.label--accent { color: #111 !important; background: var(--pf-accent) !important; }
.p-footer { background: #0b0a0e !important; border-top: 1px solid var(--pf-border) !important; }
.p-footer a:hover { color: var(--pf-accent) !important; }
@media (max-width: 1000px) {
  .p-sideNav { background: rgba(12,10,15,.98) !important; }
  .p-body { padding: 0 14px !important; }
}
@media (max-width: 650px) {
  .p-body { padding: 0 8px !important; }
  .p-body-inner { padding-inline: 4px !important; }
  .p-navTop { margin-inline: 4px !important; border-radius: 13px !important; }
  .block-container, .message { border-radius: 12px !important; }
  .message-body { font-size: 14px !important; }
}

/* Global XenForo coverage: accounts, profiles, search, inbox and overlays */
html[data-color-scheme="light"],
html[data-color-scheme="dark"] {
  color-scheme: dark !important;
  --xf-paletteColor1: var(--pf-accent) !important;
  --xf-paletteColor2: var(--pf-accent-2) !important;
}
html[data-color-scheme="light"] body,
html[data-color-scheme="light"] .p-pageWrapper {
  color: #e8e5eb !important;
  background: var(--pf-bg) !important;
}
.p-breadcrumbs {
  min-height: 38px !important;
  padding: 8px 12px !important;
  color: var(--pf-muted) !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 11px !important;
}
.p-breadcrumbs a { color: #aaa5b0 !important; }
.p-breadcrumbs a:hover { color: var(--pf-accent) !important; }
.p-body-sidebar .block-container,
.p-body-sideNavContent .block-container { background: rgba(15,13,19,.95) !important; }
.block-row,
.block-body,
.block-footer {
  color: #d8d4dc !important;
  background: transparent !important;
  border-color: var(--pf-border) !important;
}
.block-row + .block-row { border-top-color: var(--pf-border) !important; }
.block-row:hover { background: rgba(255,255,255,.018) !important; }
.blockLink { color: #b5b0ba !important; border-radius: 9px !important; }
.blockLink:hover,
.blockLink.is-selected {
  color: #efffd4 !important;
  background: rgba(201,255,99,.075) !important;
}
.blockLink.is-selected:before { background: var(--pf-accent) !important; }
.formRow { border-color: var(--pf-border) !important; }
.formRow > dt { color: #bbb6c0 !important; }
.formRow-explain,
.formRow-hint,
.formRow-desc { color: var(--pf-muted) !important; }
.formSubmitRow-bar {
  background: rgba(18,16,23,.94) !important;
  border-color: var(--pf-border) !important;
  backdrop-filter: blur(18px) !important;
}
.inputGroup-text,
.select2 .select2-selection,
.select2-results,
.select2-search__field {
  color: #eeeaf1 !important;
  background: #15121a !important;
  border-color: var(--pf-border) !important;
}
.fr-box.fr-basic,
.fr-toolbar,
.fr-wrapper,
.fr-second-toolbar {
  color: #e9e6ec !important;
  background: #121017 !important;
  border-color: var(--pf-border) !important;
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn { color: #bdb8c2 !important; }
.fr-toolbar .fr-command.fr-btn:hover,
.fr-toolbar .fr-command.fr-btn.fr-active { color: var(--pf-accent) !important; background: rgba(201,255,99,.07) !important; }
.fr-element { color: #e1dde5 !important; background: #121017 !important; }
.fr-placeholder { color: #6f6975 !important; }
.menu-content,
.menu-row,
.menu-tabHeader,
.offCanvasMenu-content,
.offCanvasMenu-header,
.offCanvasMenu-linkHolder,
.offCanvasMenu-subList {
  color: #e2dfe6 !important;
  background: #121017 !important;
  border-color: var(--pf-border) !important;
}
.menu-content {
  overflow: hidden !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 25px 80px rgba(0,0,0,.56) !important;
}
.menu-linkRow,
.offCanvasMenu-link { color: #bdb8c2 !important; }
.menu-linkRow:hover,
.menu-linkRow.is-selected,
.offCanvasMenu-link:hover { color: var(--pf-accent) !important; background: rgba(201,255,99,.06) !important; }
.overlay-container .overlay,
.overlay-container .overlay-title,
.overlay-container .overlay-content {
  color: #e7e3ea !important;
  background: #121017 !important;
  border-color: var(--pf-border) !important;
}
.overlay-container .overlay {
  overflow: hidden !important;
  border-radius: 16px !important;
  box-shadow: 0 35px 110px rgba(0,0,0,.68) !important;
}
.memberHeader-main,
.memberHeader-content,
.memberHeader-blurb,
.memberHeader-stats,
.memberHeader-banners {
  color: #e4e0e7 !important;
  background-color: transparent !important;
  border-color: var(--pf-border) !important;
}
.memberHeader-main {
  background: radial-gradient(500px 180px at 90% 10%, rgba(125,83,190,.17), transparent 70%), #121017 !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 16px !important;
}
.memberHeader-name { color: #fff !important; letter-spacing: -.4px !important; }
.memberHeader-name a:hover { color: var(--pf-accent) !important; }
.memberTooltip,
.memberTooltip-header,
.memberTooltip-info { background: #121017 !important; border-color: var(--pf-border) !important; }
.contentRow-title a { color: #f1eef3 !important; }
.contentRow-title a:hover { color: var(--pf-accent) !important; }
.contentRow-minor,
.contentRow-lesser { color: var(--pf-muted) !important; }
.contentRow-figure img,
.avatar { box-shadow: 0 0 0 1px var(--pf-border), 0 8px 24px rgba(0,0,0,.28) !important; }
.message-userDetails .username { color: #fff !important; }
.message-userTitle { color: var(--pf-muted) !important; }
.message-userExtras .pairs {
  color: #aaa5b0 !important;
  background: rgba(255,255,255,.025) !important;
  border-color: var(--pf-border) !important;
}
.bbCodeBlock {
  color: #d8d4dc !important;
  background: #0e0c12 !important;
  border: 1px solid var(--pf-border) !important;
  border-left: 3px solid var(--pf-accent) !important;
  border-radius: 11px !important;
}
.bbCodeBlock-title { color: #aaa5b0 !important; background: rgba(255,255,255,.025) !important; border-color: var(--pf-border) !important; }
.bbCodeInline { color: #ddff9d !important; background: rgba(201,255,99,.07) !important; border-color: rgba(201,255,99,.15) !important; }
.attachment,
.file,
.resourceBody,
.pollResult {
  color: #dcd8e0 !important;
  background: #15121a !important;
  border-color: var(--pf-border) !important;
  border-radius: 11px !important;
}
.reactionSummary,
.reactionsBar { background: rgba(201,255,99,.045) !important; border-color: rgba(201,255,99,.12) !important; border-radius: 10px !important; }
.pageNav-page,
.pageNav-jump,
.pageNavSimple-el {
  color: #aaa5b0 !important;
  background: #15121a !important;
  border-color: var(--pf-border) !important;
  border-radius: 9px !important;
}
.pageNav-page:hover,
.pageNav-jump:hover,
.pageNav-page.pageNav-page--current {
  color: #111 !important;
  background: var(--pf-accent) !important;
  border-color: var(--pf-accent) !important;
}
.notice {
  color: #dad6df !important;
  background: linear-gradient(90deg, rgba(201,255,99,.07), rgba(125,83,190,.06)) !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 13px !important;
}
.alert.is-unread,
.contentRow.is-unread { background: rgba(201,255,99,.035) !important; }
.dataList-table,
.dataList-row,
.dataList-cell { color: #d8d4dc !important; background: transparent !important; border-color: var(--pf-border) !important; }
.dataList-row:hover { background: rgba(255,255,255,.022) !important; }
.tagItem,
.label { border-radius: 7px !important; }
.tagItem:hover { color: #111 !important; background: var(--pf-accent) !important; }
.tooltip-content { color: #f1eef3 !important; background: #1a1720 !important; border: 1px solid var(--pf-border) !important; border-radius: 8px !important; }
.p-staffBar { color: #d6d1da !important; background: #0e0c12 !important; border-color: var(--pf-border) !important; }
.p-staffBar-link:hover { color: var(--pf-accent) !important; }
@media (max-width: 760px) {
  .offCanvasMenu { background: rgba(0,0,0,.72) !important; }
  .offCanvasMenu-content { box-shadow: 20px 0 70px rgba(0,0,0,.55) !important; }
  .memberHeader-main { border-radius: 12px !important; }
  .formRow { padding: 14px 12px !important; }
  .p-breadcrumbs { margin-inline: 3px !important; overflow-x: auto !important; }
}

/* Phantom identity — final global palette and geometry */
:root {
  --az-bg: #08070b;
  --az-panel: #121016;
  --az-panel-soft: rgba(18,16,22,.86);
  --az-line: #2b2730;
  --az-line-soft: rgba(255,255,255,.075);
  --az-text: #e8e5eb;
  --az-white: #ffffff;
  --az-muted: #8d8793;
  --az-purple: #c9ff63;
}
html[data-color-scheme="light"] *,
html[data-color-scheme="dark"] * { scrollbar-color: #3d3942 #0c0a0e; }
html[data-color-scheme="light"] .p-pageWrapper,
html[data-color-scheme="dark"] .p-pageWrapper {
  background:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    radial-gradient(900px 520px at 83% -6%, rgba(201,255,99,.07), transparent 65%),
    radial-gradient(720px 520px at 12% 88%, rgba(117,83,174,.10), transparent 68%),
    #08070b !important;
  background-size: 38px 38px,38px 38px,auto,auto,auto !important;
}
.p-navTop .p-header-logo:after {
  content: "COMMUNITY";
  margin-left: 11px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.7px;
}
.p-navTop .p-header-logo:before {
  content: "";
  width: 4px;
  height: 4px;
  margin-left: 11px;
  border-radius: 50%;
  background: var(--pf-accent);
  box-shadow: 0 0 12px var(--pf-accent);
  order: 2;
}
.p-navTop .p-header-logo:after { order: 3; }
.p-navTop .p-header-logo a { order: 1; }
.p-sideNav .p-navEl-link { letter-spacing: -.1px !important; }
.p-sideNav .p-navEl-link:before { color: #77717d !important; }
.p-sideNav .p-navEl:hover .p-navEl-link:before { color: #c4bec9 !important; }
.p-body-header .p-title-pageAction .button,
.p-title-pageAction .button { min-height: 40px !important; padding-inline: 18px !important; }
.p-title-pageAction .button:before { color: #111 !important; }
a:not(.button):not(.p-navEl-link):not(.p-navgroup-link) { text-underline-offset: 3px; }
.block-header a,
.block-minorHeader a,
.message-attribution a,
.message-footer a { color: #bdb7c2 !important; }
.block-header a:hover,
.block-minorHeader a:hover,
.message-attribution a:hover,
.message-footer a:hover { color: var(--pf-accent) !important; }
.node-statsMeta,
.structItem-cell--meta,
.structItem-cell--latest { color: #77717d !important; }
.node-statsMeta dl,
.pairs.pairs--rows { background: rgba(255,255,255,.018) !important; border-radius: 8px !important; }
.structItem-status--sticky,
.structItem-status--locked,
.structItem-status--watched { color: var(--pf-accent) !important; }
.is-unread .structItem-title a,
.is-unread .node-title a { color: #fff !important; }
.is-unread .structItem-title a:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--pf-accent);
  box-shadow: 0 0 9px rgba(201,255,99,.7);
  vertical-align: middle;
}
.p-body-content > .block:first-child .block-container,
.p-body-main > .p-body-content > .block:first-child .block-container { box-shadow: 0 22px 65px rgba(0,0,0,.25) !important; }
.message--quickReply { border-style: dashed !important; border-color: rgba(201,255,99,.18) !important; }
.message--quickReply .message-cell--user { background: rgba(201,255,99,.035) !important; }
.actionBar-action { border-radius: 8px !important; }
.actionBar-action:hover { color: var(--pf-accent) !important; background: rgba(201,255,99,.055) !important; }
.p-body-pageContent .tabs--standalone {
  padding: 5px !important;
  background: #121016 !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 12px !important;
}
.tabs--standalone .tabs-tab { border-radius: 8px !important; }
.tabs--standalone .tabs-tab.is-active {
  color: #111 !important;
  background: var(--pf-accent) !important;
  border: 0 !important;
}
.p-footer-inner { padding-block: 28px !important; }
.p-footer-copyright { color: #615c66 !important; }
.p-footer-linkList a { color: #8e8894 !important; }
.p-footer-linkList a:hover { color: var(--pf-accent) !important; }
@media (max-width: 760px) {
  .p-navTop .p-header-logo:before,
  .p-navTop .p-header-logo:after { display: none !important; }
  .p-pageWrapper { background-size: 28px 28px,28px 28px,auto,auto,auto !important; }
}

/* Contrast fixes for template-local widgets */
.qaWidget .quick-access .button,
.qaWidget .quick-access .button .button-text,
.qaWidget .quick-access a.button,
.qaWidget .quick-access a.button:link,
.qaWidget .quick-access a.button:visited {
  color: #10130b !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}
.qaWidget .quick-access .button {
  background: var(--pf-accent) !important;
  border-color: var(--pf-accent) !important;
  box-shadow: 0 8px 22px rgba(201,255,99,.10) !important;
}
.qaWidget .quick-access .button:hover {
  color: #090b06 !important;
  background: #ddff9d !important;
  border-color: #ddff9d !important;
  box-shadow: 0 10px 28px rgba(201,255,99,.18) !important;
}
.qaWidget .quick-access .button:hover .button-text { color: #090b06 !important; }
.button.button--primary .button-text,
.button.button--cta .button-text,
.formSubmitRow .button--primary .button-text,
.p-title-pageAction .button .button-text {
  color: #10130b !important;
  text-shadow: none !important;
}
.button.button--link .button-text,
.button.button--plain .button-text,
.button.button--scroll .button-text { color: #e6e2e9 !important; }