/* Hungry Wars v109 — ONLY main ranking modal. Arena leaderboard is untouched. */

/* ===== Kill the remaining purple accents, with stronger specificity than runtime styles ===== */
html body #modal[data-view="mainRanks"] .hw57-book .hw57-page .hw57-page-head .hw57-page-mark{
  border:2px solid #9b5c19!important;
  background:linear-gradient(180deg,#925414 0%,#5f3108 100%)!important;
  color:#ffe5a1!important;
  box-shadow:inset 0 1px rgba(255,255,255,.20),0 3px 0 #3e1e03,0 7px 12px rgba(77,42,5,.13)!important;
  text-shadow:0 1px #2c1401!important;
}
html body #modal[data-view="mainRanks"] .hw57-book .hw57-page .hw57-page-subtabs button.active,
html body #modal[data-view="mainRanks"] .hw57-book .hw57-page .hw57-page-subtabs button[aria-selected="true"]{
  border-color:#9d601c!important;
  background:linear-gradient(180deg,#a86620 0%,#6b390c 100%)!important;
  color:#fff0bd!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 4px 0 #472306,0 8px 14px rgba(81,44,5,.12)!important;
  text-shadow:0 1px #3a1b03!important;
}

/* The old book stylesheet inserts a star absolutely at x=13 and it collides with text. Remove it. */
html body #modal[data-view="mainRanks"] .hw57-book .hw57-page .hw57-page-subtabs button::before,
html body #modal[data-view="mainRanks"] .hw57-book .hw57-page .hw57-page-subtabs button::after{
  content:none!important;
  display:none!important;
}
html body #modal[data-view="mainRanks"] .hw57-book .hw57-page .hw57-page-subtabs button{
  padding-left:16px!important;
  padding-right:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  text-indent:0!important;
}

/* ===== ALL [TAGS] in this window are brown, not navy/blue ===== */
html body #modal[data-view="mainRanks"] .hw107-tag,
html body #modal[data-view="mainRanks"] .hw107-player .hw107-tag,
html body #modal[data-view="mainRanks"] .hw107-clan .hw107-title .hw107-tag{
  color:#6b3709!important;
  -webkit-text-fill-color:#6b3709!important;
  text-shadow:0 1px rgba(255,244,202,.85)!important;
  border-color:#c18a3b!important;
  background:linear-gradient(180deg,#fff1c5 0%,#e9c27d 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 1px 0 rgba(129,70,10,.18)!important;
}
/* Clan title tag is the primary text, so keep it large but clean. */
html body #modal[data-view="mainRanks"] .hw107-clan .hw107-title .hw107-tag{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:16px!important;
  font-weight:1000!important;
  color:#6a3609!important;
  -webkit-text-fill-color:#6a3609!important;
}
html body #modal[data-view="mainRanks"] .hw107-clan .hw107-title .hw107-clan-name{
  font-size:12px!important;
  color:#815a2c!important;
}

/* ===== Current player: proper badge in the title, no floating pseudo badge ===== */
html body #modal[data-view="mainRanks"] .hw57-row.hw107-player.self::after{
  content:none!important;
  display:none!important;
}
html body #modal[data-view="mainRanks"] .hw57-row.hw107-player.self{
  border:2px solid #3a95b8!important;
  outline:2px solid rgba(50,151,191,.18)!important;
  outline-offset:1px!important;
  background:linear-gradient(100deg,#f7fdff 0%,#e9f7fb 54%,#d7eff6 100%)!important;
}
html body #modal[data-view="mainRanks"] .hw57-row.hw107-player.self .hw57-name,
html body #modal[data-view="mainRanks"] .hw57-row.hw107-player.self .hw107-title>b{
  color:#53300c!important;
  -webkit-text-fill-color:#53300c!important;
  text-shadow:none!important;
}
html body #modal[data-view="mainRanks"] .hw109-you{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:18px!important;
  padding:0 7px!important;
  margin-left:3px!important;
  border:1px solid #2f82a8!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#eefaff,#cae9f5)!important;
  color:#286984!important;
  font:1000 8px/1 "Arial Black",Arial,sans-serif!important;
  letter-spacing:.045em!important;
  box-shadow:inset 0 1px rgba(255,255,255,.95),0 1px 2px rgba(35,102,129,.12)!important;
}

/* ===== Force each clan crest to use its own --hwc-color ===== */
html body #modal[data-view="mainRanks"] .hw107-crest .hw65-clan-real-crest{
  position:relative!important;
  isolation:isolate!important;
}
html body #modal[data-view="mainRanks"] .hw107-crest .hw65-clan-real-crest .hwc-live-fill{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:var(--hwc-color,#ef8b16)!important;
  background-color:var(--hwc-color,#ef8b16)!important;
  -webkit-mask-image:var(--hwc-mask)!important;
  mask-image:var(--hwc-mask)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  z-index:0!important;
  opacity:1!important;
}
html body #modal[data-view="mainRanks"] .hw107-crest .hwc-live-symbol-layer{position:absolute!important;inset:0!important;z-index:1!important}
html body #modal[data-view="mainRanks"] .hw107-crest .hwc-live-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;z-index:2!important}

/* Keep remaining navigation accents brown/gold too. */
html body #modal[data-view="mainRanks"] .hw57-pager button{
  color:#74420f!important;
  border-color:#bd7a22!important;
  background:linear-gradient(180deg,#fff3cb,#e4ba6d)!important;
}
html body #modal[data-view="mainRanks"] .hw62-loading::before{border-top-color:#8e5315!important}

@media(max-height:760px){
  html body #modal[data-view="mainRanks"] .hw107-clan .hw107-title .hw107-tag{font-size:14px!important}
  html body #modal[data-view="mainRanks"] .hw109-you{height:16px!important;padding:0 6px!important;font-size:7px!important}
}