/* WYD Valon clean redesign v4
   One visual system for public site, login and control panel. */

html,
body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

/* Final guide polish: Tutoriais, Primeiros Passos and Sistemas. */
body.valon-site .mmorpg-guide-page {
  display: grid !important;
  gap: 24px !important;
  width: min(1220px, calc(100vw - 40px)) !important;
  padding: 46px 0 72px !important;
  color: var(--valon-text) !important;
}

body.valon-site .mmorpg-guide-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 28px !important;
  border: 1px solid var(--valon-line) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(226, 199, 130, .12), transparent 36%),
    linear-gradient(225deg, rgba(53, 195, 180, .10), transparent 42%),
    rgba(17, 24, 33, .92) !important;
}

body.valon-site .mmorpg-guide-intro > div {
  min-width: 0 !important;
}

body.valon-site .mmorpg-guide-intro h2,
body.valon-site .mmorpg-guide-heading h2,
body.valon-site .mmorpg-guide-panel h2 {
  margin: 8px 0 0 !important;
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: clamp(30px, 4.2vw, 52px) !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  overflow-wrap: break-word !important;
}

body.valon-site .mmorpg-guide-heading h2,
body.valon-site .mmorpg-guide-panel h2 {
  font-size: clamp(24px, 2.8vw, 36px) !important;
}

body.valon-site .mmorpg-guide-intro p,
body.valon-site .mmorpg-guide-heading p,
body.valon-site .mmorpg-guide-panel li,
body.valon-site .mmorpg-guide-card p,
body.valon-site .mmorpg-guide-steps article p,
body.valon-site .mmorpg-rune-list span {
  max-width: 760px !important;
  margin: 10px 0 0 !important;
  color: var(--valon-muted) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  text-align: left !important;
}

body.valon-site .mmorpg-guide-source {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 168px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(226, 199, 130, .35) !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: linear-gradient(180deg, #efd48a, var(--valon-gold)) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.valon-site .mmorpg-guide-block {
  display: grid !important;
  gap: 18px !important;
  margin: 0 !important;
}

body.valon-site .mmorpg-guide-heading {
  margin: 0 !important;
}

body.valon-site .mmorpg-guide-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

body.valon-site .mmorpg-guide-steps article,
body.valon-site .mmorpg-guide-panel,
body.valon-site .mmorpg-guide-card,
body.valon-site .mmorpg-rune-list div {
  border: 1px solid rgba(226, 199, 130, .14) !important;
  border-radius: 8px !important;
  color: var(--valon-text) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .014)),
    var(--valon-panel) !important;
  box-shadow: none !important;
}

body.valon-site .mmorpg-guide-steps article {
  min-height: 178px !important;
  padding: 18px !important;
}

body.valon-site .mmorpg-guide-steps article > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 14px !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
}

body.valon-site .mmorpg-guide-steps article strong,
body.valon-site .mmorpg-guide-card h3,
body.valon-site .mmorpg-rune-list strong {
  display: block !important;
  color: var(--valon-text) !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
}

body.valon-site .mmorpg-guide-split {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
}

body.valon-site .mmorpg-guide-panel {
  padding: 24px !important;
}

body.valon-site .mmorpg-guide-panel ul {
  display: grid !important;
  gap: 10px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.valon-site .mmorpg-guide-panel li {
  position: relative !important;
  margin: 0 !important;
  padding-left: 18px !important;
}

body.valon-site .mmorpg-guide-panel li::before {
  content: "" !important;
  position: absolute !important;
  top: .72em !important;
  left: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--valon-gold) !important;
}

body.valon-site .valon-beginner-page .valon-quest-public-list li {
  display: grid !important;
  gap: 2px !important;
  padding-left: 18px !important;
}

body.valon-site .valon-beginner-page .valon-quest-public-list li strong {
  color: var(--valon-text) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

body.valon-site .valon-beginner-page .valon-quest-public-list li small {
  margin: 0 !important;
  color: var(--valon-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body.valon-site .valon-beginner-page .valon-quest-public-list li > span {
  margin: 0 !important;
  color: var(--valon-gold) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

body.valon-site .mmorpg-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.valon-site .mmorpg-guide-card {
  min-height: 154px !important;
  padding: 20px !important;
}

body.valon-site .mmorpg-guide-card > span,
body.valon-site .mmorpg-section-kicker {
  display: inline-flex !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(226, 199, 130, .22) !important;
  border-radius: 6px !important;
  color: var(--valon-gold) !important;
  background: rgba(199, 86, 70, .16) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

body.valon-site .mmorpg-guide-card h3 {
  margin-top: 14px !important;
}

body.valon-site .mmorpg-rune-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.valon-site .mmorpg-rune-list div {
  padding: 16px !important;
}

body.valon-site .valon-info-board {
  display: grid !important;
  gap: 14px !important;
  margin-top: 28px !important;
}

body.valon-site .valon-schedule-grid-wide {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.valon-site .valon-info-pill i,
body.valon-site .valon-schedule-grid article i {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(226, 199, 130, .22) !important;
  border-radius: 8px !important;
  color: var(--valon-gold) !important;
  background: rgba(226, 199, 130, .10) !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.valon-site .valon-info-pill i::before,
body.valon-site .valon-schedule-grid article i::before {
  content: "" !important;
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  border: 2px solid rgba(21, 18, 8, .65) !important;
  border-radius: 4px !important;
  background: var(--valon-gold) !important;
  box-shadow: 0 0 0 4px rgba(226, 199, 130, .16) !important;
  transform: rotate(45deg) !important;
}

body.valon-site .valon-schedule-grid article {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding: 16px !important;
}

body.valon-site .valon-schedule-grid article > div {
  display: grid !important;
  gap: 4px !important;
  justify-items: start !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.valon-site .valon-schedule-grid time {
  justify-self: end !important;
  max-width: 100% !important;
  text-align: center !important;
  white-space: normal !important;
}

body.valon-site .valon-schedule-grid strong,
body.valon-site .valon-schedule-grid small {
  justify-self: start !important;
  text-align: left !important;
}

@media (max-width: 991.98px) {
  body.valon-site .mmorpg-guide-page {
    width: min(100% - 32px, 1220px) !important;
    padding: 34px 0 56px !important;
    gap: 20px !important;
  }

  body.valon-site .mmorpg-guide-intro,
  body.valon-site .mmorpg-guide-split,
  body.valon-site .valon-schedule-grid-wide {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .mmorpg-guide-steps,
  body.valon-site .mmorpg-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-site .mmorpg-inner-hero {
    min-height: 330px !important;
    padding: 112px 0 42px !important;
  }

  body.valon-site .mmorpg-inner-hero h1 {
    font-size: clamp(34px, 11vw, 46px) !important;
    line-height: 1.02 !important;
  }

  body.valon-site .mmorpg-inner-hero nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 14px !important;
    padding: 8px 0 !important;
    background: rgba(0, 0, 0, .22) !important;
  }

  body.valon-site .mmorpg-guide-page {
    width: min(100% - 28px, 1220px) !important;
    padding: 28px 0 48px !important;
  }

  body.valon-site .mmorpg-guide-intro {
    grid-template-columns: 1fr !important;
    padding: 20px !important;
  }

  body.valon-site .mmorpg-guide-intro h2 {
    font-size: clamp(30px, 10.2vw, 40px) !important;
  }

  body.valon-site .mmorpg-guide-heading h2,
  body.valon-site .mmorpg-guide-panel h2 {
    font-size: clamp(24px, 8vw, 32px) !important;
  }

  body.valon-site .mmorpg-guide-source {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.valon-site .mmorpg-guide-steps,
  body.valon-site .mmorpg-guide-grid,
  body.valon-site .mmorpg-rune-list {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .mmorpg-guide-steps article {
    min-height: 0 !important;
  }

  body.valon-site .valon-schedule-grid article {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }

  body.valon-site .valon-schedule-grid time {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 8px !important;
  }
}

/* Public catalog fed by DynamicCompositions.xml. */
body.valon-site .valon-compositions-catalog {
  overflow: hidden !important;
}

body.valon-site .valon-compositions-heading {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

body.valon-site .valon-compositions-heading p {
  margin: 0 !important;
  color: var(--valon-muted) !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

body.valon-site .valon-compositions-heading p i {
  margin-right: 6px !important;
  color: var(--valon-teal) !important;
}

body.valon-site .valon-compositions-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  margin-bottom: 22px !important;
}

body.valon-site .valon-compositions-intro .mmorpg-cms-summary {
  max-width: 720px !important;
  margin: 0 !important;
}

body.valon-site .valon-compositions-stats {
  display: grid !important;
  grid-template-columns: repeat(2, 112px) !important;
  border: 1px solid rgba(226, 199, 130, .16) !important;
  border-radius: 6px !important;
  background: rgba(0, 0, 0, .2) !important;
}

body.valon-site .valon-compositions-stats div {
  display: grid !important;
  justify-items: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
}

body.valon-site .valon-compositions-stats div + div {
  border-left: 1px solid rgba(226, 199, 130, .13) !important;
}

body.valon-site .valon-compositions-stats strong {
  color: var(--valon-gold) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 20px !important;
}

body.valon-site .valon-compositions-stats span,
body.valon-site .valon-compositions-result {
  color: var(--valon-muted) !important;
  font-size: 12px !important;
}

body.valon-site .valon-compositions-toolbar {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) 220px 92px !important;
  align-items: end !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid var(--valon-line) !important;
  border-radius: 6px !important;
  background: rgba(0, 0, 0, .22) !important;
}

body.valon-site .valon-compositions-search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.valon-site .valon-compositions-search input,
body.valon-site .valon-compositions-area select {
  width: 100% !important;
  height: 44px !important;
  border: 1px solid rgba(226, 199, 130, .2) !important;
  border-radius: 5px !important;
  color: var(--valon-text) !important;
  background: #080d10 !important;
  outline: none !important;
}

body.valon-site .valon-compositions-search input {
  padding: 0 42px 0 14px !important;
}

body.valon-site .valon-compositions-search input:focus,
body.valon-site .valon-compositions-area select:focus {
  border-color: var(--valon-teal) !important;
  box-shadow: 0 0 0 3px rgba(45, 170, 164, .12) !important;
}

body.valon-site .valon-compositions-search button {
  position: absolute !important;
  right: 5px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  color: var(--valon-muted) !important;
  background: transparent !important;
  cursor: pointer !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

body.valon-site .valon-compositions-search button.is-visible {
  display: inline-flex !important;
}

body.valon-site .valon-compositions-area {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.valon-site .valon-compositions-area span {
  color: var(--valon-gold) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.valon-site .valon-compositions-area select {
  padding: 0 12px !important;
}

body.valon-site .valon-compositions-refresh {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 92px !important;
  height: 44px !important;
  border: 1px solid rgba(226, 199, 130, .24) !important;
  border-radius: 5px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-site .valon-compositions-refresh:hover {
  color: #151208 !important;
  filter: brightness(1.08) !important;
}

body.valon-site .valon-compositions-result {
  margin: 10px 2px 14px !important;
}

body.valon-site .valon-compositions-result strong {
  color: var(--valon-text) !important;
}

body.valon-site .valon-composer-list {
  display: grid !important;
  gap: 12px !important;
}

body.valon-site .valon-composer {
  overflow: hidden !important;
  border: 1px solid rgba(226, 199, 130, .18) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .025) !important;
}

body.valon-site .valon-composer[hidden],
body.valon-site .valon-composition-recipe[hidden] {
  display: none !important;
}

body.valon-site .valon-composer > summary {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto 20px !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 72px !important;
  padding: 12px 16px !important;
  list-style: none !important;
  cursor: pointer !important;
  background: linear-gradient(90deg, rgba(226, 199, 130, .07), rgba(45, 170, 164, .025)) !important;
}

body.valon-site .valon-composer > summary::-webkit-details-marker {
  display: none !important;
}

body.valon-site .valon-composer > summary:hover {
  background: linear-gradient(90deg, rgba(226, 199, 130, .11), rgba(45, 170, 164, .045)) !important;
}

body.valon-site .valon-composer-emblem {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  border: 1px solid rgba(226, 199, 130, .24) !important;
  border-radius: 6px !important;
  color: var(--valon-gold) !important;
  background: rgba(0, 0, 0, .24) !important;
}

body.valon-site .valon-composer-emblem img {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
}

body.valon-site .valon-composer-emblem strong {
  color: var(--valon-gold) !important;
  font-family: Cinzel, Georgia, serif !important;
}

body.valon-site .valon-composer-title {
  display: grid !important;
  gap: 1px !important;
  min-width: 0 !important;
}

body.valon-site .valon-composer-title small,
body.valon-site .valon-composition-recipe-head small,
body.valon-site .valon-composition-side > header span {
  color: var(--valon-gold) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-site .valon-composer-title strong {
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 18px !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .valon-composer-title em {
  color: var(--valon-muted) !important;
  font-size: 12px !important;
  font-style: normal !important;
}

body.valon-site .valon-composer-count {
  padding: 6px 9px !important;
  border: 1px solid rgba(45, 170, 164, .22) !important;
  border-radius: 4px !important;
  color: var(--valon-teal) !important;
  background: rgba(45, 170, 164, .06) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

body.valon-site .valon-composer-chevron {
  width: 9px !important;
  height: 9px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  color: var(--valon-muted) !important;
  font-size: 0 !important;
  transform: rotate(45deg) !important;
  transition: transform .2s ease !important;
}

body.valon-site .valon-composer[open] .valon-composer-chevron {
  transform: rotate(225deg) !important;
}

body.valon-site .valon-composer-recipes {
  border-top: 1px solid rgba(226, 199, 130, .13) !important;
}

body.valon-site .valon-composition-recipe {
  padding: 18px !important;
}

body.valon-site .valon-composition-recipe + .valon-composition-recipe {
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
}

body.valon-site .valon-composition-recipe-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
}

body.valon-site .valon-composition-recipe-head h3 {
  margin: 2px 0 0 !important;
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 20px !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .valon-composition-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}

body.valon-site .valon-composition-badges span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 30px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(226, 199, 130, .15) !important;
  border-radius: 4px !important;
  color: var(--valon-text) !important;
  background: rgba(0, 0, 0, .2) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

body.valon-site .valon-composition-badges i {
  color: var(--valon-gold) !important;
}

body.valon-site .valon-composition-flow {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
}

body.valon-site .valon-composition-side {
  min-width: 0 !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-top: 3px solid var(--valon-gold) !important;
  border-radius: 5px !important;
  background: rgba(0, 0, 0, .18) !important;
}

body.valon-site .valon-composition-side.is-reward {
  border-top-color: var(--valon-teal) !important;
}

body.valon-site .valon-composition-side > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
}

body.valon-site .valon-composition-side > header small {
  color: var(--valon-muted) !important;
  font-size: 11px !important;
  text-align: right !important;
}

body.valon-site .valon-composition-items {
  display: grid !important;
}

body.valon-site .valon-composition-item {
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 66px !important;
  padding: 8px 10px !important;
}

body.valon-site .valon-composition-item + .valon-composition-item {
  border-top: 1px solid rgba(255, 255, 255, .06) !important;
}

body.valon-site .valon-composition-item-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50px !important;
  height: 50px !important;
  overflow: hidden !important;
  border: 1px solid rgba(226, 199, 130, .2) !important;
  border-radius: 5px !important;
  color: var(--valon-gold) !important;
  background: #070a0c !important;
}

body.valon-site .valon-composition-item-icon img {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
}

body.valon-site .valon-composition-item > span:last-child {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body.valon-site .valon-composition-item strong {
  color: var(--valon-text) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .valon-composition-item small {
  color: var(--valon-muted) !important;
  font-size: 11px !important;
}

body.valon-site .valon-composition-item small em {
  margin-left: 5px !important;
  color: var(--valon-teal) !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

body.valon-site .valon-composition-item .valon-composition-chance {
  color: var(--valon-teal) !important;
  font-weight: 800 !important;
}

body.valon-site .valon-composition-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--valon-teal) !important;
  font-size: 20px !important;
}

body.valon-site .valon-composition-failure {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
  color: #d9a6a1 !important;
  font-size: 12px !important;
}

body.valon-site .valon-composition-failure.keeps-items {
  color: #8fd0c6 !important;
}

body.valon-site .valon-compositions-empty {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 92px !important;
  padding: 18px !important;
  border: 1px dashed rgba(226, 199, 130, .24) !important;
  border-radius: 6px !important;
  background: rgba(0, 0, 0, .16) !important;
}

body.valon-site .valon-compositions-empty[hidden] {
  display: none !important;
}

body.valon-site .valon-compositions-empty > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  color: var(--valon-gold) !important;
}

body.valon-site .valon-compositions-empty > div {
  display: grid !important;
  gap: 3px !important;
}

body.valon-site .valon-compositions-empty strong {
  color: var(--valon-text) !important;
}

body.valon-site .valon-compositions-empty span {
  color: var(--valon-muted) !important;
  font-size: 13px !important;
}

@media (max-width: 991.98px) {
  body.valon-site .valon-compositions-intro {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .valon-compositions-stats {
    width: fit-content !important;
  }

  body.valon-site .valon-compositions-toolbar {
    grid-template-columns: minmax(0, 1fr) 190px 92px !important;
  }

  body.valon-site .valon-composition-flow {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .valon-composition-arrow {
    height: 24px !important;
    transform: rotate(90deg) !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-site .valon-compositions-heading,
  body.valon-site .valon-composition-recipe-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.valon-site .valon-compositions-heading p {
    white-space: normal !important;
  }

  body.valon-site .valon-compositions-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  body.valon-site .valon-compositions-toolbar {
    grid-template-columns: minmax(0, 1fr) 92px !important;
  }

  body.valon-site .valon-compositions-search {
    grid-column: 1 / -1 !important;
  }

  body.valon-site .valon-composer > summary {
    grid-template-columns: 42px minmax(0, 1fr) 18px !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  body.valon-site .valon-composer-emblem {
    width: 42px !important;
    height: 42px !important;
  }

  body.valon-site .valon-composer-count {
    grid-column: 2 !important;
    width: fit-content !important;
    white-space: normal !important;
  }

  body.valon-site .valon-composer-chevron {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
  }

  body.valon-site .valon-composition-recipe {
    padding: 14px 10px !important;
  }

  body.valon-site .valon-composition-badges {
    justify-content: flex-start !important;
  }

  body.valon-site .valon-composition-side > header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.valon-site .valon-composition-side > header small {
    text-align: left !important;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --valon-bg: #07090c;
  --valon-bg-2: #0b1116;
  --valon-panel: #111821;
  --valon-panel-2: #151e28;
  --valon-line: rgba(226, 199, 130, .16);
  --valon-line-strong: rgba(226, 199, 130, .28);
  --valon-text: #f4efe5;
  --valon-muted: #a8b2b6;
  --valon-gold: #e2c782;
  --valon-teal: #35c3b4;
  --valon-red: #c75646;
  --valon-blue: #7fb4ff;
  --valon-radius: 8px;
  --valon-sidebar: 288px;
  --valon-header: 68px;
}

body.valon-site,
body.valon-auth-body,
body.valon-panel-body {
  margin: 0 !important;
  color: var(--valon-text) !important;
  font-family: Inter, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  background: var(--valon-bg) !important;
}

a,
a:hover,
a:focus {
  text-decoration: none !important;
}

.nexus-wordmark,
.nexus-panel-wordmark,
.nexus-auth-wordmark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--valon-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.nexus-wordmark strong,
.nexus-panel-wordmark strong,
.nexus-auth-wordmark strong {
  color: var(--valon-text) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.nexus-wordmark em,
.nexus-panel-wordmark em,
.nexus-auth-wordmark em {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  color: #14120a !important;
  background: linear-gradient(135deg, var(--valon-gold), #f7e8a9) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Public site */

body.valon-site.mmorpg-site {
  padding-left: 0 !important;
  background:
    linear-gradient(90deg, rgba(53, 195, 180, .035) 0 1px, transparent 1px 104px),
    linear-gradient(180deg, #06080b 0%, #0b1217 46%, #07090c 100%) !important;
}

body.valon-site .container,
body.valon-site .valon-warroom-home .container,
body.valon-site .valon-hero-stage .container {
  width: min(1220px, calc(100vw - 40px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.valon-site .valon-public-nav.mmorpg-main-nav {
  position: sticky !important;
  inset: auto !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  min-height: 74px !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--valon-line) !important;
  background: rgba(6, 10, 13, .94) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px);
}

body.valon-site .valon-public-nav .mmorpg-nav-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 50px !important;
  background: transparent !important;
}

body.valon-site .valon-public-nav .navbar-collapse {
  flex-grow: 0 !important;
  width: auto !important;
}

body.valon-site .valon-public-nav .mmorpg-menu-toggle {
  position: absolute !important;
  top: 11px !important;
  right: 14px !important;
  z-index: 1200 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  margin-left: auto !important;
  border: 1px solid rgba(226, 199, 130, .28) !important;
  border-radius: 7px !important;
  color: var(--valon-gold) !important;
  background: rgba(226, 199, 130, .08) !important;
  font-size: 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.valon-site .valon-public-nav .mmorpg-menu-toggle i {
  color: var(--valon-gold) !important;
}

@media (min-width: 1200px) {
  body.valon-site .valon-public-nav .mmorpg-menu-toggle {
    display: none !important;
  }
}

body.valon-site .valon-public-nav .navbar-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  height: auto !important;
  margin: 0 !important;
}

body.valon-site .valon-public-nav .nav-item {
  width: auto !important;
}

body.valon-site .valon-public-nav .nav-link,
body.valon-site .valon-public-nav .mmorpg-player-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 40px !important;
  padding: 0 13px !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  color: rgba(244, 239, 229, .76) !important;
  background: transparent !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body.valon-site .valon-public-nav .nav-item.active > .nav-link,
body.valon-site .valon-public-nav .nav-link:hover,
body.valon-site .valon-public-nav .nav-link:focus {
  border-color: rgba(53, 195, 180, .26) !important;
  color: #ffffff !important;
  background: rgba(53, 195, 180, .11) !important;
}

body.valon-site .valon-public-nav .mmorpg-player-btn {
  margin-left: 8px !important;
  color: #151208 !important;
  background: linear-gradient(135deg, var(--valon-gold), #f7e8a9) !important;
  font-weight: 800 !important;
}

body.valon-site .valon-public-nav .mmorpg-player-btn i {
  display: none !important;
}

body.valon-site .valon-public-nav .dropdown-menu {
  margin-top: 10px !important;
  padding: 8px !important;
  border: 1px solid var(--valon-line-strong) !important;
  border-radius: var(--valon-radius) !important;
  background: #101821 !important;
  box-shadow: 0 22px 46px rgba(0, 0, 0, .38) !important;
}

body.valon-site .valon-public-nav .dropdown-item {
  min-height: 36px !important;
  border-radius: 5px !important;
  color: rgba(244, 239, 229, .78) !important;
  font-weight: 700 !important;
}

body.valon-site .valon-public-nav .dropdown-item:hover {
  color: #151208 !important;
  background: var(--valon-gold) !important;
}

body.valon-site .valon-public-nav #guideMenu + .dropdown-menu .dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

body.valon-site .valon-public-nav #guideMenu + .dropdown-menu .dropdown-item > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  margin: 0 !important;
  text-align: center !important;
}

body.valon-site .valon-hero-stage.rift-hero.mmorpg-hero-section {
  min-height: 720px !important;
  padding: 110px 0 70px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background-image:
    linear-gradient(90deg, rgba(6, 8, 11, .96) 0%, rgba(6, 10, 13, .78) 48%, rgba(41, 18, 16, .72) 100%),
    var(--wyd-hero-banner) !important;
  background-position: center, var(--wyd-hero-banner-position) !important;
  background-size: cover, cover !important;
}

body.valon-site .valon-hero-stage .rift-hero-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: center !important;
}

body.valon-site .valon-hero-stage .rift-hero-main {
  max-width: 880px !important;
  padding: 0 !important;
  border: 0 !important;
}

body.valon-site .valon-hero-stage .rift-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #151208 !important;
  background: linear-gradient(135deg, var(--valon-gold), #f7e8a9) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body.valon-site .valon-hero-stage .rift-hero-main h1 {
  margin: 18px 0 !important;
  color: #ffffff !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 86px !important;
  line-height: .86 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-site .valon-hero-stage .rift-hero-main h1 strong {
  display: block !important;
  color: var(--valon-gold) !important;
}

body.valon-site .valon-hero-stage .rift-hero-main h1::after {
  content: "" !important;
  display: block !important;
  width: 340px !important;
  height: 4px !important;
  margin-top: 20px !important;
  background: linear-gradient(90deg, var(--valon-gold), var(--valon-teal), transparent) !important;
}

body.valon-site .valon-hero-stage .rift-hero-main p {
  max-width: 660px !important;
  color: rgba(244, 239, 229, .78) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

body.valon-site .rift-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 28px !important;
}

body.valon-site .rift-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(244, 239, 229, .13) !important;
  border-radius: 6px !important;
  color: var(--valon-text) !important;
  background: rgba(255, 255, 255, .055) !important;
  font-weight: 800 !important;
}

body.valon-site .rift-btn-primary {
  border-color: transparent !important;
  color: #151208 !important;
  background: linear-gradient(135deg, var(--valon-gold), #f7e8a9) !important;
}

body.valon-site .rift-live-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: min(560px, 100%) !important;
  margin-top: 26px !important;
  border: 1px solid rgba(53, 195, 180, .22) !important;
  border-radius: var(--valon-radius) !important;
  background: rgba(11, 17, 22, .82) !important;
}

body.valon-site .rift-live-strip div {
  padding: 14px !important;
  border-right: 1px solid rgba(255, 255, 255, .08) !important;
}

body.valon-site .rift-live-strip div:last-child {
  border-right: 0 !important;
}

body.valon-site .valon-hero-ledger.rift-command-panel,
body.valon-site .valon-route-dock a,
body.valon-site .valon-panel,
body.valon-site .valon-system-grid article,
body.valon-site .mmorpg-public-card,
body.valon-site .mmorpg-guide-card,
body.valon-site .mmorpg-guide-panel,
body.valon-site .mmorpg-download-card,
body.valon-site .mmorpg-ranking-panel,
body.valon-site .mmorpg-package-card,
body.valon-site .mmorpg-pricing-notes {
  border: 1px solid var(--valon-line) !important;
  border-radius: var(--valon-radius) !important;
  color: var(--valon-text) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
    var(--valon-panel) !important;
  box-shadow: none !important;
}

body.valon-site .valon-hero-ledger.rift-command-panel {
  display: grid !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 20px !important;
  border-top: 4px solid var(--valon-teal) !important;
}

body.valon-site .valon-hero-ledger .rift-command-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

body.valon-site .valon-hero-ledger .rift-command-list a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 54px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-left: 3px solid var(--valon-gold) !important;
  border-radius: 6px !important;
  color: var(--valon-text) !important;
  background: rgba(255, 255, 255, .035) !important;
}

body.valon-site .valon-route-dock {
  margin: 0 !important;
  padding: 28px 0 !important;
  border-top: 1px solid var(--valon-line) !important;
  border-bottom: 1px solid var(--valon-line) !important;
  background: #080d10 !important;
}

body.valon-site .valon-route-dock .container {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.valon-site .valon-route-dock a {
  min-height: 82px !important;
  padding: 16px !important;
}

body.valon-site .valon-intel-board,
body.valon-site .valon-realm-systems,
body.valon-site .valon-ranking-sector,
body.valon-site .valon-community-strip {
  padding: 76px 0 !important;
}

body.valon-site .valon-intel-board .container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr) !important;
  grid-template-areas: "news status" "news calendar" !important;
  gap: 16px !important;
}

body.valon-site .valon-panel {
  padding: 22px !important;
}

body.valon-site .valon-panel-head span,
body.valon-site .valon-section-copy span,
body.valon-site .valon-community-strip span {
  flex: 0 0 auto !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.valon-site .valon-panel-head h2,
body.valon-site .valon-panel-head h3,
body.valon-site .valon-section-copy h2,
body.valon-site .valon-community-strip h2 {
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 38px !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

body.valon-site .valon-news-line,
body.valon-site .valon-calendar-list article,
body.valon-site .valon-ranking-list > div,
body.valon-site .valon-city-grid > div {
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .035) !important;
}

body.valon-site .valon-realm-systems {
  background:
    linear-gradient(135deg, rgba(53, 195, 180, .10), transparent 38%),
    linear-gradient(225deg, rgba(199, 86, 70, .10), transparent 42%),
    #080d10 !important;
}

body.valon-site .mmorpg-inner-hero {
  padding: 96px 0 54px !important;
  border-bottom: 1px solid var(--valon-line) !important;
  background-image:
    linear-gradient(90deg, rgba(6, 8, 11, .96), rgba(6, 8, 11, .72)),
    var(--wyd-inner-banner) !important;
}

body.valon-site .mmorpg-footer {
  border-top: 1px solid var(--valon-line) !important;
  background: #06080b !important;
}

body.valon-site .valon-route-dock a {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  overflow: hidden !important;
}

body.valon-site .valon-route-dock a > i {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(53, 195, 180, .25) !important;
  border-radius: 7px !important;
  color: var(--valon-gold) !important;
  background: rgba(53, 195, 180, .08) !important;
}

body.valon-site .valon-route-dock a > span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

body.valon-site .valon-route-dock a strong,
body.valon-site .valon-route-dock a small {
  display: block !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

body.valon-site .valon-route-dock a strong {
  color: var(--valon-text) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

body.valon-site .valon-route-dock a small {
  color: var(--valon-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.valon-site .valon-news-console {
  grid-area: news !important;
}

body.valon-site .valon-server-console {
  grid-area: status !important;
}

body.valon-site .valon-calendar-console {
  grid-area: calendar !important;
}

body.valon-site .valon-panel-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

body.valon-site .valon-panel-head h2,
body.valon-site .valon-panel-head h3 {
  width: 100% !important;
  margin: 6px 0 0 !important;
}

body.valon-site .valon-panel-head a {
  align-self: center !important;
  color: var(--valon-gold) !important;
  font-weight: 800 !important;
}

body.valon-site .valon-news-feed,
body.valon-site .valon-calendar-list,
body.valon-site .valon-ranking-list {
  display: grid !important;
  gap: 10px !important;
}

body.valon-site .valon-news-line {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 58px !important;
  padding: 10px 12px !important;
  color: var(--valon-text) !important;
}

body.valon-site .valon-news-line strong {
  min-width: 0 !important;
  color: var(--valon-text) !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .valon-news-line small {
  color: var(--valon-muted) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

body.valon-site .valon-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 86px !important;
  min-height: 28px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-site .valon-calendar-list article {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 62px !important;
  padding: 12px !important;
}

body.valon-site .valon-calendar-list article > i {
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
}

body.valon-site .valon-calendar-list article span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.valon-site .valon-calendar-list article strong {
  color: var(--valon-text) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

body.valon-site .valon-calendar-list article small {
  color: var(--valon-muted) !important;
  font-size: 12px !important;
}

body.valon-site .valon-calendar-list article time {
  color: var(--valon-gold) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.valon-site .valon-server-console dl {
  display: grid !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
}

body.valon-site .valon-server-console dl > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
}

body.valon-site .valon-server-console dt,
body.valon-site .valon-server-console dd {
  margin: 0 !important;
}

body.valon-site .valon-server-console dt {
  color: var(--valon-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.valon-site .valon-server-console dd {
  color: var(--valon-text) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body.valon-site .valon-action-button,
body.valon-site .valon-community-strip nav a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(226, 199, 130, .32) !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
  font-weight: 900 !important;
}

body.valon-site .valon-section-copy {
  max-width: 720px !important;
  margin: 0 0 24px !important;
}

body.valon-site .valon-section-copy h2 {
  margin: 8px 0 10px !important;
}

body.valon-site .valon-section-copy p {
  color: var(--valon-muted) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

body.valon-site .valon-system-grid,
body.valon-site .valon-ranking-grid,
body.valon-site .valon-city-grid {
  display: grid !important;
  gap: 14px !important;
}

body.valon-site .valon-system-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.valon-site .valon-system-grid article {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  min-height: 220px !important;
  padding: 20px !important;
}

body.valon-site .valon-system-grid article > i {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
}

body.valon-site .valon-system-grid article span {
  color: var(--valon-teal) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-site .valon-system-grid article h3 {
  margin: 0 !important;
  color: var(--valon-text) !important;
  font-size: 20px !important;
}

body.valon-site .valon-system-grid article p {
  margin: 0 !important;
  color: var(--valon-muted) !important;
  line-height: 1.55 !important;
}

body.valon-site .valon-ranking-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr) !important;
}

body.valon-site .valon-ranking-list > div {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
}

body.valon-site .valon-ranking-list > .valon-empty-state,
body.valon-site .valon-city-grid > .valon-empty-state {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 96px !important;
  padding: 18px !important;
  color: var(--valon-muted) !important;
  line-height: 1.45 !important;
}

body.valon-site .valon-ranking-list > div > strong {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
}

body.valon-site .valon-ranking-list span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.valon-site .valon-ranking-list b {
  color: var(--valon-text) !important;
}

body.valon-site .valon-ranking-list small,
body.valon-site .valon-ranking-list em {
  color: var(--valon-muted) !important;
  font-style: normal !important;
}

body.valon-site .valon-city-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.valon-site .valon-city-grid > div {
  min-height: 92px !important;
  padding: 14px !important;
}

body.valon-site .valon-city-grid span,
body.valon-site .valon-city-grid small {
  display: block !important;
}

body.valon-site .valon-city-grid span {
  color: var(--valon-text) !important;
  font-weight: 900 !important;
}

body.valon-site .valon-city-grid small {
  color: var(--valon-muted) !important;
  margin-top: 8px !important;
}

body.valon-site .valon-community-strip {
  border-top: 1px solid var(--valon-line) !important;
  background: linear-gradient(90deg, rgba(53, 195, 180, .10), rgba(199, 86, 70, .08)) !important;
}

body.valon-site .valon-community-strip .container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
}

body.valon-site .valon-community-strip p {
  margin: 0 !important;
  color: var(--valon-muted) !important;
}

body.valon-site .valon-community-strip nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* Login */

body.valon-auth-body {
  color: var(--valon-text) !important;
  background:
    linear-gradient(90deg, rgba(53, 195, 180, .035) 0 1px, transparent 1px 96px),
    linear-gradient(135deg, rgba(6, 8, 11, .94), rgba(10, 17, 22, .9)),
    url("../images/bg3444.jpg") center / cover fixed !important;
}

body.valon-auth-body .nexus-auth-layout {
  width: min(1080px, calc(100vw - 48px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 400px !important;
  gap: 18px !important;
}

body.valon-auth-body .nexus-auth-side,
body.valon-auth-body .nexus-auth-card {
  border: 1px solid var(--valon-line) !important;
  border-radius: 12px !important;
  color: var(--valon-text) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .02)),
    rgba(12, 18, 22, .92) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .42) !important;
}

body.valon-auth-body .nexus-auth-side {
  background:
    linear-gradient(90deg, rgba(6, 8, 11, .86), rgba(6, 8, 11, .42)),
    url("../images/315650.jpg") center / cover !important;
}

body.valon-auth-body .nexus-auth-side h1 {
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 64px !important;
  line-height: .95 !important;
}

body.valon-auth-body .nexus-field input {
  border: 1px solid var(--valon-line) !important;
  border-radius: 7px !important;
  color: var(--valon-text) !important;
  background: #070b0e !important;
}

body.valon-auth-body .nexus-auth-submit {
  border: 0 !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: linear-gradient(135deg, var(--valon-gold), #f7e8a9) !important;
  font-weight: 900 !important;
}

/* Panel */

html.has-tab-navigation,
html.has-tab-navigation body,
body.valon-panel-body {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
}

body.valon-panel-body {
  color: var(--valon-text) !important;
  background:
    linear-gradient(90deg, rgba(53, 195, 180, .024) 0 1px, transparent 1px 100px),
    linear-gradient(180deg, #06080a, #0b1115 56%, #06080a) !important;
}

body.valon-panel-body .wyd2-panel-shell {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.valon-panel-body .wyd2-panel-header.header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 1100 !important;
  display: grid !important;
  grid-template-columns: var(--valon-sidebar) minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  height: var(--valon-header) !important;
  min-height: var(--valon-header) !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--valon-line) !important;
  background: rgba(7, 13, 16, .98) !important;
  box-shadow: none !important;
}

body.valon-panel-body .wyd2-panel-header .logo-container {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: var(--valon-sidebar) !important;
  height: var(--valon-header) !important;
  min-height: var(--valon-header) !important;
  padding: 0 22px !important;
  border-right: 1px solid var(--valon-line) !important;
  background: #0b1519 !important;
}

body.valon-panel-body .wyd2-panel-header .header-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  height: var(--valon-header) !important;
  min-height: var(--valon-header) !important;
  padding: 0 26px !important;
  background: transparent !important;
}

body.valon-panel-body .inner-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: var(--valon-header) 0 0 var(--valon-sidebar) !important;
}

body.valon-panel-body .tab-navigation.collapse.wyd2-panel-nav,
body.valon-panel-body .wyd2-panel-nav {
  position: fixed !important;
  z-index: 1000 !important;
  top: var(--valon-header) !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  width: var(--valon-sidebar) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 18px 14px 28px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-right: 1px solid var(--valon-line) !important;
  background: linear-gradient(180deg, rgba(11, 21, 25, .98), rgba(6, 9, 11, .98)) !important;
  box-shadow: none !important;
}

body.valon-panel-body .wyd2-panel-nav nav {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.valon-panel-body .valon-sidebar-head {
  display: grid !important;
  gap: 2px !important;
  min-height: 70px !important;
  margin: 0 0 12px !important;
  padding: 14px 14px 14px 52px !important;
  border: 1px solid var(--valon-line) !important;
  border-radius: var(--valon-radius) !important;
  background:
    linear-gradient(135deg, rgba(53, 195, 180, .12), rgba(226, 199, 130, .09)),
    #111821 !important;
}

body.valon-panel-body .wyd2-panel-nav .nav {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

body.valon-panel-body .wyd2-panel-nav .nav-item {
  width: 100% !important;
  margin: 0 !important;
}

body.valon-panel-body .wyd2-panel-nav .nav-link {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255, 255, 255, .065) !important;
  border-radius: 7px !important;
  color: rgba(244, 239, 229, .78) !important;
  background: rgba(255, 255, 255, .035) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

body.valon-panel-body .wyd2-panel-nav .nav-link:hover,
body.valon-panel-body .wyd2-panel-nav .nav-link:focus,
body.valon-panel-body .wyd2-panel-nav .nav-link.active,
body.valon-panel-body .wyd2-panel-nav .nav-item.show > .nav-link {
  border-color: rgba(53, 195, 180, .32) !important;
  color: #ffffff !important;
  background:
    linear-gradient(90deg, rgba(53, 195, 180, .20), rgba(226, 199, 130, .10)),
    #111b21 !important;
  box-shadow: inset 3px 0 0 var(--valon-teal) !important;
}

body.valon-panel-body .wyd2-panel-nav .dropdown-menu {
  position: static !important;
  display: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 6px 0 0 !important;
  padding: 6px !important;
  border: 1px solid rgba(226, 199, 130, .11) !important;
  border-radius: 7px !important;
  background: rgba(4, 7, 9, .72) !important;
  box-shadow: none !important;
}

body.valon-panel-body .wyd2-panel-nav .dropdown.show > .dropdown-menu,
body.valon-panel-body .wyd2-panel-nav .dropdown-menu.show,
body.valon-panel-body .wyd2-panel-nav .nav-item.active > .dropdown-menu {
  display: grid !important;
  gap: 4px !important;
}

body.valon-panel-body .wyd2-panel-nav .dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 34px !important;
  padding: 8px 9px !important;
  border-radius: 5px !important;
  color: rgba(244, 239, 229, .68) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: normal !important;
}

body.valon-panel-body .wyd2-panel-nav .dropdown-item:hover,
body.valon-panel-body .wyd2-panel-nav .dropdown-item.active {
  color: #151208 !important;
  background: var(--valon-gold) !important;
}

body.valon-panel-body .content-body,
body.valon-panel-body .content-body.tab-menu-opened,
body.valon-panel-body .wyd2-panel-shell .content-body,
body.valon-panel-body .wyd2-panel-shell .content-body:not(.wyd2-dashboard-page):not(.wyd2-shop-page) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100vh - var(--valon-header)) !important;
  margin: 0 !important;
  padding: 30px 42px 80px !important;
  overflow: visible !important;
  background: transparent !important;
}

body.valon-panel-body .content-body > .row,
body.valon-panel-body .content-body > form > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

body.valon-panel-body .content-body.wyd2-dashboard-page > .row,
body.valon-panel-body .content-body.valon-admin-dashboard > .row {
  max-width: none !important;
}

body.valon-panel-body .content-body > .row > [class*="col-"],
body.valon-panel-body .content-body > form > .row > [class*="col-"] {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

body.valon-panel-body .content-body h4.title:empty {
  display: none !important;
}

body.valon-panel-body .content-body .card,
body.valon-panel-body .content-body .panel,
body.valon-panel-body .content-body .table-responsive,
body.valon-panel-body .wyd2-metric-card,
body.valon-panel-body .wyd2-admin-support,
body.valon-panel-body .wyd2-dashboard-full,
body.valon-panel-body .wyd2-finance-card,
body.valon-panel-body .wyd2-chart-card {
  border: 1px solid var(--valon-line) !important;
  border-radius: var(--valon-radius) !important;
  color: var(--valon-text) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
    var(--valon-panel) !important;
  box-shadow: none !important;
}

body.valon-panel-body .content-body .card {
  margin: 0 !important;
  overflow: hidden !important;
}

body.valon-panel-body .content-body .card-body {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.valon-panel-body .valon-page-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 136px !important;
  padding: 24px !important;
  border: 1px solid rgba(53, 195, 180, .22) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(135deg, rgba(53, 195, 180, .14), rgba(199, 86, 70, .08)),
    #101821 !important;
}

body.valon-panel-body .valon-page-hero h1 {
  margin: 4px 0 6px !important;
  color: var(--valon-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.valon-panel-body .wyd2-admin-metrics {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.valon-panel-body .wyd2-metric-card {
  min-height: 116px !important;
  padding: 18px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

body.valon-panel-body .wyd2-metric-icon {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 8px !important;
  color: #151208 !important;
  background: linear-gradient(135deg, var(--valon-gold), #f7e8a9) !important;
}

body.valon-panel-body .wyd2-metric-label,
body.valon-panel-body .card-title,
body.valon-panel-body .title {
  color: var(--valon-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body.valon-panel-body .wyd2-metric-value {
  color: var(--valon-text) !important;
  font-size: 24px !important;
}

body.valon-panel-body .content-body label {
  margin: 12px 0 6px !important;
  color: rgba(244, 239, 229, .76) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .content-body .form-control,
body.valon-panel-body .content-body select,
body.valon-panel-body .content-body textarea {
  width: 100% !important;
  min-height: 40px !important;
  border: 1px solid var(--valon-line) !important;
  border-radius: 7px !important;
  color: var(--valon-text) !important;
  background: #070b0e !important;
}

body.valon-panel-body .table {
  color: var(--valon-text) !important;
}

body.valon-panel-body .table thead th {
  border-color: var(--valon-line) !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
}

body.valon-panel-body .table td,
body.valon-panel-body .table th {
  border-color: rgba(255, 255, 255, .07) !important;
}

body.valon-panel-body .btn-success,
body.valon-panel-body .btn-primary,
body.valon-panel-body .btn-premium-solid {
  border: 0 !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: linear-gradient(135deg, var(--valon-gold), #f7e8a9) !important;
  font-weight: 900 !important;
}

body.valon-panel-body .btn-danger {
  border: 0 !important;
  border-radius: 7px !important;
  background: var(--valon-red) !important;
}

body.valon-panel-body .wyd2-panel-footer {
  margin-left: var(--valon-sidebar) !important;
  padding: 18px 28px !important;
  border-top: 1px solid var(--valon-line) !important;
  color: var(--valon-muted) !important;
  background: #06080b !important;
}

@media (max-width: 1399.98px) {
  body.valon-panel-body .wyd2-admin-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991.98px) {
  body.valon-site .valon-public-nav .mmorpg-menu-toggle {
    position: absolute !important;
    top: 11px !important;
    right: 14px !important;
    z-index: 1200 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: auto !important;
    border: 1px solid rgba(226, 199, 130, .28) !important;
    border-radius: 7px !important;
    color: var(--valon-gold) !important;
    background: rgba(226, 199, 130, .08) !important;
    font-size: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.valon-site .valon-public-nav .mmorpg-menu-toggle i {
    color: var(--valon-gold) !important;
  }

  body.valon-site .valon-public-nav .navbar-collapse {
    width: 100% !important;
    margin-top: 12px !important;
    padding: 10px !important;
    border: 1px solid var(--valon-line) !important;
    border-radius: var(--valon-radius) !important;
    background: rgba(11, 17, 22, .98) !important;
  }

  body.valon-site .valon-public-nav .navbar-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  body.valon-site .valon-public-nav .nav-link,
  body.valon-site .valon-public-nav .mmorpg-player-btn {
    justify-content: flex-start !important;
    width: 100% !important;
  }

  body.valon-site .valon-hero-stage .rift-hero-grid,
  body.valon-site .valon-intel-board .container,
  body.valon-site .valon-ranking-grid {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .valon-intel-board .container {
    grid-template-areas: "news" "status" "calendar" !important;
  }

  body.valon-site .valon-route-dock .container,
  body.valon-site .valon-system-grid,
  body.valon-site .valon-city-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-auth-body .nexus-auth-layout {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .wyd2-panel-header.header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    height: 62px !important;
    min-height: 62px !important;
  }

  body.valon-panel-body .wyd2-panel-header .logo-container {
    width: auto !important;
    height: 62px !important;
    min-height: 62px !important;
  }

  body.valon-panel-body .inner-wrapper {
    padding: 62px 0 0 !important;
  }

  body.valon-panel-body .tab-navigation.collapse.wyd2-panel-nav,
  body.valon-panel-body .wyd2-panel-nav {
    top: 62px !important;
    width: min(320px, calc(100vw - 24px)) !important;
    display: none !important;
  }

  body.valon-panel-body .tab-navigation.collapse.wyd2-panel-nav.show,
  body.valon-panel-body .wyd2-panel-nav.show {
    display: block !important;
  }

  body.valon-panel-body .content-body,
  body.valon-panel-body .content-body.tab-menu-opened,
  body.valon-panel-body .wyd2-panel-shell .content-body,
  body.valon-panel-body .wyd2-panel-shell .content-body:not(.wyd2-dashboard-page):not(.wyd2-shop-page) {
    min-height: calc(100vh - 62px) !important;
    padding: 18px 14px 56px !important;
  }

  body.valon-panel-body .wyd2-admin-metrics,
  body.valon-panel-body .wyd2-chart-grid {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .wyd2-panel-footer {
    margin-left: 0 !important;
  }
}

@media (max-width: 575.98px) {
  body.valon-site .valon-public-nav.mmorpg-main-nav {
    min-height: 66px !important;
    padding: 8px 0 !important;
  }

  body.valon-site .container,
  body.valon-site .valon-warroom-home .container,
  body.valon-site .valon-hero-stage .container {
    width: calc(100vw - 28px) !important;
  }

  body.valon-site .valon-hero-stage.rift-hero.mmorpg-hero-section {
    min-height: 0 !important;
    padding: 64px 0 36px !important;
  }

  body.valon-site .valon-hero-stage .rift-hero-grid {
    gap: 28px !important;
  }

  body.valon-site .valon-hero-stage .rift-hero-main,
  body.valon-site .valon-hero-stage .rift-hero-main p {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.valon-site .valon-hero-stage .rift-hero-main h1 {
    font-size: 56px !important;
  }

  body.valon-site .valon-hero-stage .rift-hero-main h1::after {
    width: min(280px, 100%) !important;
  }

  body.valon-site .valon-hero-stage .rift-hero-main p {
    font-size: 15px !important;
    overflow-wrap: break-word !important;
  }

  body.valon-site .rift-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  body.valon-site .rift-btn {
    width: 100% !important;
  }

  body.valon-site .valon-hero-ledger.rift-command-panel {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.valon-site .valon-route-dock .container,
  body.valon-site .valon-system-grid,
  body.valon-site .valon-city-grid,
  body.valon-site .valon-ranking-grid,
  body.valon-site .rift-live-strip {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .profile-info {
    display: none !important;
  }
}

/* WYD Valon home layout pass */

body.valon-site.valon-home {
  background:
    linear-gradient(90deg, rgba(226, 199, 130, .025) 0 1px, transparent 1px 96px),
    linear-gradient(180deg, #050607 0%, #091013 42%, #050607 100%) !important;
}

body.valon-site.valon-home .valon-public-nav.mmorpg-main-nav {
  min-height: 78px !important;
  border-bottom: 1px solid rgba(226, 199, 130, .18) !important;
  background:
    linear-gradient(180deg, rgba(7, 8, 9, .98), rgba(8, 13, 15, .94)) !important;
}

body.valon-site.valon-home .valon-public-nav .mmorpg-nav-inner,
body.valon-site.valon-home .valon-warroom-home .container,
body.valon-site.valon-home .valon-hero-stage .container {
  width: min(1180px, calc(100vw - 48px)) !important;
}

body.valon-site.valon-home .valon-public-nav .nav-link {
  min-height: 42px !important;
  padding: 0 12px !important;
}

body.valon-site.valon-home .valon-public-nav .mmorpg-player-btn {
  min-height: 46px !important;
  padding: 0 18px !important;
}

body.valon-site.valon-home .valon-hero-stage.rift-hero.mmorpg-hero-section {
  position: relative !important;
  isolation: isolate !important;
  min-height: 705px !important;
  padding: 118px 0 96px !important;
  border-bottom: 1px solid rgba(226, 199, 130, .18) !important;
  background-image:
    radial-gradient(circle at 76% 22%, rgba(226, 199, 130, .16), transparent 30%),
    linear-gradient(90deg, rgba(4, 5, 6, .98) 0%, rgba(4, 8, 10, .82) 43%, rgba(39, 14, 12, .68) 100%),
    var(--wyd-hero-banner) !important;
  background-position: center, center, var(--wyd-hero-banner-position) !important;
  background-size: auto, auto, cover !important;
}

body.valon-site.valon-home .valon-hero-stage.rift-hero.mmorpg-hero-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(53, 195, 180, .08) 0 1px, transparent 1px 118px),
    linear-gradient(0deg, rgba(226, 199, 130, .055) 0 1px, transparent 1px 118px) !important;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, .12)) !important;
}

body.valon-site.valon-home .valon-hero-stage.rift-hero.mmorpg-hero-section::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 170px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, transparent, rgba(5, 6, 7, .95)) !important;
}

body.valon-site.valon-home .valon-hero-stage .rift-hero-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: center !important;
}

body.valon-site.valon-home .valon-hero-stage .rift-hero-main {
  max-width: 900px !important;
}

body.valon-site.valon-home .valon-hero-stage .rift-tag {
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(226, 199, 130, .42) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .26) !important;
}

body.valon-site.valon-home .valon-hero-stage .rift-hero-main h1 {
  margin: 18px 0 20px !important;
  font-size: clamp(64px, 7vw, 108px) !important;
  line-height: .84 !important;
  text-shadow: 0 16px 38px rgba(0, 0, 0, .55) !important;
}

body.valon-site.valon-home .valon-hero-stage .rift-hero-main h1::after {
  width: min(420px, 100%) !important;
  height: 3px !important;
  margin-top: 24px !important;
}

body.valon-site.valon-home .valon-hero-stage .rift-hero-main p {
  max-width: 640px !important;
  margin: 0 !important;
  color: rgba(244, 239, 229, .86) !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
}

body.valon-site.valon-home .rift-actions {
  margin-top: 30px !important;
  gap: 12px !important;
}

body.valon-site.valon-home .rift-btn {
  min-width: 154px !important;
  min-height: 50px !important;
  border-radius: 7px !important;
  text-transform: uppercase !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .28) !important;
}

body.valon-site.valon-home .rift-live-strip {
  width: min(610px, 100%) !important;
  margin-top: 26px !important;
  border-color: rgba(53, 195, 180, .28) !important;
  background: rgba(3, 12, 11, .82) !important;
  backdrop-filter: blur(10px) !important;
}

body.valon-site.valon-home .rift-live-strip div {
  padding: 16px 18px !important;
}

body.valon-site.valon-home .rift-live-strip span,
body.valon-site.valon-home .valon-server-console dt {
  color: #9fc7c0 !important;
}

body.valon-site.valon-home .rift-live-strip strong {
  color: #fff7e2 !important;
  font-size: 21px !important;
}

body.valon-site.valon-home .valon-hero-ledger.rift-command-panel {
  align-self: center !important;
  padding: 22px !important;
  border-top: 4px solid var(--valon-gold) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
    rgba(14, 21, 27, .92) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .42) !important;
  backdrop-filter: blur(14px) !important;
}

body.valon-site.valon-home .valon-hero-ledger .rift-command-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(53, 195, 180, .22) !important;
}

body.valon-site.valon-home .valon-hero-ledger .rift-command-head span {
  color: rgba(244, 239, 229, .74) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-site.valon-home .valon-hero-ledger .rift-radar {
  position: relative !important;
  min-height: 150px !important;
  overflow: hidden !important;
  border: 1px solid rgba(226, 199, 130, .28) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(90deg, rgba(5, 7, 8, .72), rgba(5, 7, 8, .32)),
    url("../images/top-bg.jpg") center top / cover !important;
}

body.valon-site.valon-home .valon-hero-ledger .rift-radar span {
  position: absolute !important;
  inset: 22px !important;
  border: 1px solid rgba(226, 199, 130, .45) !important;
  border-radius: 7px !important;
}

body.valon-site.valon-home .valon-hero-ledger .rift-radar i {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 60px !important;
  height: 60px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 10px !important;
  color: #151208 !important;
  background: linear-gradient(135deg, var(--valon-gold), #f6e6a2) !important;
}

body.valon-site.valon-home .valon-hero-ledger .rift-command-list a {
  min-height: 58px !important;
  border-left-color: var(--valon-gold) !important;
}

body.valon-site.valon-home .valon-route-dock {
  position: relative !important;
  z-index: 3 !important;
  margin-top: -42px !important;
  padding: 0 0 34px !important;
  border: 0 !important;
  background: transparent !important;
}

body.valon-site.valon-home .valon-route-dock .container {
  gap: 14px !important;
}

body.valon-site.valon-home .valon-route-dock a {
  min-height: 92px !important;
  padding: 18px !important;
  border-color: rgba(226, 199, 130, .22) !important;
  background:
    linear-gradient(180deg, rgba(226, 199, 130, .07), rgba(255, 255, 255, .025)),
    rgba(14, 21, 27, .96) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .35) !important;
}

body.valon-site.valon-home .valon-route-dock a:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(226, 199, 130, .42) !important;
}

body.valon-site.valon-home .valon-route-dock a > i {
  color: #151208 !important;
  background: linear-gradient(135deg, var(--valon-gold), #f6e6a2) !important;
}

body.valon-site.valon-home .valon-intel-board,
body.valon-site.valon-home .valon-realm-systems,
body.valon-site.valon-home .valon-ranking-sector,
body.valon-site.valon-home .valon-community-strip {
  padding: 66px 0 !important;
}

body.valon-site.valon-home .valon-intel-board {
  border-top: 1px solid rgba(226, 199, 130, .10) !important;
  background: #070b0d !important;
}

body.valon-site.valon-home .valon-intel-board .container {
  align-items: start !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr) !important;
  grid-template-areas: "news status" "calendar calendar" !important;
  gap: 18px !important;
}

body.valon-site.valon-home .valon-panel {
  padding: 24px !important;
  border-color: rgba(226, 199, 130, .18) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
    #111922 !important;
}

body.valon-site.valon-home .valon-panel-head {
  margin-bottom: 20px !important;
}

body.valon-site.valon-home .valon-panel-head span,
body.valon-site.valon-home .valon-section-copy span,
body.valon-site.valon-home .valon-community-strip span,
body.valon-site.valon-home .valon-chip {
  background: linear-gradient(135deg, var(--valon-gold), #f3df98) !important;
}

body.valon-site.valon-home .valon-panel-head h2,
body.valon-site.valon-home .valon-panel-head h3,
body.valon-site.valon-home .valon-section-copy h2,
body.valon-site.valon-home .valon-community-strip h2 {
  text-shadow: 0 12px 28px rgba(0, 0, 0, .34) !important;
}

body.valon-site.valon-home .valon-news-line,
body.valon-site.valon-home .valon-calendar-list article,
body.valon-site.valon-home .valon-ranking-list > div,
body.valon-site.valon-home .valon-city-grid > div {
  background: rgba(255, 255, 255, .03) !important;
}

body.valon-site.valon-home .valon-server-console {
  min-height: 0 !important;
}

body.valon-site.valon-home .valon-server-console dl > div {
  min-height: 58px !important;
}

body.valon-site.valon-home .valon-realm-systems {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(5, 7, 8, .90), rgba(5, 7, 8, .78)),
    url("../images/top-bg.jpg") center top / cover !important;
}

body.valon-site.valon-home .valon-realm-systems::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(5, 6, 7, .86), transparent 28%, rgba(5, 6, 7, .88)) !important;
}

body.valon-site.valon-home .valon-realm-systems > .container {
  position: relative !important;
  z-index: 1 !important;
}

body.valon-site.valon-home .valon-system-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.valon-site.valon-home .valon-system-grid article {
  min-height: 230px !important;
  border-color: rgba(226, 199, 130, .18) !important;
  background:
    linear-gradient(180deg, rgba(226, 199, 130, .07), rgba(255, 255, 255, .018)),
    rgba(16, 24, 30, .88) !important;
  backdrop-filter: blur(8px) !important;
}

body.valon-site.valon-home .valon-ranking-sector {
  background: linear-gradient(180deg, #070b0d, #0b1116) !important;
}

body.valon-site.valon-home .valon-community-strip {
  background:
    linear-gradient(90deg, rgba(11, 17, 22, .96), rgba(42, 18, 15, .88)),
    url("../images/bg3444.jpg") center / cover !important;
}

body.valon-site .valon-schedule-page {
  background:
    linear-gradient(180deg, rgba(7, 9, 12, .98), rgba(9, 14, 18, .96)),
    #07090c !important;
}

body.valon-site .valon-schedule-intro,
body.valon-site .valon-schedule-board {
  padding: 56px 0 !important;
}

body.valon-site .valon-schedule-intro .container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .42fr) !important;
  gap: 20px !important;
  align-items: end !important;
}

body.valon-site .valon-schedule-status,
body.valon-site .valon-schedule-side,
body.valon-site .valon-schedule-card {
  border: 1px solid var(--valon-line) !important;
  border-radius: var(--valon-radius) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
    var(--valon-panel) !important;
}

body.valon-site .valon-schedule-status {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.valon-site .valon-schedule-status > div {
  display: grid !important;
  gap: 8px !important;
  min-height: 92px !important;
  padding: 18px !important;
  border-right: 1px solid rgba(255, 255, 255, .08) !important;
}

body.valon-site .valon-schedule-status > div:last-child {
  border-right: 0 !important;
}

body.valon-site .valon-schedule-status span,
body.valon-site .valon-schedule-side span {
  color: #9fded7 !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.valon-site .valon-schedule-status strong {
  color: var(--valon-text) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

body.valon-site .valon-schedule-board .container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 20px !important;
  align-items: start !important;
}

body.valon-site .valon-schedule-list {
  display: grid !important;
  gap: 12px !important;
}

body.valon-site .valon-schedule-card {
  display: grid !important;
  grid-template-columns: 48px 52px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 82px !important;
  padding: 16px !important;
}

body.valon-site .valon-schedule-card > i {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 7px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: var(--valon-gold) !important;
  overflow: hidden !important;
}

body.valon-site .valon-schedule-card > i::before {
  content: "" !important;
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  border: 2px solid rgba(9, 14, 14, .82) !important;
  border-radius: 3px !important;
  background: rgba(255, 255, 255, .16) !important;
  transform: rotate(45deg) !important;
}

body.valon-site .valon-schedule-card > i::after {
  content: "" !important;
  position: absolute !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: rgba(9, 14, 14, .82) !important;
}

body.valon-site .valon-schedule-card > span {
  color: rgba(226, 199, 130, .55) !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

body.valon-site .valon-schedule-card div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.valon-site .valon-schedule-card strong,
body.valon-site .valon-schedule-side h3 {
  color: var(--valon-text) !important;
}

body.valon-site .valon-schedule-card strong {
  font-size: 18px !important;
  line-height: 1.2 !important;
}

body.valon-site .valon-schedule-card small,
body.valon-site .valon-schedule-side p {
  color: var(--valon-muted) !important;
}

body.valon-site .valon-schedule-card time {
  color: var(--valon-gold) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.valon-site .valon-schedule-side {
  position: sticky !important;
  top: 94px !important;
  padding: 24px !important;
}

body.valon-site .valon-schedule-side h3 {
  margin: 10px 0 !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
}

body.valon-site .valon-schedule-side a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  margin-top: 10px !important;
  padding: 10px 14px !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
  font-weight: 900 !important;
}

@media (max-width: 991.98px) {
  body.valon-site .valon-schedule-intro .container,
  body.valon-site .valon-schedule-board .container {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .valon-schedule-side {
    position: static !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-site .valon-schedule-intro,
  body.valon-site .valon-schedule-board {
    padding: 38px 0 !important;
  }

  body.valon-site .valon-schedule-status,
  body.valon-site .valon-schedule-card {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .valon-schedule-status > div {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  }

  body.valon-site .valon-schedule-status > div:last-child {
    border-bottom: 0 !important;
  }

  body.valon-site .valon-schedule-card {
    gap: 10px !important;
  }

  body.valon-site .valon-schedule-card time {
    font-size: 18px !important;
  }
}

body.valon-site.valon-home i[class*="fa-"]::before {
  content: "" !important;
}

body.valon-site.valon-home .rift-tag i,
body.valon-site.valon-home .rift-btn i,
body.valon-site.valon-home .valon-action-button i,
body.valon-site.valon-home .valon-panel-head a i,
body.valon-site.valon-home .mmorpg-player-btn i {
  display: none !important;
}

body.valon-site.valon-home .valon-route-dock a > i,
body.valon-site.valon-home .valon-system-grid article > i,
body.valon-site.valon-home .valon-calendar-list article > i,
body.valon-site.valon-home .valon-hero-ledger .rift-command-list a > i {
  position: relative !important;
  overflow: hidden !important;
}

body.valon-site.valon-home .valon-route-dock a > i::before,
body.valon-site.valon-home .valon-system-grid article > i::before,
body.valon-site.valon-home .valon-calendar-list article > i::before,
body.valon-site.valon-home .valon-hero-ledger .rift-command-list a > i::before {
  content: "" !important;
  display: block !important;
  width: 13px !important;
  height: 13px !important;
  border: 2px solid rgba(9, 14, 14, .82) !important;
  border-radius: 2px !important;
  transform: rotate(45deg) !important;
  background: rgba(255, 255, 255, .18) !important;
}

body.valon-site.valon-home .valon-route-dock a > i::after,
body.valon-site.valon-home .valon-system-grid article > i::after,
body.valon-site.valon-home .valon-calendar-list article > i::after,
body.valon-site.valon-home .valon-hero-ledger .rift-command-list a > i::after {
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  border: 1px solid rgba(9, 14, 14, .42) !important;
  border-radius: 999px !important;
}

body.valon-site.valon-home .valon-hero-ledger .rift-radar i::before {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid rgba(9, 14, 14, .82) !important;
  border-radius: 4px !important;
  transform: rotate(45deg) !important;
}

@media (max-width: 1199.98px) {
  body.valon-site.valon-home,
  body.valon-site.valon-home .valon-public-nav,
  body.valon-site.valon-home .valon-hero-stage,
  body.valon-site.valon-home .valon-warroom-home {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.valon-site.valon-home .valon-public-nav .mmorpg-menu-toggle {
    position: fixed !important;
    top: 12px !important;
    left: auto !important;
    right: 12px !important;
    z-index: 3000 !important;
    display: inline-flex !important;
    border: 0 !important;
    color: #151208 !important;
    background: linear-gradient(135deg, var(--valon-gold), #f6e6a2) !important;
  }

  body.valon-site.valon-home .valon-public-nav .mmorpg-menu-toggle i {
    display: none !important;
  }

  body.valon-site.valon-home .valon-public-nav .mmorpg-menu-toggle::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #151208 !important;
    box-shadow: 0 -6px 0 #151208, 0 6px 0 #151208 !important;
  }

  body.valon-site.valon-home .valon-public-nav .navbar-collapse:not(.show) {
    display: none !important;
  }

  body.valon-site.valon-home .valon-public-nav .navbar-collapse.show {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    display: block !important;
  }

  body.valon-site.valon-home .valon-public-nav .navbar-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    width: 100% !important;
  }

  body.valon-site.valon-home .valon-public-nav .nav-link,
  body.valon-site.valon-home .valon-public-nav .mmorpg-player-btn {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body.valon-site.valon-home .valon-hero-stage .rift-hero-grid,
  body.valon-site.valon-home .valon-intel-board .container,
  body.valon-site.valon-home .valon-ranking-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas: none !important;
  }

  body.valon-site.valon-home .valon-news-console,
  body.valon-site.valon-home .valon-server-console,
  body.valon-site.valon-home .valon-calendar-console {
    grid-area: auto !important;
  }

  body.valon-site.valon-home .valon-system-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-site.valon-home .valon-public-nav.mmorpg-main-nav {
    width: 100vw !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.valon-site.valon-home .valon-public-nav .mmorpg-nav-inner,
  body.valon-site.valon-home .valon-warroom-home .container,
  body.valon-site.valon-home .valon-hero-stage .container {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
  }

  body.valon-site.valon-home .valon-hero-stage.rift-hero.mmorpg-hero-section {
    padding: 78px 0 78px !important;
  }

  body.valon-site.valon-home .valon-hero-stage .rift-hero-grid,
  body.valon-site.valon-home .valon-hero-stage .rift-hero-main,
  body.valon-site.valon-home .valon-hero-stage .rift-hero-main p,
  body.valon-site.valon-home .rift-actions,
  body.valon-site.valon-home .rift-live-strip,
  body.valon-site.valon-home .valon-hero-ledger.rift-command-panel,
  body.valon-site.valon-home .valon-route-dock a,
  body.valon-site.valon-home .valon-panel {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.valon-site.valon-home .valon-hero-stage .rift-hero-main h1 {
    font-size: clamp(54px, 18vw, 72px) !important;
  }

  body.valon-site.valon-home .valon-hero-stage .rift-hero-main p {
    font-size: 16px !important;
    width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.valon-site.valon-home .valon-route-dock {
    margin-top: -28px !important;
  }

  body.valon-site.valon-home .valon-route-dock .container,
  body.valon-site.valon-home .valon-system-grid,
  body.valon-site.valon-home .valon-city-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Final home responsive guard: keeps the initial layout aligned on narrow screens. */
@media (max-width: 767.98px) {
  html,
  body,
  body.valon-site.valon-home,
  body.valon-site.valon-home .valon-public-nav,
  body.valon-site.valon-home .valon-hero-stage,
  body.valon-site.valon-home .valon-warroom-home,
  body.valon-site.valon-home .valon-route-dock,
  body.valon-site.valon-home .valon-intel-board,
  body.valon-site.valon-home .valon-realm-systems,
  body.valon-site.valon-home .valon-ranking-sector,
  body.valon-site.valon-home .valon-community-strip {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  body.valon-site.valon-home .container,
  body.valon-site.valon-home .valon-public-nav .mmorpg-nav-inner,
  body.valon-site.valon-home .valon-warroom-home .container,
  body.valon-site.valon-home .valon-hero-stage .container {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.valon-site.valon-home .valon-hero-stage .rift-hero-grid,
  body.valon-site.valon-home .valon-intel-board .container,
  body.valon-site.valon-home .valon-ranking-grid,
  body.valon-site.valon-home .valon-route-dock .container,
  body.valon-site.valon-home .valon-system-grid,
  body.valon-site.valon-home .valon-city-grid,
  body.valon-site.valon-home .rift-live-strip,
  body.valon-site.valon-home .rift-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.valon-site.valon-home .rift-actions {
    gap: 10px !important;
  }

  body.valon-site.valon-home .rift-btn,
  body.valon-site.valon-home .valon-action-button {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  body.valon-site.valon-home .rift-hero-main,
  body.valon-site.valon-home .rift-hero-main p,
  body.valon-site.valon-home .valon-hero-ledger,
  body.valon-site.valon-home .valon-panel,
  body.valon-site.valon-home .valon-route-dock a,
  body.valon-site.valon-home .valon-system-grid article,
  body.valon-site.valon-home .valon-calendar-list article,
  body.valon-site.valon-home .valon-ranking-list > div,
  body.valon-site.valon-home .valon-city-grid > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.valon-site.valon-home .rift-hero-main p,
  body.valon-site.valon-home .valon-panel,
  body.valon-site.valon-home .valon-panel *,
  body.valon-site.valon-home .valon-route-dock *,
  body.valon-site.valon-home .valon-system-grid *,
  body.valon-site.valon-home .valon-community-strip * {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.valon-site.valon-home .valon-public-nav.mmorpg-main-nav {
    left: 0 !important;
    right: 14px !important;
    padding: 10px 0 !important;
  }

  body.valon-site.valon-home .valon-public-nav .mmorpg-nav-inner {
    min-height: 48px !important;
  }

  body.valon-site.valon-home .valon-public-nav .mmorpg-menu-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    left: auto !important;
    z-index: 99999 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(-50%) !important;
  }

  body.valon-site.valon-home .valon-public-nav .navbar-collapse.show {
    left: 14px !important;
    right: 14px !important;
    max-width: calc(100% - 28px) !important;
  }

  body.valon-site.valon-home .valon-hero-stage.rift-hero.mmorpg-hero-section {
    min-height: auto !important;
    padding: 92px 0 48px !important;
    background-position: center top !important;
  }

  body.valon-site.valon-home .valon-hero-stage .rift-hero-main h1 {
    max-width: 100% !important;
    font-size: clamp(48px, 17vw, 68px) !important;
    line-height: .9 !important;
  }

  body.valon-site.valon-home .valon-hero-stage .rift-hero-main h1::after {
    width: 100% !important;
  }

  body.valon-site.valon-home .valon-hero-stage .rift-hero-main p {
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  body.valon-site.valon-home .valon-hero-ledger .rift-command-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    align-items: flex-start !important;
  }

  body.valon-site.valon-home .valon-hero-ledger .rift-command-head strong {
    justify-self: flex-start !important;
  }

  body.valon-site.valon-home .valon-hero-ledger.rift-command-panel {
    padding: 16px !important;
  }

  body.valon-site.valon-home .valon-hero-ledger .rift-radar {
    min-height: 140px !important;
  }

  body.valon-site.valon-home .valon-route-dock {
    margin-top: 0 !important;
    padding: 20px 0 0 !important;
  }

  body.valon-site.valon-home .valon-intel-board,
  body.valon-site.valon-home .valon-realm-systems,
  body.valon-site.valon-home .valon-ranking-sector,
  body.valon-site.valon-home .valon-community-strip {
    padding: 44px 0 !important;
  }

  body.valon-site.valon-home .valon-panel-head {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  body.valon-site.valon-home .valon-panel-head h2,
  body.valon-site.valon-home .valon-panel-head h3,
  body.valon-site.valon-home .valon-section-copy h2,
  body.valon-site.valon-home .valon-community-strip h2 {
    font-size: clamp(28px, 10vw, 40px) !important;
    line-height: 1.02 !important;
  }

  body.valon-site.valon-home .valon-news-line,
  body.valon-site.valon-home .valon-calendar-list article,
  body.valon-site.valon-home .valon-ranking-list > div {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.valon-site.valon-home .valon-community-strip .container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.valon-site.valon-home .valon-community-strip nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.valon-site.valon-home .valon-hero-stage .rift-hero-grid,
  body.valon-site.valon-home .valon-route-dock .container,
  body.valon-site.valon-home .valon-intel-board .container,
  body.valon-site.valon-home .valon-realm-systems > .container,
  body.valon-site.valon-home .valon-ranking-sector > .container,
  body.valon-site.valon-home .valon-community-strip > .container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Public inner pages: replaces legacy white cards, fixed tables and manual spacing. */
body.valon-site .valon-info-page,
body.valon-site .valon-guide-page,
body.valon-site .valon-events-page,
body.valon-site .valon-news-list-page,
body.valon-site .valon-notice-page {
  padding: 44px 0 72px !important;
}

body.valon-site .valon-info-grid,
body.valon-site .valon-evolution-grid,
body.valon-site .valon-recipe-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.valon-site .valon-info-pill,
body.valon-site .valon-evolution-grid article,
body.valon-site .valon-recipe-grid article,
body.valon-site .valon-schedule-grid article,
body.valon-site .valon-command-list div,
body.valon-site .valon-event-empty,
body.valon-site .valon-news-row {
  border: 1px solid rgba(226, 199, 130, .14) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .035) !important;
}

body.valon-site .valon-info-pill {
  display: grid !important;
  min-height: 126px !important;
  padding: 18px !important;
  gap: 8px !important;
}

body.valon-site .valon-info-pill i,
body.valon-site .valon-event-empty i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: linear-gradient(180deg, #efd48a, var(--valon-gold)) !important;
}

body.valon-site .valon-info-pill span,
body.valon-site .valon-block-title span,
body.valon-site .valon-recipe-grid small,
body.valon-site .valon-evolution-grid span,
body.valon-site .valon-news-row small {
  color: var(--valon-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

body.valon-site .valon-info-pill strong,
body.valon-site .valon-recipe-grid strong,
body.valon-site .valon-evolution-grid h3,
body.valon-site .valon-schedule-grid strong,
body.valon-site .valon-event-empty strong,
body.valon-site .valon-news-row strong {
  color: var(--valon-text) !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .valon-public-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr) !important;
  gap: 18px !important;
  margin-top: 28px !important;
}

body.valon-site .valon-block-title {
  margin-bottom: 14px !important;
}

body.valon-site .valon-block-title h3 {
  margin: 4px 0 0 !important;
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
}

body.valon-site .valon-schedule-grid,
body.valon-site .valon-command-list,
body.valon-site .valon-news-rows,
body.valon-site .mmorpg-guide-quest-list {
  display: grid !important;
  gap: 10px !important;
}

body.valon-site .valon-schedule-grid article,
body.valon-site .valon-news-row {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 64px !important;
  padding: 12px !important;
}

body.valon-site .valon-schedule-grid i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 7px !important;
  color: var(--valon-gold) !important;
  background: rgba(226, 199, 130, .08) !important;
}

body.valon-site .valon-schedule-grid small,
body.valon-site .valon-command-list span,
body.valon-site .valon-evolution-grid p,
body.valon-site .valon-event-empty span,
body.valon-site .valon-news-meta {
  color: var(--valon-muted) !important;
  line-height: 1.55 !important;
}

body.valon-site .valon-schedule-grid time {
  justify-self: end !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.valon-site .valon-command-list div {
  display: grid !important;
  grid-template-columns: minmax(120px, auto) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
}

body.valon-site .valon-command-list code {
  width: fit-content !important;
  max-width: 100% !important;
  padding: 7px 10px !important;
  border-radius: 6px !important;
  color: var(--valon-gold) !important;
  background: rgba(0, 0, 0, .24) !important;
  font-family: Consolas, Monaco, monospace !important;
  font-size: 13px !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .valon-recipe-grid {
  grid-template-columns: 1fr !important;
  margin-top: 18px !important;
}

body.valon-site .valon-recipe-grid article {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 78px !important;
  padding: 14px !important;
}

body.valon-site .valon-recipe-grid article > span,
body.valon-site .valon-evolution-grid article > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
}

body.valon-site .valon-recipe-grid article > i {
  color: var(--valon-teal) !important;
  text-align: center !important;
}

body.valon-site .mmorpg-guide-quest-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 18px !important;
}

body.valon-site .mmorpg-guide-quest-list article {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px 12px !important;
  min-height: 104px !important;
  padding: 16px !important;
  border: 1px solid rgba(226, 199, 130, .14) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .035) !important;
}

body.valon-site .mmorpg-guide-quest-list strong {
  min-width: 0 !important;
  color: var(--valon-text) !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .mmorpg-guide-quest-list span {
  justify-self: end !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.valon-site .mmorpg-guide-quest-list p,
body.valon-site .mmorpg-guide-quest-list small {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: var(--valon-muted) !important;
  line-height: 1.45 !important;
}

body.valon-site .mmorpg-guide-quest-list small {
  color: var(--valon-gold) !important;
  font-weight: 800 !important;
}

body.valon-site .valon-evolution-grid article {
  min-height: 210px !important;
  padding: 18px !important;
}

body.valon-site .valon-evolution-grid h3 {
  margin: 18px 0 8px !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 24px !important;
}

body.valon-site .valon-evolution-grid article > strong {
  display: inline-flex !important;
  margin-bottom: 12px !important;
  color: var(--valon-gold) !important;
}

body.valon-site .valon-event-tabs,
body.valon-site .valon-news-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
  border-bottom: 1px solid rgba(226, 199, 130, .14) !important;
}

body.valon-site .valon-event-tabs .nav-link,
body.valon-site .valon-news-tabs .nav-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  border: 1px solid rgba(226, 199, 130, .14) !important;
  border-radius: 7px 7px 0 0 !important;
  color: var(--valon-muted) !important;
  background: rgba(255, 255, 255, .025) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

body.valon-site .valon-event-tabs .nav-link.active,
body.valon-site .valon-news-tabs .nav-link.active,
body.valon-site .valon-event-tabs .nav-link:hover,
body.valon-site .valon-news-tabs .nav-link:hover {
  color: #151208 !important;
  background: var(--valon-gold) !important;
  border-color: var(--valon-gold) !important;
}

body.valon-site .valon-event-empty {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 96px !important;
  padding: 18px !important;
}

body.valon-site .valon-news-row {
  grid-template-columns: 120px minmax(0, 1fr) auto !important;
  color: var(--valon-text) !important;
}

body.valon-site .valon-news-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.valon-site .valon-news-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

body.valon-site .valon-news-meta strong {
  color: var(--valon-gold) !important;
}

body.valon-site .valon-notice-header span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.valon-site .valon-notice-article {
  color: var(--valon-text) !important;
  line-height: 1.72 !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .valon-notice-article img,
body.valon-site .valon-notice-article iframe {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
}

body.valon-site .valon-notice-actions {
  display: flex !important;
  justify-content: flex-start !important;
  margin-top: 24px !important;
}

body.valon-site .mmorpg-package-items li.is-missing-icon::before {
  content: "";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 7px !important;
  color: var(--valon-gold) !important;
  background: rgba(226, 199, 130, .08) !important;
  box-shadow: inset 0 0 0 2px rgba(226, 199, 130, .35) !important;
}

body.valon-site i.fa::before,
body.valon-site i.fas::before,
body.valon-site i.far::before,
body.valon-site i.fab::before,
body.valon-auth-body i.fa::before,
body.valon-auth-body i.fas::before,
body.valon-auth-body i.far::before,
body.valon-auth-body i.fab::before,
body.valon-panel-body i.fa::before,
body.valon-panel-body i.fas::before,
body.valon-panel-body i.far::before,
body.valon-panel-body i.fab::before {
  content: "" !important;
}

body.valon-site .mmorpg-menu-toggle i,
body.valon-site .valon-public-nav .mmorpg-menu-toggle i {
  position: relative !important;
  display: block !important;
  width: 18px !important;
  height: 14px !important;
  color: currentColor !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.valon-site .mmorpg-menu-toggle i::before,
body.valon-site .valon-public-nav .mmorpg-menu-toggle i::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 18px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: currentColor !important;
  box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor !important;
}

@media (max-width: 991.98px) {
  body.valon-site .valon-info-grid,
  body.valon-site .valon-evolution-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-site .valon-public-split {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .mmorpg-guide-quest-list {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-site .valon-info-page,
  body.valon-site .valon-guide-page,
  body.valon-site .valon-events-page,
  body.valon-site .valon-news-list-page,
  body.valon-site .valon-notice-page {
    padding: 28px 0 48px !important;
  }

  body.valon-site .valon-info-grid,
  body.valon-site .valon-evolution-grid {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .valon-schedule-grid article,
  body.valon-site .valon-command-list div,
  body.valon-site .valon-recipe-grid article,
  body.valon-site .valon-news-row {
    grid-template-columns: 1fr !important;
    justify-items: start !important;
  }

  body.valon-site .valon-schedule-grid time {
    justify-self: start !important;
  }

  body.valon-site .valon-event-tabs .nav-item,
  body.valon-site .valon-news-tabs .nav-item,
  body.valon-site .valon-event-tabs .nav-link,
  body.valon-site .valon-news-tabs .nav-link {
    width: 100% !important;
  }

  body.valon-site .valon-event-empty {
    align-items: flex-start !important;
  }

  body.valon-site .mmorpg-guide-table-wrap {
    overflow: visible !important;
  }

  body.valon-site .mmorpg-guide-table,
  body.valon-site .mmorpg-guide-table thead,
  body.valon-site .mmorpg-guide-table tbody,
  body.valon-site .mmorpg-guide-table tr,
  body.valon-site .mmorpg-guide-table th,
  body.valon-site .mmorpg-guide-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.valon-site .mmorpg-guide-table thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }

  body.valon-site .mmorpg-guide-table tr {
    margin-bottom: 10px !important;
    padding: 12px !important;
    border: 1px solid rgba(226, 199, 130, .14) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .035) !important;
  }

  body.valon-site .mmorpg-guide-table td {
    display: grid !important;
    grid-template-columns: minmax(86px, 34%) minmax(0, 1fr) !important;
    gap: 10px !important;
    border: 0 !important;
    padding: 7px 0 !important;
    color: var(--valon-muted) !important;
  }

  body.valon-site .mmorpg-guide-table td::before {
    content: attr(data-label);
    color: var(--valon-gold) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }
}

/* Public guide pages final layer: keeps Tutoriais, Primeiros Passos and Sistemas aligned. */
body.valon-site .mmorpg-guide-page {
  display: grid !important;
  gap: 24px !important;
  width: min(1220px, calc(100vw - 40px)) !important;
  max-width: none !important;
  padding: 46px 0 72px !important;
  color: var(--valon-text) !important;
}

body.valon-site .mmorpg-guide-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 28px !important;
  border: 1px solid var(--valon-line) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(226, 199, 130, .12), transparent 36%),
    linear-gradient(225deg, rgba(53, 195, 180, .10), transparent 42%),
    rgba(17, 24, 33, .92) !important;
}

body.valon-site .mmorpg-guide-intro > div,
body.valon-site .mmorpg-guide-heading,
body.valon-site .mmorpg-guide-card,
body.valon-site .mmorpg-guide-panel {
  min-width: 0 !important;
}

body.valon-site .mmorpg-guide-intro h2,
body.valon-site .mmorpg-guide-heading h2,
body.valon-site .mmorpg-guide-panel h2 {
  margin: 8px 0 0 !important;
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  overflow-wrap: break-word !important;
}

body.valon-site .mmorpg-guide-intro h2 {
  font-size: clamp(30px, 4.2vw, 52px) !important;
}

body.valon-site .mmorpg-guide-heading h2,
body.valon-site .mmorpg-guide-panel h2 {
  font-size: clamp(24px, 2.8vw, 36px) !important;
}

body.valon-site .mmorpg-guide-intro p,
body.valon-site .mmorpg-guide-heading p,
body.valon-site .mmorpg-guide-panel li,
body.valon-site .mmorpg-guide-card p,
body.valon-site .mmorpg-guide-steps article p,
body.valon-site .mmorpg-rune-list span {
  max-width: 760px !important;
  margin: 10px 0 0 !important;
  color: var(--valon-muted) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .mmorpg-guide-source {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 168px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(226, 199, 130, .35) !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: linear-gradient(180deg, #efd48a, var(--valon-gold)) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.valon-site .mmorpg-guide-block {
  display: grid !important;
  gap: 18px !important;
  margin: 0 !important;
}

body.valon-site .mmorpg-guide-steps,
body.valon-site .mmorpg-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

body.valon-site .mmorpg-guide-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.valon-site .mmorpg-guide-split {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
}

body.valon-site .mmorpg-guide-steps article,
body.valon-site .mmorpg-guide-panel,
body.valon-site .mmorpg-guide-card,
body.valon-site .mmorpg-rune-list div,
body.valon-site .valon-info-pill,
body.valon-site .valon-schedule-grid article {
  border: 1px solid rgba(226, 199, 130, .14) !important;
  border-radius: 8px !important;
  color: var(--valon-text) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .014)),
    var(--valon-panel) !important;
  box-shadow: none !important;
}

body.valon-site .mmorpg-guide-steps article {
  min-height: 178px !important;
  padding: 18px !important;
}

body.valon-site .mmorpg-guide-panel,
body.valon-site .mmorpg-guide-card {
  padding: 22px !important;
}

body.valon-site .mmorpg-guide-steps article > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 14px !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: var(--valon-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
}

body.valon-site .mmorpg-guide-steps article strong,
body.valon-site .mmorpg-guide-card h3,
body.valon-site .mmorpg-rune-list strong {
  display: block !important;
  color: var(--valon-text) !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
}

body.valon-site .mmorpg-guide-panel ul {
  display: grid !important;
  gap: 10px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.valon-site .mmorpg-guide-panel li {
  position: relative !important;
  margin: 0 !important;
  padding-left: 18px !important;
}

body.valon-site .mmorpg-guide-panel li::before {
  content: "" !important;
  position: absolute !important;
  top: .72em !important;
  left: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--valon-gold) !important;
}

body.valon-site .mmorpg-guide-card > span,
body.valon-site .mmorpg-section-kicker {
  display: inline-flex !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(226, 199, 130, .22) !important;
  border-radius: 6px !important;
  color: var(--valon-gold) !important;
  background: rgba(199, 86, 70, .16) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

body.valon-site .mmorpg-rune-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.valon-site .valon-info-page {
  padding: 44px 0 72px !important;
}

body.valon-site .valon-info-board {
  display: grid !important;
  gap: 14px !important;
  margin-top: 28px !important;
}

body.valon-site .valon-schedule-grid-wide {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 991.98px) {
  body.valon-site .mmorpg-guide-page {
    width: min(100% - 32px, 1220px) !important;
    padding: 34px 0 56px !important;
  }

  body.valon-site .mmorpg-guide-intro,
  body.valon-site .mmorpg-guide-split,
  body.valon-site .valon-schedule-grid-wide {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .mmorpg-guide-steps,
  body.valon-site .mmorpg-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-site .mmorpg-guide-page,
  body.valon-site .valon-info-page {
    width: min(100% - 28px, 1220px) !important;
    padding: 28px 0 48px !important;
  }

  body.valon-site .mmorpg-guide-intro {
    grid-template-columns: 1fr !important;
    padding: 20px !important;
  }

  body.valon-site .mmorpg-guide-source {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.valon-site .mmorpg-guide-steps,
  body.valon-site .mmorpg-guide-grid,
  body.valon-site .mmorpg-rune-list {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .mmorpg-guide-steps article {
    min-height: 0 !important;
  }
}

/* Guide pages EOF hardening. */
body.valon-site .valon-info-page .valon-info-pill i,
body.valon-site .valon-info-page .valon-schedule-grid article i {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(226, 199, 130, .24) !important;
  border-radius: 8px !important;
  color: var(--valon-gold) !important;
  background: rgba(226, 199, 130, .10) !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.valon-site .valon-info-page .valon-info-pill i::before,
body.valon-site .valon-info-page .valon-schedule-grid article i::before {
  content: "" !important;
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  border: 2px solid rgba(21, 18, 8, .66) !important;
  border-radius: 4px !important;
  background: var(--valon-gold) !important;
  box-shadow: 0 0 0 4px rgba(226, 199, 130, .16) !important;
  transform: rotate(45deg) !important;
}

body.valon-site .valon-info-page .valon-schedule-grid article {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding: 16px !important;
}

body.valon-site .valon-info-page .valon-schedule-grid article > div {
  display: grid !important;
  gap: 4px !important;
  justify-items: start !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.valon-site .valon-info-page .valon-schedule-grid strong,
body.valon-site .valon-info-page .valon-schedule-grid small {
  justify-self: start !important;
  text-align: left !important;
}

body.valon-site .valon-info-page .valon-schedule-grid time {
  justify-self: end !important;
  max-width: 100% !important;
  text-align: center !important;
  white-space: normal !important;
}

@media (max-width: 767.98px) {
  body.valon-site .valon-info-page .valon-schedule-grid article {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.valon-site .valon-info-page .valon-schedule-grid time {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 8px !important;
  }
}

/* Live public progression and server stat limits. */
body.valon-site .valon-progression-public {
  padding-top: 44px !important;
  padding-bottom: 72px !important;
}

body.valon-site .valon-progression-public .mmorpg-public-card-body {
  padding: 0 !important;
}

body.valon-site .valon-progression-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

body.valon-site .valon-progression-heading > div {
  min-width: 0 !important;
}

body.valon-site .valon-live-status {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  color: #9ed8c4 !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-site .valon-live-status i {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #64c8a5 !important;
  box-shadow: 0 0 0 4px rgba(100, 200, 165, .12) !important;
}

body.valon-site .valon-progression-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border-bottom: 1px solid rgba(226, 199, 130, .14) !important;
  background: rgba(0, 0, 0, .14) !important;
}

body.valon-site .valon-progression-summary > div {
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
  min-height: 86px !important;
  padding: 16px 22px !important;
  border-right: 1px solid rgba(226, 199, 130, .12) !important;
}

body.valon-site .valon-progression-summary > div:last-child {
  border-right: 0 !important;
}

body.valon-site .valon-progression-summary span,
body.valon-site .valon-progression-intro > span,
body.valon-site .valon-stage-identity small,
body.valon-site .valon-stage-caps small {
  color: var(--valon-muted) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body.valon-site .valon-progression-summary strong {
  min-width: 0 !important;
  margin-top: 4px !important;
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .valon-progression-intro {
  padding: 28px 22px 18px !important;
}

body.valon-site .valon-progression-intro > span {
  color: var(--valon-gold) !important;
}

body.valon-site .valon-progression-intro h3 {
  margin: 5px 0 8px !important;
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 25px !important;
  line-height: 1.2 !important;
}

body.valon-site .valon-progression-intro p,
body.valon-site .valon-progression-note,
body.valon-site .valon-progression-empty p {
  margin: 0 !important;
  color: var(--valon-muted) !important;
  line-height: 1.55 !important;
}

body.valon-site .valon-stage-list {
  border-top: 1px solid rgba(226, 199, 130, .14) !important;
}

body.valon-site .valon-stage-row {
  display: grid !important;
  grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr) !important;
  align-items: stretch !important;
  min-width: 0 !important;
  border-bottom: 1px solid rgba(226, 199, 130, .12) !important;
  background: rgba(255, 255, 255, .018) !important;
}

body.valon-site .valon-stage-row.is-sub {
  background: rgba(74, 153, 163, .035) !important;
}

body.valon-site .valon-stage-row:hover {
  background: rgba(226, 199, 130, .045) !important;
}

body.valon-site .valon-stage-identity {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 13px !important;
  min-width: 0 !important;
  padding: 18px 20px !important;
}

body.valon-site .valon-stage-index {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(226, 199, 130, .26) !important;
  border-radius: 7px !important;
  color: #151208 !important;
  background: linear-gradient(180deg, #efd48a, var(--valon-gold)) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body.valon-site .valon-stage-row.is-sub .valon-stage-index {
  color: #e9fffa !important;
  background: #287f83 !important;
  border-color: rgba(115, 211, 206, .36) !important;
}

body.valon-site .valon-stage-identity h4 {
  margin: 3px 0 4px !important;
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .valon-stage-identity p {
  margin: 0 !important;
  color: var(--valon-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body.valon-site .valon-stage-identity p strong {
  color: var(--valon-gold) !important;
}

body.valon-site .valon-stage-caps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  min-width: 0 !important;
  border-left: 1px solid rgba(226, 199, 130, .12) !important;
}

body.valon-site .valon-stage-caps > div {
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 13px 11px !important;
  border-right: 1px solid rgba(226, 199, 130, .09) !important;
}

body.valon-site .valon-stage-caps > div:last-child {
  border-right: 0 !important;
}

body.valon-site .valon-stage-caps > div > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 31px !important;
  height: 22px !important;
  margin-bottom: 6px !important;
  padding: 0 6px !important;
  border-radius: 4px !important;
  color: #f8f3e7 !important;
  background: #914e49 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

body.valon-site .valon-stage-caps > div:nth-child(2) > span { background: #326b92 !important; }
body.valon-site .valon-stage-caps > div:nth-child(3) > span { color: #181207 !important; background: #c59a3f !important; }
body.valon-site .valon-stage-caps > div:nth-child(4) > span { background: #695888 !important; }
body.valon-site .valon-stage-caps > div:nth-child(5) > span { background: #327d73 !important; }

body.valon-site .valon-stage-caps strong {
  max-width: 100% !important;
  margin-top: 3px !important;
  color: var(--valon-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  overflow-wrap: anywhere !important;
}

body.valon-site .valon-progression-note {
  padding: 18px 22px 22px !important;
  font-size: 12px !important;
}

body.valon-site .valon-progression-empty {
  padding: 38px 24px !important;
  text-align: center !important;
}

body.valon-site .valon-progression-empty strong {
  display: block !important;
  margin-bottom: 7px !important;
  color: var(--valon-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 20px !important;
}

@media (max-width: 991.98px) {
  body.valon-site .valon-stage-row {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .valon-stage-caps {
    border-top: 1px solid rgba(226, 199, 130, .10) !important;
    border-left: 0 !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-site .valon-progression-public {
    padding-top: 28px !important;
    padding-bottom: 48px !important;
  }

  body.valon-site .valon-progression-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.valon-site .valon-progression-summary {
    grid-template-columns: 1fr !important;
  }

  body.valon-site .valon-progression-summary > div {
    min-height: 68px !important;
    padding: 13px 18px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(226, 199, 130, .10) !important;
  }

  body.valon-site .valon-progression-summary > div:last-child {
    border-bottom: 0 !important;
  }

  body.valon-site .valon-progression-intro {
    padding: 22px 18px 15px !important;
  }

  body.valon-site .valon-progression-intro h3 {
    font-size: 21px !important;
  }

  body.valon-site .valon-stage-identity {
    padding: 16px !important;
  }

  body.valon-site .valon-stage-caps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-site .valon-stage-caps > div {
    min-height: 82px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(226, 199, 130, .09) !important;
  }

  body.valon-site .valon-stage-caps > div:nth-child(2n) {
    border-right: 0 !important;
  }

  body.valon-site .valon-stage-caps > div:last-child {
    grid-column: 1 / -1 !important;
    border-bottom: 0 !important;
  }

  body.valon-site .valon-progression-note {
    padding: 16px 18px 20px !important;
  }
}