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

.brand strong, .hero-kicker-static, .section-eyebrow, .text-slide h1, .text-slide h2, .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, .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, .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(14,14,14,.94), rgba(11,11,11,.98));
}

.section-copy, .slide-text, .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, .rules-toc a, .wiki-link, .admin-tab, .admin-btn, .admin-route-link {
  background: #0d0d0d;
  color: #fff;
  border-color: rgba(214,171,80,.10);
}

.section-eyebrow, .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(14,14,14,.94), rgba(11,11,11,.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(11,11,11,.92);
}