/* Ironcrest tactical grayscale — steel/ice, no gold. Loaded last. */
:root {
  --accent: #c8cdd6;
  --accent-2: #f4f4f5;
  --accent-rgb: 200, 205, 214;
  --rcon-primary: #c8cdd6;
  --rcon-primary-fg: #0a0a0c;
  --font-sans: "Barlow", system-ui, sans-serif;
  --font-display: "Barlow Condensed", "Barlow", sans-serif;
}

html,
body {
  font-family: "Barlow", system-ui, sans-serif !important;
}
.brand-text,
.brand-text strong,
.brand-text span,
.nav-main a,
.nav-main .nav-dd-toggle,
.top .btn,
.nav-user,
.nav-logout,
.nav-coins-num,
.caps,
h1, h2, h3, h4 {
  font-family: "Barlow Condensed", "Barlow", sans-serif !important;
}

::selection {
  background: #e4e4e7;
  color: #09090b;
}

.atmosphere {
  background:
    radial-gradient(1200px 600px at 12% -10%, rgb(180 190 205 / 0.08), transparent 55%),
    radial-gradient(900px 500px at 90% 20%, rgb(255 255 255 / 0.04), transparent 50%),
    linear-gradient(180deg, #101014 0%, #0b0b0e 42%, #08080a 100%) !important;
}
.atmosphere-glow {
  background: radial-gradient(circle, rgb(180 190 205 / 0.12), transparent 70%) !important;
}

.accent,
.accent-text,
.brand-text span,
.nav-s1,
.nav-discord-count,
.nav-dd.nav-dd-active > .nav-dd-toggle,
.nav-dd > .nav-dd-toggle.nav-active {
  color: var(--accent) !important;
}

.btn-primary {
  border-color: #8fa3bb !important;
  background: #16181e !important;
  color: #dbe4ef !important;
}
.btn-primary:hover,
.btn-primary:focus-visible {
  border-color: #c5d3e4 !important;
  background: rgb(143 163 187 / 0.18) !important;
  color: #f4f7fb !important;
}

.nav a.nav-join,
.nav-join {
  background: #16181e !important;
  border: 1px solid #8fa3bb !important;
  color: #dbe4ef !important;
}
.nav-join:hover {
  background: rgb(143 163 187 / 0.18) !important;
  border-color: #c5d3e4 !important;
  color: #f4f7fb !important;
}

/* Support stays a text link — not a chip in the link row. */
.nav a.nav-report,
.nav-report {
  display: inline-flex !important;
  align-items: center !important;
  height: 32px !important;
  padding: 0 2px !important;
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}

.top-inner {
  display: flex !important;
  align-items: center !important;
  min-height: 56px !important;
  gap: 16px !important;
}
.top .brand {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto;
  height: 40px;
}
.brand-text {
  display: grid !important;
  grid-template-columns: auto auto;
  column-gap: 0.35em;
  align-content: center;
  line-height: 1.05 !important;
}
.brand-text strong {
  grid-column: 1 / -1;
}
.top .nav,
.top .nav-main,
.top .nav-end,
.top .nav-right {
  display: flex !important;
  align-items: center !important;
  min-height: 32px;
}
.top .nav-main a {
  display: inline-flex !important;
  align-items: center !important;
  height: 32px !important;
  padding: 0 2px !important;
  line-height: 1 !important;
}
.top .nav-end > *,
.top .nav-end .btn,
.top .nav-end .nav-user,
.top .nav-end #nav-admin,
.top .nav-end .nav-logout,
.top .nav-end .nav-notify-btn,
.top .nav-end .nav-coins-btn,
.top .nav-end .nav-search-box,
.top .nav-end .nav-discord {
  height: 32px !important;
  box-sizing: border-box !important;
}
.top .nav-end .btn,
.top .nav-end .nav-user,
.top .nav-end #nav-admin,
.top .nav-end .nav-logout,
.top .nav-end .nav-notify-btn,
.top .nav-end .nav-coins-btn,
.top .nav-end .nav-discord {
  display: inline-flex !important;
  align-items: center !important;
}
/* The rule above must not un-hide elements that carry the hidden attribute
   (Admin for non-staff, Logout when logged out, closed dropdowns). */
.top .nav-end [hidden],
.top .nav-end #nav-admin[hidden] {
  display: none !important;
}
/* inline-flex above replaces the base grid centring; centre the bell horizontally too. */
.top .nav-end .nav-notify-btn {
  justify-content: center !important;
}
.top .nav-end,
.top .nav-end > * {
  overflow: visible !important;
}
.lang-switch {
  display: none !important;
}

.nav-search-box:focus-within,
.nav-notify-btn:hover,
.nav-notify.is-open .nav-notify-btn,
#nav-discord.nav-discord:hover,
.nav-discord:hover,
.lang-dd-toggle:hover,
.lang-dd.is-open .lang-dd-toggle {
  border-color: #c8cdd6 !important;
}

.nav-notify,
.nav-notify-btn {
  overflow: visible !important;
}
.nav-notify-badge {
  background: #e5484d !important;
  color: #fff !important;
}
.nav-notify-item:hover { background: rgb(200 205 214 / 0.12) !important; }
.nav-notify-item.is-unread { background: rgb(200 205 214 / 0.08) !important; }

.nav-dd-menu a:hover,
.nav-dd-menu a:focus,
.nav-dd-menu a.nav-active {
  background: rgb(200 205 214 / 0.12) !important;
}
.nav-dd-menu a.nav-active { color: #e4e4e7 !important; }

.lang-dd-menu .lang-btn:hover,
.lang-dd-menu .lang-btn.active {
  background: rgb(200 205 214 / 0.12);
  color: #e4e4e7;
}

.lb-rank-icon {
  filter: brightness(0) invert(0.86) !important;
}
.lb-clan-logo--fallback { color: #c8cdd6 !important; }

.shop-goal-fill { background: #c8cdd6 !important; }
.shop-goal-now-mark { color: #e4e4e7 !important; }

.clan-cta-card {
  border-color: rgb(200 205 214 / 0.28) !important;
  background:
    linear-gradient(135deg, rgb(200 205 214 / 0.08), transparent 55%),
    #121218 !important;
}

.ic-news-go {
  background: #e4e4e7 !important;
  color: #111 !important;
}
.ic-forum-card:hover { border-color: rgb(200 205 214 / 0.4) !important; }
.ic-filter-row button.is-active,
.server-region-filters button.is-active,
.server-region-filters button[aria-selected="true"] {
  background: rgb(200 205 214 / 0.14) !important;
  border-color: #c8cdd6 !important;
  color: #e4e4e7 !important;
}

.shop-ad-kicker {
  color: inherit;
}
.shop-ad-cta.btn-primary {
  border-color: #8fa3bb !important;
  background: #1c2430 !important;
  color: #dbe4ef !important;
}
.shop-ad-title { color: #f4f4f5; }

.server-region-filters button.is-active {
  border-color: rgb(200 205 214 / 0.45) !important;
  background: rgb(200 205 214 / 0.1) !important;
}
.server-buy-prio {
  border-color: rgb(200 205 214 / 0.4) !important;
  background: rgb(200 205 214 / 0.12) !important;
  color: #e4e4e7 !important;
}
.server-buy-prio:hover,
.server-buy-prio:focus-visible {
  border-color: rgb(200 205 214 / 0.75) !important;
  background: rgb(200 205 214 / 0.2) !important;
}

.wd-adm-shell.is-ic {
  display: block;
  grid-template-columns: 1fr !important;
}

#rp-site-rail {
  display: none !important;
}
body.has-site-rail,
body:not(.is-console) {
  padding-left: 0 !important;
}
body:not(.is-console) .top .brand,
body:not(.is-console) .top .nav-main {
  display: flex !important;
}

/* Same column as cards — wd-brand 72rem + rail 100% was inset the header. */
.page-x,
.top > .page-x.top-inner,
.top .top-inner {
  max-width: 1320px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (min-width: 640px) {
  .page-x,
  .top > .page-x.top-inner,
  .top .top-inner {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media (min-width: 1024px) {
  body:not(.is-console) .top > .page-x.top-inner,
  body:not(.is-console) .top .top-inner {
    max-width: 1320px !important;
    width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

.player-kit-card {
  border-color: rgb(255 255 255 / 0.08) !important;
  background: #101014 !important;
  box-shadow: none !important;
}
.player-kit-row {
  border-color: rgb(255 255 255 / 0.08) !important;
  background: #0c0c10 !important;
}
.player-kit-img { filter: none !important; }
.player-kit-kills,
.player-kit-card h2 {
  color: #c8cdd6 !important;
}
.nav-user .nav-user-rank,
.nav-user.btn-primary .nav-user-rank {
  /* Rank SVGs use currentColor, which is black inside <img>. Tint to the theme's light steel, as .lb-rank-icon does. */
  filter: brightness(0) invert(0.86) !important;
}