/* HighbiniOT palette: navy, antique gold and light parchment. */
:root {
  --hb-navy: #18243c;
  --hb-navy-deep: #0d1628;
  --hb-gold: #b79a5c;
  --hb-paper: #eaddbd;
  --hb-paper-light: #f6edd7;
  --hb-paper-shade: #d9c9a6;
  --hb-ink: #3d291b;
  --hb-muted: #705d43;
  --hb-link: #214e77;
  --hb-rule: #c0ab7f;
}
html {
  background: linear-gradient(180deg,rgba(9,17,32,.04),rgba(9,17,32,.28)) fixed,
    url('/templates/highbinot/images/header/background-battlepass-2026.webp') top center / cover no-repeat fixed,
    #0b1526;
}

/* Keep the painted ornament; replace its baked-in orange interior. */
.rb-ticker > .rb-panel-body,
#News.rb-content > .rb-panel-body,
#MenuColumn .rb-panel-body {
  position: relative;
  isolation: isolate;
  border-image: none;
  background: linear-gradient(110deg,#eadcba,#f1e7ce 48%,#e6d7b6);
  background-clip: border-box;
  border-radius: 5px;
  box-shadow: 0 4px 12px rgba(7,15,29,.28), inset 0 0 26px rgba(110,79,34,.08);
}
.rb-ticker > .rb-panel-body::before,
#News.rb-content > .rb-panel-body::before,
#MenuColumn .rb-panel-body::before {
  content: '';
  position: absolute;
  inset: -24px;
  z-index: -1;
  pointer-events: none;
  border: 24px solid transparent;
  border-image: url('/templates/highbinot/images/ui/box/body.png') 210 / 24px stretch;
  filter: saturate(.6) brightness(.98);
}
.rb-ticker > .rb-panel-body::before { inset: -18px; border-width: 18px; border-image-width: 18px; }
#MenuColumn .rb-panel-body { border: 10px solid transparent; margin-top: -3px; }
#MenuColumn .rb-panel-body::before { inset: -10px; border-width: 10px; border-image-width: 10px; }
#MenuColumn .rb-frame-top, #MenuColumn .rb-frame-bot { display: none; }
#MenuColumn .rb-frame-mid { background: none; padding: 3px 0; }

.rb-box {
  background: linear-gradient(110deg,#e6d7b6,#efe4c9 50%,#e3d2ae);
  border-radius: 5px;
  isolation: isolate;
  box-shadow: 0 4px 12px rgba(7,15,29,.28);
}
.rb-box::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 12px solid transparent;
  border-image: url('/templates/highbinot/images/ui/box/body.png') 210 / 12px stretch;
  filter: saturate(.6) brightness(.98);
  pointer-events: none;
}

/* Deep blue header artwork, with cream text unaffected by the filter. */
.rb-panel-head, .rb-ticker .rb-panel-head, .rb-page-head, .rb-box-head { background-image: none; }
.rb-panel-head::after, .rb-page-head::after, .rb-box-head::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--hb-header-art) center / 100% 100% no-repeat;
  filter: saturate(.62) brightness(.78);
  pointer-events: none;
}
.rb-panel-head { --hb-header-art: url('/templates/highbinot/images/ui/menu/header.png'); }
.rb-ticker .rb-panel-head, .rb-page-head { --hb-header-art: url('/templates/highbinot/images/ui/page/header-editable.png'); }
.rb-box-head { --hb-header-art: url('/templates/highbinot/images/ui/box/header.png'); }
.rb-panel-head, .rb-ticker .rb-panel-head, .rb-page-head, .rb-box-head {
  color: #f5ead0;
  text-shadow: 0 1px 2px #050c18;
}

#Topbar { position: relative; background-image: none; isolation: isolate; }
#Topbar::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: url('/templates/highbinot/images/ui/topbar.png') center / 100% 100% no-repeat;
  filter: saturate(.62) brightness(.78); pointer-events: none;
}
.Content #TopbarInner a.TopbarLink, .Content #TopbarInner a.TopbarLink:visited { color: #f5ead0; }
.Content #TopbarInner a.TopbarLink:hover { color: #ffe2a1; }
.TopbarSep { background: rgba(224,200,151,.36); }

/* Distinct supporting surfaces and article bodies. */
.rb-ticker .RbTickerInner { border-bottom-color: rgba(134,106,61,.24); }
.rb-ticker .RbTickerInner:hover { background: rgba(167,131,61,.11); }
.rb-ticker .RbTickerRow.is-expanded .RbTickerInner { background: rgba(167,131,61,.13); }
.rb-ticker .RbTickerText, .rb-ticker .RbTickerShort, .rb-ticker .RbTickerFull { color: var(--hb-ink); }
.rb-ticker .RbTickerDate { color: #604b35; }
.rb-ticker .RbTickerText strong { color: #785019; }
.Content #News .NewsHeadline {
  background: linear-gradient(#dfd0aa,#d6c397);
  border-color: #b49b6a;
  border-bottom-color: #baa173;
}
.Content #News .NewsHeadlineText { color: #3d291b !important; }
.Content #News .NewsHeadlineDate { color: #604b35 !important; }
.Content #News .NewsHeadline + table {
  background: #f6edd7;
  border-color: #baa173;
  box-shadow: 0 2px 5px rgba(65,42,18,.13);
}
.Content #News .NewsHeadline + table td,
.rb-content-mid, .rb-content-mid td,
.rb-box .DiscordText, .rb-box .WikiText { color: var(--hb-ink); }
.rb-content-mid a:link, .rb-content-mid a:visited,
.Content #News .NewsHeadline + table td a { color: var(--hb-link); }
.rb-content-mid a:hover { color: #7b4f16; }
#MenuColumn a.rb-menuitem { color: #493421; border-bottom-color: rgba(134,106,61,.22); }
#MenuColumn a.rb-menuitem:hover { color: #684310; background: rgba(250,243,220,.7); }
#MenuColumn a.rb-menuitem[aria-current="page"] {
  color: #51350f;
  background: rgba(179,146,80,.23);
  box-shadow: inset 2px 0 #977335;
}
.rb-box .BoostedLabel { color: #654d30; }
.rb-box .BoostedName { color: #3d291b; }

/* Gold, forest green and indigo each retain readable label contrast. */
a.rb-btn-gold, #MenuColumn a.rb-btn-gold, #MenuColumn a.rb-btn-gold:visited,
.rb-box a.rb-btn-gold {
  color: #30200d;
  background: linear-gradient(#d9bd7f,#c5a25b 55%,#b18a40);
  border-color: #80612f;
  text-shadow: 0 1px rgba(255,246,219,.45);
  box-shadow: inset 0 1px rgba(255,250,226,.55), 0 2px 4px rgba(34,23,9,.25);
}
a.rb-btn-gold:hover, #MenuColumn a.rb-btn-gold:hover, .rb-box a.rb-btn-gold:hover {
  color: #251908; background: linear-gradient(#e7cc94,#d5b470 55%,#bd974e);
}
a.rb-btn-green, #MenuColumn a.rb-btn-green, #MenuColumn a.rb-btn-green:visited {
  color: #f3f1dd;
  background: linear-gradient(#466f35,#345b27 55%,#27491d);
  border-color: #25411b;
}
a.rb-btn:hover { filter: none; }
a.rb-btn-green:hover, #MenuColumn a.rb-btn-green:hover { color: #fffbea; background: linear-gradient(#527b3e,#416d31,#315624); }
.rb-btn-discord { background: linear-gradient(#4b58ac,#343f87); border-color: #252f64; }
.DiscordIconBg { background: linear-gradient(135deg,#5865b7,#3b478f); }
.WikiIconBg { background: linear-gradient(135deg,#b99a57,#8d6b2d); }
.BoostedFrame { background: #162039; border-color: #737f96; }
.HbMobileNavToggle { background: linear-gradient(#25334e,#131f35); border-color: #b79a5c; color: #f5ead0; }

#RbFooter {
  background: linear-gradient(#1b2843,#0d1629);
  border-top-color: #b79a5c;
  box-shadow: 0 -4px 16px rgba(6,12,24,.35);
}
.RbFooterColTitle { color: #d4ba80; border-bottom-color: rgba(196,165,105,.3); }
.RbFooterLink { color: #d5d9e1; }
.RbFooterLink:hover { color: #f3d99d; }
.RbFooterBottom, .RbFooterOnline { color: #acb7ca; }
@media (max-width: 640px) {
  .rb-ticker > .rb-panel-body::before,
  #News.rb-content > .rb-panel-body::before { inset: -17px; border-width: 17px; border-image-width: 17px; }
}