/* Valerion warm parchment identity */
:root {
  --warm-ivory: #fffaf1;
  --warm-paper: #f7ecdc;
  --warm-sand: #ead7bf;
  --warm-skin: #d9b792;
  --warm-line: rgba(132, 91, 54, .34);
  --warm-brown: #4a3426;
  --warm-brown-soft: #755a45;
  --warm-accent: #a5633f;
  --warm-accent-dark: #754126;
  --warm-shadow: 0 16px 42px rgba(72, 45, 27, .16);
}

body.valerion-site {
  --obsidian: #ead7bf;
  --obsidian-soft: #f1dfc8;
  --panel: rgba(255, 250, 241, .96);
  --panel-deep: rgba(242, 226, 205, .98);
  --parchment: var(--warm-brown);
  --muted: var(--warm-brown-soft);
  --gold: #a66b3f;
  --gold-bright: #754126;
  --gold-line: var(--warm-line);
  --shadow: var(--warm-shadow);
  color: var(--warm-brown);
  background:
    linear-gradient(180deg, rgba(252, 242, 225, .02) 0, rgba(239, 217, 188, .22) 520px, rgba(234, 215, 191, .94) 880px, #ead7bf 1080px),
    url("/templates/new/assets/valerion-fantasy-background-fhd.jpg") top center / 1920px auto no-repeat,
    #ead7bf;
  background-attachment: fixed, fixed, fixed;
}

body.valerion-site::before {
  background:
    linear-gradient(90deg, rgba(60, 39, 25, .13), transparent 18%, transparent 82%, rgba(60, 39, 25, .13)),
    linear-gradient(180deg, transparent 0 560px, rgba(234, 215, 191, .52) 790px, #ead7bf 1080px);
}

.site-header {
  border-top-color: #bd8455;
  border-bottom-color: rgba(116, 76, 45, .25);
  background: rgba(255, 249, 239, .92);
  box-shadow: 0 12px 30px rgba(70, 44, 28, .14);
  backdrop-filter: blur(18px) saturate(1.08);
}

.header-row { grid-template-columns: minmax(0, 1fr) auto; }
.main-nav { justify-content: center; }
.main-nav a { color: #6a513e; }
.main-nav a:hover { color: #8e4f2f; background: rgba(166, 107, 63, .08); }
.main-nav a::after { background: linear-gradient(90deg, transparent, #b87449, transparent); }
.main-nav i { color: #a5633f; }
.account-actions .button.ghost { color: #6b4c37; }

.button.compact,
.button.primary {
  color: #fffaf2;
  background: linear-gradient(180deg, #b8754c, #8b4e2f);
  border-color: #c68d67;
  box-shadow: 0 8px 20px rgba(102, 55, 31, .2), inset 0 1px rgba(255, 255, 255, .28);
}

.button.secondary {
  color: #523928;
  background: rgba(255, 249, 239, .88);
  border-color: rgba(117, 75, 43, .46);
  box-shadow: 0 8px 20px rgba(72, 45, 27, .1);
}

.button:hover { filter: brightness(1.06) saturate(1.04); }

.realm-hero { border-bottom-color: rgba(113, 73, 42, .22); }
.realm-hero::before {
  background: linear-gradient(180deg, rgba(255, 247, 233, .02), rgba(79, 47, 29, .08) 58%, rgba(238, 218, 192, .48) 100%);
}
.realm-hero::after {
  background: radial-gradient(circle at 50% 40%, transparent 0 28%, rgba(45, 29, 20, .08) 72%, rgba(63, 41, 25, .2) 100%);
}
.hero-mist { background: linear-gradient(180deg, transparent, rgba(234, 215, 191, .58)); }
.hero-kicker { color: #f2d6ad; text-shadow: 0 2px 8px rgba(25, 17, 12, .9); }
.hero-kicker i { background: linear-gradient(90deg, transparent, #e8bd83); }
.hero-content > p { color: #fff6e8; text-shadow: 0 2px 8px rgba(28, 18, 12, .92); }
.realm-logo { filter: sepia(.08) drop-shadow(0 8px 18px rgba(18, 12, 8, .66)); }

.world-mode-banner {
  width: min(560px, calc(100% - 24px));
  min-height: 68px;
  margin: 20px auto 0;
  padding: 10px 18px;
  display: grid;
  grid-template-columns: minmax(130px, .78fr) 1px minmax(240px, 1.4fr);
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(255, 235, 205, .58);
  border-radius: 7px;
  color: #fff9ee;
  background: rgba(48, 31, 21, .84);
  box-shadow: 0 12px 28px rgba(20, 12, 8, .34), inset 0 1px rgba(255, 255, 255, .12);
  backdrop-filter: blur(12px) saturate(1.08);
}

.world-mode-banner.mode-pvp { border-left: 4px solid #c85d42; }
.world-mode-banner.mode-no-pvp { border-left: 4px solid #6ba678; }
.world-mode-current,
.world-mode-save { display: grid; align-content: center; justify-items: start; }
.world-mode-current { justify-items: center; }
.world-mode-label {
  color: #ead2b3;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.world-mode-label i { margin-right: 5px; }
.world-mode-current strong {
  margin-top: 2px;
  color: #fff7ea;
  font-family: var(--font-display) !important;
  font-size: 25px;
  line-height: 1;
  letter-spacing: .04em;
}
.mode-pvp .world-mode-current strong { color: #ff9b7f; }
.mode-no-pvp .world-mode-current strong { color: #9ee0ab; }
.world-mode-separator { align-self: stretch; background: rgba(255, 235, 205, .22); }
.world-mode-save strong {
  margin: 1px 0 2px;
  color: #fff7ea;
  font: 800 21px/1.1 var(--font-body) !important;
  letter-spacing: .08em;
}
.world-mode-save small { color: #d8c3a7; font-size: 9px; line-height: 1.25; }

.realm-status {
  border-color: rgba(133, 88, 52, .38);
  background: rgba(255, 249, 239, .94);
  box-shadow: var(--warm-shadow);
  backdrop-filter: blur(12px);
}
.realm-status > div { border-color: rgba(133, 88, 52, .18); }
.realm-status i { color: #a5633f; }
.realm-status strong { color: #493326; }
.realm-status small { color: #806650; }

.content-frame,
.realm-card {
  border-color: var(--warm-line);
  background: rgba(255, 250, 242, .96);
  box-shadow: var(--warm-shadow);
  backdrop-filter: blur(10px);
}
.content-frame::before,
.realm-card::before { border-color: rgba(154, 105, 65, .13); }
.frame-rune { color: #925637; background: #f7e7d3; border-color: rgba(145, 91, 52, .42); }
body.valerion-site .content-panel { color: #4b3729; background: rgba(255, 250, 242, .3); }
body.valerion-site .content-panel :is(h1, h2, h3, h4) { color: #754126; }
body.valerion-site .content-panel a { color: #9b5634 !important; }

.quick-start {
  background: radial-gradient(circle at 50% 0, rgba(203, 139, 91, .16), transparent 55%), rgba(249, 233, 213, .98);
}
.quick-start h2,
.realm-card-head span { color: #50382a; }
.quick-start p { color: #7b624e; }
.card-eyebrow,
.text-link,
.realm-card-head span i { color: #a15e3b; }
.realm-card-head {
  background: #f1dfc8;
  border-color: rgba(133, 88, 52, .2);
}
.realm-card-head > a { color: #9a6543; }
.hero-rank,
.death-preview > a { border-color: rgba(133, 88, 52, .14); }
.rank-position { color: #9b7656; }
.rank-copy strong,
.death-preview strong { color: #4f392b; }
.rank-copy small,
.death-preview small,
.death-preview time,
.empty-state { color: #806956; }
.hero-rank > b { color: #9a5936; }

.site-footer {
  border-color: rgba(133, 88, 52, .24);
  background: rgba(242, 225, 203, .94);
  box-shadow: 0 -10px 30px rgba(78, 49, 30, .08);
}
.footer-identity span,
.footer-row nav a { color: #69513e; }
.footer-row > small { color: #89715d; }

/* Warm compatibility layer for legacy pages */
body.valerion-site {
  --forest-deep: #ead7bf !important;
  --forest-glow: #d6b28d !important;
  --emerald: #a5633f !important;
  --leaf-light: #4d392c !important;
  --silver-mint: #4d392c !important;
  --dark-panel: rgba(255, 250, 242, .97) !important;
  --swamp-bg: #f3e5d2 !important;
  --swamp-deep: #ead3b8 !important;
  --swamp-moss: #b17a51 !important;
  --swamp-slime: #9a5936 !important;
  --swamp-mud: #dec1a0 !important;
  --swamp-text: #4d392c !important;
  --swamp-border: rgba(133, 88, 52, .34) !important;
  --rpg-green: #a5633f !important;
  --rpg-green-dark: #754126 !important;
  --rpg-bg: #f3e5d2 !important;
  --rpg-panel: #fffaf2 !important;
  --rpg-border: rgba(133, 88, 52, .34) !important;
  --rpg-text: #4d392c !important;
  --dust-gold: #9a5936 !important;
  --vd-blue: #a5633f !important;
  --vd-blue-bright: #754126 !important;
  --vd-text: #4d392c !important;
  --vd-muted: #7b624e !important;
  --vnews-bg-top: #f1dfc8 !important;
  --vnews-bg-bottom: #fffaf2 !important;
  --vnews-panel: #f7ead8 !important;
  --vnews-panel-soft: #eddbc3 !important;
  --vnews-line: rgba(133, 88, 52, .34) !important;
  --vnews-line-soft: rgba(133, 88, 52, .18) !important;
  --vnews-text: #4d392c !important;
  --vnews-text-soft: #7b624e !important;
  --vnews-gold: #9a5936 !important;
  --vnews-blue: #a5633f !important;
  --vnews-accent: #9a5936 !important;
}

body.valerion-site .content-panel :is(
  .account-create-shell,.account-info-shell,.account-manage-shell,.login-shell,.delete-char-container,
  .download-wrapper,.downloads-wrapper,.val-downloads-hero,.deaths-wrapper,.valerion-online-container,
  .valerion-ban-wrapper,.valerion-char-wrapper,.valerion-elite-wrapper,.guild-list-container,.guild-wrapper,
  .SwampContainer,.rules-container,.policy-container,.training-wrapper,.rarity-container,.wiki-container,
  .codex-wrapper,.rpg-container,.rpg-guide-container,.rpg-info-container,.rpg-error-box,
  .valerion-search-container,.valerion-msg-container,.hs-shell,.vd-store-card,.vd-paypal-card,
  .vd-info-card,.streams-container,.table-container,.TableContainer
) {
  color: #4d392c !important;
  background: rgba(255, 250, 242, .97) !important;
  border-color: rgba(133, 88, 52, .34) !important;
  box-shadow: var(--warm-shadow) !important;
}

body.valerion-site .content-panel :is(
  .account-create-head,.account-info-head,.account-manage-head,.login-head,.valerion-header,
  .valerion-header-css,.valerion-search-header,.valerion-table-header,.guild-header,.GuildHeader,
  .elite-header,.rpg-header,.rpg-info-header,.rpg-error-header,.rpg-ticker-header,.hs-header,
  .TableTopHeader,.CaptionContainer,.box-header,.v-news-ticker-head,.v-news-card-header
) {
  color: #50382a !important;
  background: #ead3b8 !important;
  border-color: rgba(133, 88, 52, .36) !important;
}

body.valerion-site .content-panel :is(h1,h2,h3,.account-create-title,.account-info-title,
  .account-manage-title,.login-head-title,.val-downloads-title,.memorial-title,.codex-title,
  .system-title,.rpg-title,.rpg-subtitle,.rpg-section-title,.category-title,.rule-section-title,
  .PanelTitle,.box-title,.card-title) { color: #754126 !important; border-color: rgba(133,88,52,.34) !important; }

body.valerion-site .content-panel :is(
  .account-create-panel,.account-manage-card,.SwampPanel,.rpg-panel,.rpg-content,.rpg-guide-steps,
  .dungeon-panel,.elite-card,.fragment-card,.benefit-card,.skill-card,.slot-card,.pool-card,
  .weapon-card,.voc-card,.guide-step,.step-item,.rule-category,.rule-item,.info-box,.highlight-box,
  .calc-box,.warning-box,.streamer-card,.v-news-card,.v-news-card-body,.rpg-news-body,
  .val-download-card,.val-download-box,.val-step-num,.OptionContainer
) { color: #4d392c !important; background: #f7ead8 !important; border-color: rgba(133,88,52,.28) !important; }

body.valerion-site .content-panel :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea,
  .rpg-input,.account-create-input,.account-info-input,.account-info-select,.login-input,.form-control,
  .valerion-input-field,.hs-filter-control) {
  color: #493326 !important;
  background: #fffdf8 !important;
  border-color: rgba(124, 80, 47, .42) !important;
}
body.valerion-site .content-panel :is(input,select,textarea):focus { border-color: #b66e45 !important; box-shadow: 0 0 0 3px rgba(181,108,66,.14) !important; }
body.valerion-site .content-panel :is(input[type="radio"],input[type="checkbox"]) { accent-color: #a5633f !important; }
body.valerion-site .content-panel :is(label,.rpg-label,.account-create-label,.account-info-label,
  .login-label,.control-label,.hs-filter-label,.valerion-label,.valerion-search-label) { color: #674b38 !important; }

body.valerion-site .content-panel :is(button:not(.close):not(.login-eye),input[type="submit"],.btn-primary,
  .btn-success,.rpg-btn,.download-button,.rarity-button,.linkButton,.BigButton,.bazar-nav-button,
  .account-create-submit,.account-info-submit,.login-submit,.valerion-btn-search,.hs-view-button,
  .vd-access-button,.vd-submit,.btn-rpg-back,.BtnSwampBack) {
  color: #fffaf2 !important;
  background: linear-gradient(180deg, #b8754c, #8b4e2f) !important;
  border-color: #c68d67 !important;
  box-shadow: 0 7px 17px rgba(102,55,31,.18), inset 0 1px rgba(255,255,255,.22) !important;
}

body.valerion-site .content-panel :is(table,.tb_datatable,.SwampTable,.hs-table,.account-manage-table,
  .TableContentContainer,.TableContainer,.TableContent,.Table1,.Table2,.Table3,.Table4,.Table5) {
  color: #4d392c !important;
  background: #fffaf2 !important;
  border-color: rgba(133,88,52,.28) !important;
}
body.valerion-site .content-panel :is(table,.tb_datatable,.SwampTable,.hs-table,.account-manage-table) thead th,
body.valerion-site .content-panel .tableHead,
body.valerion-site :is(.LabelH,.LabelV) {
  color: #65452f !important;
  background: #ead3b8 !important;
  border-color: rgba(133,88,52,.3) !important;
}
body.valerion-site .content-panel :is(table,.tb_datatable,.SwampTable,.hs-table,.account-manage-table) tbody tr,
body.valerion-site .content-panel :is(.tableRow,.tableRow0,.tableRow1,.Odd,.Even) {
  color: #4d392c !important;
  background: rgba(255,250,242,.98) !important;
  border-color: rgba(133,88,52,.15) !important;
}
body.valerion-site .content-panel :is(.tableRow1,.Even) { background: #f5e7d4 !important; }
body.valerion-site .content-panel :is(.tableRow,.tableRow0,.tableRow1):hover { background: #edd6ba !important; }

body.valerion-site .content-panel :is(.rpg-highlight,.rpg-guide-title,.rpg-section-title,.step-number,
  .status-value,.voc-count,.online-indicator,.rpg-ticker-date,.val-downloads-eyebrow,
  .val-downloads-text strong,.val-download-box h4,.v-news-card-body a,.v-news-card-link) { color: #955433 !important; }

/* News pages include late embedded styles, so keep their light surfaces explicit. */
body.valerion-site .content-panel .v-news-ticker,
body.valerion-site .content-panel .v-news-card,
body.valerion-site .content-panel .v-news-archive,
body.valerion-site .content-panel .rpg-news-container {
  color: #49362a !important;
  background: rgba(255, 250, 242, .98) !important;
  border-color: rgba(133, 88, 52, .32) !important;
  box-shadow: 0 12px 30px rgba(72, 45, 27, .13) !important;
}

body.valerion-site .content-panel .v-news-ticker-head,
body.valerion-site .content-panel .v-news-card-header,
body.valerion-site .content-panel .rpg-news-header {
  color: #4e3729 !important;
  background: #ead3b8 !important;
  border-color: rgba(133, 88, 52, .3) !important;
}

body.valerion-site .content-panel .v-news-ticker-title,
body.valerion-site .content-panel .v-news-card-title,
body.valerion-site .content-panel .rpg-news-title {
  color: #5b3b29 !important;
  text-shadow: none !important;
}

body.valerion-site .content-panel .v-news-ticker-icon,
body.valerion-site .content-panel .v-news-card-icon,
body.valerion-site .content-panel .rpg-news-icon-wrapper {
  color: #74472e !important;
  background: rgba(116, 71, 46, .1) !important;
}

body.valerion-site .content-panel .v-news-ticker-row {
  color: #49362a !important;
  background: #fffaf2 !important;
  border-color: rgba(133, 88, 52, .16) !important;
}

body.valerion-site .content-panel .v-news-ticker-date {
  color: #8b4e2f !important;
  opacity: 1 !important;
}

body.valerion-site .content-panel .v-news-ticker-text {
  color: #49362a !important;
  opacity: 1 !important;
}

body.valerion-site .content-panel .v-news-ticker-arrow { color: #8d6247 !important; }

body.valerion-site .content-panel .v-news-card-author,
body.valerion-site .content-panel .rpg-news-author { color: #6f5644 !important; }

body.valerion-site .content-panel .v-news-card-date,
body.valerion-site .content-panel .rpg-news-date {
  color: #fffaf2 !important;
  background: linear-gradient(180deg, #b8754c, #8b4e2f) !important;
}

body.valerion-site .content-panel .v-news-card-body,
body.valerion-site .content-panel .rpg-news-body,
body.valerion-site .content-panel .rpg-news-body :is(p,div,span,li,td,th) {
  color: #49362a !important;
  background: #fffaf2 !important;
}

body.valerion-site .content-panel .rpg-news-body [style*="color"],
body.valerion-site .content-panel .v-news-card-body [style*="color"] { color: #825034 !important; }

body.valerion-site .content-panel .v-news-card-body :is(h1,h2,h3,h4),
body.valerion-site .content-panel .rpg-news-body :is(h1,h2,h3,h4) { color: #754126 !important; }

body.valerion-site .content-panel .v-news-card-body a,
body.valerion-site .content-panel .v-news-card-link,
body.valerion-site .content-panel .rpg-news-body a,
body.valerion-site .content-panel .rpg-news-link { color: #955433 !important; }

body.valerion-site .content-panel .v-news-card-footer,
body.valerion-site .content-panel .rpg-news-footer {
  background: #f4e5d2 !important;
  border-color: rgba(133, 88, 52, .18) !important;
}

body.valerion-site .content-panel .v-news-archive-link {
  color: #4d392c !important;
  background: #f4e5d2 !important;
  border-color: rgba(133, 88, 52, .24) !important;
}
body.valerion-site .content-panel .v-news-archive-link small { color: #8b4e2f !important; }

body.valerion-site .content-panel > :not(style) :is(p,li) { color: #4d392c; }

@media (max-width: 860px) {
  .main-nav { border-top-color: rgba(133, 88, 52, .16); }
}

@media (max-width: 620px) {
  .world-mode-banner {
    width: min(360px, calc(100% - 12px));
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 14px;
  }
  .world-mode-separator { width: 100%; height: 1px; }
  .world-mode-current,
  .world-mode-save { justify-items: center; text-align: center; }
  .world-mode-current strong { font-size: 21px; }
  .world-mode-save strong { font-size: 18px; }
}