:root {
  --elyon-bg: #070707;
  --elyon-surface: #0d0d11;
  --elyon-surface-2: #101015;
  --elyon-line: rgba(214,171,80,.14);
  --elyon-line-strong: rgba(214,171,80,.30);
  --elyon-text: #f2f2f2;
  --elyon-muted: #a8a6a0;
  --elyon-gold: #d6ab50;
  --elyon-gold-soft: #f0cc7a;
}

body.index-fixed-bg, .factions-page-body, .rules-page-body, .team-page-body, .wiki-page, .news-page, .announcement-page, .admin-page {
  background: linear-gradient(180deg, rgba(6,6,8,.94) 0%, rgba(7,7,8,.88) 24%, rgba(7,7,8,.98) 100%),
    radial-gradient(circle at top center, rgba(214,171,80,.08) 0%, transparent 34%),
    url("../img/hero-warzone.png") center top/cover no-repeat fixed,
    #070707;
  color: var(--elyon-text);
}

body.index-fixed-bg::before, .factions-page-body::before, .rules-page-body::before, .team-page-body::before, .wiki-page::before, .news-page::before, .announcement-page::before, .admin-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: 120px 120px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,0,0,.12));
  z-index: -1;
}

.brand strong, .hero-kicker-static, .section-eyebrow, .text-slide h1, .text-slide h2, .factions-hero h1, .rules-hero h1, .team-hero__copy h1, .wiki-side__brand h1, .news-hero__box h1, .announcement-hero h1, .admin-head h1 {
  font-family: Teko, Inter, sans-serif;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.hero-button, .announce-all-link, .announce-readmore, .factions-filter__chip, .team-refresh-btn, .rules-toc a, .wiki-link, .admin-tab, .admin-btn, .admin-route-link {
  border-radius: 0;
  box-shadow: none;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

.angular-panel, .feature-chip, .status-card, .about-project-card, .announce-feature, .announce-latest, .news-card, .faction-card, .rules-sidebar__card, .rules-group, .rule-item, .team-section-card, .team-member-card, .wiki-side, .wiki-main-card, .wiki-toc, .admin-card, .admin-subcard, .admin-outline__inner, .admin-tabs, .admin-route-nav {
  border-radius: 0;
  backdrop-filter: none;
  box-shadow: none;
  border: 1px solid var(--elyon-line);
  background: linear-gradient(180deg, rgba(13,13,16,.94), rgba(10,10,13,.98));
}

.section-copy, .slide-text, .factions-hero p, .rules-hero p, .team-hero__copy p, .wiki-side__brand p, .news-card p, .announcement-lead, .admin-lead, .admin-card__head p {
  color: var(--elyon-muted);
}

.hero-button--primary, .admin-tab.is-active, .admin-btn--primary, .announce-filter.is-active, .admin-route-link.is-active {
  background: linear-gradient(180deg, rgba(214,171,80,.96), rgba(171,126,40,.94));
  color: #090909;
  border-color: var(--elyon-line-strong);
}

.hero-button--ghost, .announce-filter, .announce-readmore, .announce-all-link, .factions-filter__chip, .rules-toc a, .wiki-link, .admin-tab, .admin-btn, .admin-route-link {
  background: #0d0d11;
  color: #fff;
  border-color: rgba(214,171,80,.10);
}

.section-eyebrow, .factions-group__head h2, .rules-group__head h2, .wiki-side__title, .wiki-toc__label, .admin-outline__subtitle {
  color: var(--elyon-gold);
}

.page-hero {
  padding: 12px 0 10px !important;
}

.page-hero > .shell.page-hero__inner {
  text-align: center !important;
  padding: 18px !important;
  border: 1px solid var(--elyon-line) !important;
  background: linear-gradient(180deg, rgba(13,13,16,.94), rgba(10,10,13,.98)) !important;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px)) !important;
}

.page-hero__eyebrow {
  margin-inline: auto !important;
}

.page-hero__title {
  margin: 14px 0 10px !important;
  font-family: Teko, Inter, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
  font-size: clamp(42px,5vw,74px) !important;
  line-height: .9 !important;
}

.page-hero__lead {
  margin: 0 auto !important;
  max-width: 760px !important;
  color: var(--elyon-muted) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

.page-hero__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 14px !important;
}

@media (max-width:740px) {
  .page-hero__title {
    font-size: clamp(36px,10vw,56px) !important;
  }
}

.page-shell, .page-main, .page-content, .angular-panel, .wiki-side, .wiki-toc, .rules-sidebar, .rules-search, .rules-content, .team-content, .team-grid, .admin-layout, .admin-sidebar, .admin-main {
  scrollbar-color: rgba(214,171,80,.58) rgba(10,10,14,.92);
}