/* Hungry Wars v108 — requested ranking style corrections.
   Scope is ONLY the main rankings modal. Arena/game leaderboard is untouched. */

/* ===== Clan row title: [TAG] FIRST, clan name second and smaller ===== */
#modal[data-view="mainRanks"] .hw107-clan .hw107-title{
  display:flex!important;
  align-items:baseline!important;
  gap:9px!important;
  min-width:0!important;
  overflow:hidden!important;
}
#modal[data-view="mainRanks"] .hw107-clan .hw107-title .hw107-tag{
  order:-10!important;
  flex:0 0 auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  font-family:"Arial Black","Trebuchet MS",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.015em!important;
  color:#183f61!important;
  text-shadow:0 1px 0 #fff3c3!important;
  white-space:nowrap!important;
}
#modal[data-view="mainRanks"] .hw107-clan .hw107-title .hw107-clan-name{
  order:0!important;
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-family:"Trebuchet MS",Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  color:#76501f!important;
  text-shadow:none!important;
}

/* Player clan tags remain compact, but use the same unified blue-steel text tone. */
#modal[data-view="mainRanks"] .hw107-player .hw107-tag{
  border-color:#9eb2c3!important;
  background:linear-gradient(180deg,#f7fbff,#e4edf4)!important;
  color:#244f70!important;
  box-shadow:inset 0 1px rgba(255,255,255,.95)!important;
}

/* ===== Remove purple from this screen ===== */
#modal[data-view="mainRanks"] .hw57-page-mark{
  border-color:#6ea4c9!important;
  background:linear-gradient(180deg,#3b8fc7 0%,#1f648f 100%)!important;
  color:#fff!important;
  box-shadow:0 3px #164865,inset 0 1px rgba(255,255,255,.24)!important;
  text-shadow:0 1px rgba(0,0,0,.28)!important;
}
#modal[data-view="mainRanks"] .hw57-page-subtabs button.active,
#modal[data-view="mainRanks"] .hw57-page-subtabs button[aria-selected="true"]{
  border-color:#2d719e!important;
  background:linear-gradient(180deg,#4ca0d5 0%,#2472a4 100%)!important;
  color:#fff!important;
  box-shadow:0 3px #185276,inset 0 1px rgba(255,255,255,.24)!important;
  text-shadow:0 1px rgba(0,0,0,.25)!important;
}

/* Rank shields 4+ — steel blue instead of purple. */
#modal[data-view="mainRanks"] .hw57-row[data-rank]:not([data-rank="1"]):not([data-rank="2"]):not([data-rank="3"]) .hw57-rank-badge{
  background:linear-gradient(180deg,#4f9bc9 0%,#276d9c 58%,#164b70 100%)!important;
  color:#fff!important;
  filter:drop-shadow(0 3px 2px rgba(23,64,90,.26))!important;
}
#modal[data-view="mainRanks"] .hw57-row[data-rank]:not([data-rank="1"]):not([data-rank="2"]):not([data-rank="3"]) .hw57-rank-badge em{
  color:#fff!important;
  text-shadow:0 2px 2px rgba(16,55,82,.45)!important;
}
#modal[data-view="mainRanks"] .hw57-pager button{
  color:#285d82!important;
}
#modal[data-view="mainRanks"] .hw62-loading:before{
  border-top-color:#2f80b4!important;
}

/* ===== Current player: NO red nickname in the rankings modal =====
   The arena/game leaderboard is intentionally not targeted. */
#modal[data-view="mainRanks"] .hw57-row.hw107-player.self{
  position:relative!important;
  border:2px solid #2b8fc2!important;
  outline:2px solid rgba(61,171,220,.22)!important;
  outline-offset:1px!important;
  background:linear-gradient(100deg,#f2fbff 0%,#e0f3fb 48%,#cdeaf6 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.95),
    0 0 0 2px rgba(39,137,184,.10),
    0 5px 14px rgba(25,105,145,.18)!important;
}
#modal[data-view="mainRanks"] .hw57-row.hw107-player.self .hw107-title .hw57-name,
#modal[data-view="mainRanks"] .hw57-row.hw107-player.self .hw107-title>b,
#modal[data-view="mainRanks"] .hw57-row.hw107-player.self .hw57-name{
  color:#4f2b08!important;
  -webkit-text-fill-color:#4f2b08!important;
  text-shadow:none!important;
  filter:none!important;
}
#modal[data-view="mainRanks"] .hw57-row.hw107-player.self .hw107-avatar{
  border-color:#2991c5!important;
  box-shadow:0 0 0 3px rgba(60,174,222,.18),0 3px 8px rgba(30,104,139,.20)!important;
}
#modal[data-view="mainRanks"] .hw57-row.hw107-player.self:after{
  content:"ТЫ"!important;
  position:absolute!important;
  top:4px!important;
  right:132px!important;
  z-index:5!important;
  padding:2px 6px!important;
  border:1px solid #2d7da7!important;
  border-radius:999px!important;
  background:#e7f7ff!important;
  color:#236486!important;
  font:1000 8px/1 "Arial Black",Arial,sans-serif!important;
  letter-spacing:.05em!important;
  box-shadow:0 1px 2px rgba(24,83,111,.12)!important;
}

/* Keep current clan highlighted with the same family, not purple. */
#modal[data-view="mainRanks"] .hw57-row.hw107-clan.self{
  border-color:#2e88b7!important;
  outline:2px solid rgba(55,157,204,.16)!important;
  background:linear-gradient(100deg,#f1fbff,#dbf0f9)!important;
}

@media(max-height:760px){
  #modal[data-view="mainRanks"] .hw107-clan .hw107-title .hw107-tag{font-size:14px!important}
  #modal[data-view="mainRanks"] .hw107-clan .hw107-title .hw107-clan-name{font-size:10.5px!important}
  #modal[data-view="mainRanks"] .hw57-row.hw107-player.self:after{right:117px!important}
}