/* FOUNTAIN+ V11.9.133 — SYSTEM OS HARMONY
   Shared web/TV identity: dark olive canvas, warm cream type, sand-gold focus.
   Global shell colors are harmonized without flattening authored Face Card/brand worlds. */
:root{
  --fplus-os-canvas:#25281D;
  --fplus-os-deep:#171A12;
  --fplus-os-panel:#1D2017;
  --fplus-os-surface:#2D3122;
  --fplus-os-cream:#FFF9EA;
  --fplus-os-text:#F4EEDF;
  --fplus-os-sand:#E6D6AF;
  --fplus-os-gold:#D9C28B;
  --fplus-os-muted:#AAA892;
  --fplus-os-line:rgba(217,194,139,.20);
  --fplus-os-shadow:rgba(0,0,0,.46);

  /* V11.9.132 Category Navigation consumes these variables. Keep it in the same family as Roku. */
  --fplus-cat-ink:#25281D;
  --fplus-cat-panel:#1D2017;
  --fplus-cat-panel-2:#25281D;
  --fplus-cat-cream:#FFF9EA;
  --fplus-cat-muted:#AAA892;
  --fplus-cat-gold:#D9C28B;
  --fplus-cat-line:rgba(217,194,139,.20);
}
html{background-color:var(--fplus-os-canvas);color-scheme:dark}
html[data-fplus-system-harmony="1"]{background:#25281D}
body.fplus-system-canvas{
  --bg:#25281D;
  --panel:#1D2017;
  --panel2:#2D3122;
  --text:#FFF9EA;
  --paper:#F4EEDF;
  --muted:#AAA892;
  --line:rgba(217,194,139,.20);
  --gold:#D9C28B;
  background:
    radial-gradient(circle at 86% -10%,rgba(217,194,139,.075),transparent 31%),
    radial-gradient(circle at -8% 48%,rgba(96,106,63,.13),transparent 34%),
    linear-gradient(155deg,#171A12 0%,#25281D 48%,#1D2017 100%) fixed!important;
  color:var(--fplus-os-cream);
}
body.fplus-system-canvas .category-hero{background-color:#1D2017}
body.fplus-system-canvas .category-hero .hero-shade{
  background:linear-gradient(90deg,rgba(23,26,18,.97) 0%,rgba(23,26,18,.80) 40%,rgba(23,26,18,.24) 73%,rgba(23,26,18,.84) 100%),linear-gradient(to top,var(--bg) 0%,transparent 45%);
}
body.fplus-system-canvas .site-header.scrolled,
body.fplus-system-canvas header.site-header.scrolled{background:rgba(23,26,18,.90)!important;border-color:var(--fplus-os-line)!important}
body.fplus-system-canvas .section.alt{background:rgba(23,26,18,.24)}
body.fplus-system-canvas .fplus-hub,
body.fplus-system-canvas .fplus-submit-page{background:radial-gradient(circle at 82% 0,rgba(217,194,139,.10),transparent 29%),linear-gradient(150deg,#171A12,#25281D 52%,#1D2017)!important}

/* Global navigation remains FOUNTAIN+ even when the content world underneath has custom art direction. */
.fplus-category-rail{background:linear-gradient(180deg,rgba(37,40,29,.97),rgba(23,26,18,.985))!important;border-color:var(--fplus-os-line)!important;box-shadow:0 24px 70px var(--fplus-os-shadow)!important}
.fplus-category-panel{background:linear-gradient(155deg,rgba(45,49,34,.995),rgba(23,26,18,.995))!important;border-color:var(--fplus-os-line)!important}
.fplus-category-backdrop{background:rgba(10,12,8,.58)!important}
.fplus-category-mobile-trigger{background:rgba(29,32,23,.93)!important;border-color:var(--fplus-os-line)!important;color:var(--fplus-os-cream)!important}
.fplus-category-mobile-trigger[aria-expanded="true"]{background:var(--fplus-os-cream)!important;color:var(--fplus-os-canvas)!important;border-color:var(--fplus-os-cream)!important}
.fplus-category-rail a.is-active,.fplus-category-rail button.is-active,
.fplus-category-mobile-cats a.is-active,.fplus-category-mobile-cats button.is-active,
.fplus-category-mobile-cats button[aria-expanded="true"]{background:var(--fplus-os-gold)!important;border-color:var(--fplus-os-gold)!important;color:#25281D!important}
.fplus-category-rail button[aria-expanded="true"]{background:var(--fplus-os-cream)!important;border-color:var(--fplus-os-cream)!important;color:#25281D!important}

/* Canonical mobile dock adopts the same television palette while keeping its proven geometry/behavior. */
html body:not(.fplus-account) nav.mobile-bottom-nav,
html body:not(.fplus-account) [data-fplus-bottom-dock].mobile-bottom-nav{
  background:rgba(29,32,23,.965)!important;
  border-color:rgba(217,194,139,.20)!important;
  color:var(--fplus-os-muted)!important;
  box-shadow:0 20px 64px rgba(0,0,0,.46)!important;
}
html body:not(.fplus-account) .mobile-bottom-nav>a{color:var(--fplus-os-muted)!important}
html body:not(.fplus-account) .mobile-bottom-nav>a:hover{color:var(--fplus-os-cream)!important;background:rgba(217,194,139,.07)!important}
html body:not(.fplus-account) .mobile-bottom-nav>a.active,
html body:not(.fplus-account) .mobile-bottom-nav>a[aria-current="page"]{color:var(--fplus-os-gold)!important;background:rgba(217,194,139,.12)!important;box-shadow:inset 0 0 0 1px rgba(217,194,139,.10)!important}
@media(max-width:900px){
  html body:not(.fplus-account) nav.mobile-bottom-nav,
  html body:not(.fplus-account) [data-fplus-bottom-dock].mobile-bottom-nav{
    background:rgba(23,26,18,.985)!important;
    border-top-color:rgba(217,194,139,.22)!important;
  }
}

/* System-level details. Never recolor video itself. */
::selection{background:rgba(217,194,139,.34);color:#FFF9EA}
html{scrollbar-color:rgba(217,194,139,.54) rgba(23,26,18,.55)}
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track{background:rgba(23,26,18,.72)}
html::-webkit-scrollbar-thumb{background:rgba(217,194,139,.50);border:2px solid rgba(23,26,18,.72);border-radius:999px}

/* Individual creator identities and branded worlds keep their authored canvas. Their system chrome stays harmonized above. */
body.fplus-system-authored-world{background-color:inherit}
html.pg-video-only,html.cinema-full-size,body.pg-video-only,body.cinema-full-size,body.ui-cinema-open,body[data-video-only="true"]{background:#000!important}