/* VastalaMC brand palette — visual accents only; original imagery is preserved. */
:root{
  --brand-primary:#52B4E1;
  --brand-secondary:#58BA66;
  --brand-accent:#8ED0EC;
  --brand-dark:#0F2436;
  --brand-cool:#657984;
  --brand-neutral:#AAB8BF;
  --brand-light:#E3EBEE;
  --brand-warning:#D29A4A;
  --brand-conflict:#B96858;
  --brand-technical:#8879AD;
}
html,body{background-color:var(--brand-dark)}
.site-header,.home-page .site-header{border-bottom-color:rgba(82,180,225,.30)!important}
.primary-nav a:hover,.primary-nav a.is-active{color:var(--brand-accent)!important;background:rgba(82,180,225,.09)!important}
.eyebrow,.portal-link,.wiki-inline-link,.player-directory-return,.character-source{color:var(--brand-primary)!important}
.rule-update-banner{background:linear-gradient(90deg,rgba(185,104,88,.96),rgba(133,68,57,.96))!important}
.rule-update-banner strong{color:var(--brand-light)!important}
.status-warning,.warning,.is-warning,[data-status="warning"]{color:var(--brand-warning)}
.status-conflict,.conflict,.moderation,[data-status="conflict"]{color:var(--brand-conflict)}
.status-technical,.technical,.bot,[data-status="technical"]{color:var(--brand-technical)}
::selection{background:rgba(82,180,225,.30);color:var(--brand-light)}


/* ============================================================
   INTERIOR PAGE ATMOSPHERE — AUGUST 2026
   Reuse the established VastalaMC collage beyond the homepage so the
   new blue/green palette still sits inside the world rather than on a
   flat field of blue. The image remains subdued behind readable panels.
   ============================================================ */
body:not(.home-page){
  background-color:var(--brand-dark)!important;
  background-image:
    linear-gradient(180deg,
      rgba(15,36,54,.42) 0,
      rgba(15,36,54,.62) 34rem,
      rgba(15,36,54,.84) 72rem,
      rgba(15,36,54,.94) 100%),
    linear-gradient(90deg,
      rgba(15,36,54,.72) 0,
      rgba(15,36,54,.28) 44%,
      rgba(15,36,54,.62) 100%),
    url('../images/home-header-collage.png'),
    var(--site-page-background)!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-size:cover,cover,cover,100% max(100vh,1200px)!important;
  background-position:center top,center top,center top,center top!important;
  background-attachment:fixed,fixed,fixed,fixed!important;
}

/* Let the world art breathe through the top of interior pages. */
body:not(.home-page) .page-hero,
body:not(.home-page) .guide-hero,
body:not(.home-page) .wiki-masthead,
body:not(.home-page) .war-hero,
body:not(.home-page) .player-detail-masthead{
  background-color:rgba(15,36,54,.46)!important;
  backdrop-filter:blur(1.5px);
}
body:not(.home-page) .page-hero{
  background-image:
    linear-gradient(180deg,rgba(15,36,54,.20),rgba(15,36,54,.60)),
    radial-gradient(circle at 76% 18%,rgba(142,208,236,.12),transparent 30%)!important;
}
body:not(.home-page) .guide-hero{
  background:linear-gradient(180deg,rgba(15,36,54,.18),rgba(15,36,54,.58))!important;
}
body.war-guide-page .war-hero{
  background:
    radial-gradient(circle at 78% 20%,rgba(185,104,88,.15),transparent 28%),
    linear-gradient(180deg,rgba(15,36,54,.18),rgba(15,36,54,.64))!important;
}

/* Content remains readable while still showing hints of the backdrop between sections. */
body:not(.home-page) :is(
  .category-hero,.rule-section,.wiki-section,.clean-wiki-section,
  .lore-cover,.lore-chapter,.lore-hub,.article-lead,
  .application-card,.application-intro,.guide-card,.step-card,
  .player-gallery-card,.player-character,.player-entry-pagination a,
  .war-summary-card,.war-phase-card,.war-side-grid article,
  .war-permission-grid article,.war-faq-item
){
  background-color:rgba(15,36,54,.88)!important;
  backdrop-filter:blur(5px);
}

/* Keep utility bars solid enough to avoid noisy text over the art. */
body:not(.home-page) :is(.rules-toolbar,.mechanics-toolbar,.site-footer){
  background-color:rgba(8,21,33,.94)!important;
}

/* On small screens fixed backgrounds can jitter and cost battery; keep the
   same artwork but scroll it normally. */
@media(max-width:900px){
  body:not(.home-page){
    background-attachment:scroll,scroll,scroll,scroll!important;
    background-position:center top,center top,58% top,center top!important;
  }
  body:not(.home-page) :is(
    .category-hero,.rule-section,.wiki-section,.clean-wiki-section,
    .lore-cover,.lore-chapter,.lore-hub,.article-lead,
    .application-card,.application-intro,.guide-card,.step-card,
    .player-gallery-card,.player-character,.player-entry-pagination a,
    .war-summary-card,.war-phase-card,.war-side-grid article,
    .war-permission-grid article,.war-faq-item
  ){
    backdrop-filter:none;
    background-color:rgba(15,36,54,.93)!important;
  }
}

@media print{
  body:not(.home-page){background:white!important}
}