/* COUNTER V7 · Legendary Clan Rankings
   Only the Clan Rankings pane and clan modal are decorated.
   All clan records and crest icons come from the existing frontend. */
#page-rankings #ranking-clans-panel .legendary-clans-v7-head{
  display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:14px;
  margin:22px 0 17px;padding:0 2px 14px;
  border-bottom:1px solid rgba(133,202,220,.24);
}
#page-rankings .legendary-clans-v7-heading{
  margin:0;color:#f0f8fd;font:700 clamp(22px,2.5vw,30px)/1.17 Georgia,serif;
  letter-spacing:.055em;text-shadow:0 2px 18px rgba(66,164,209,.14);
}
#page-rankings .legendary-clans-v7-sub{
  display:block;margin-top:8px;color:#b4cbd3;font:800 10px/1.4 system-ui,sans-serif;
  text-transform:uppercase;letter-spacing:.13em;
}
#page-rankings .legendary-clans-v7-demo{
  display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(227,185,111,.38);
  border-radius:7px;background:rgba(57,42,21,.45);color:#e5cf9c;
  font:800 10px/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.09em;
}
#page-rankings .legendary-clans-v7-demo::before{content:"◆";color:#ebce93}
#page-rankings #ranking-clans-panel .legendary-clans-v7-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;
  gap:16px;margin:0 0 26px;
}
#page-rankings #ranking-clans-panel .legendary-clan-v7-card{
  --lc-metal:rgba(127,197,222,.55);--lc-aura:rgba(61,153,206,.13);--lc-ink:rgba(13,35,48,.98);
  min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate;
  border:1px solid var(--lc-metal);border-radius:16px;
  background:radial-gradient(ellipse 98% 45% at 50% 0,var(--lc-aura),transparent 82%),linear-gradient(156deg,var(--lc-ink),#05141f 86%);
  box-shadow:inset 0 1px rgba(219,241,253,.08),0 20px 48px rgba(0,0,0,.40),0 0 19px var(--lc-aura);
}
#page-rankings #ranking-clans-panel .legendary-clan-v7-card[data-clan-place="1"]{
  --lc-metal:rgba(234,192,109,.71);--lc-aura:rgba(204,151,63,.23);--lc-ink:rgba(48,35,23,.98);
}
#page-rankings #ranking-clans-panel .legendary-clan-v7-card[data-clan-place="2"]{
  --lc-metal:rgba(185,216,234,.66);--lc-aura:rgba(149,196,224,.16);--lc-ink:rgba(21,40,53,.98);
}
#page-rankings #ranking-clans-panel .legendary-clan-v7-card[data-clan-place="3"]{
  --lc-metal:rgba(205,145,105,.61);--lc-aura:rgba(194,113,73,.15);--lc-ink:rgba(41,31,28,.98);
}
#page-rankings #ranking-clans-panel .legendary-clan-v7-card::before{
  content:"";inset:5px;position:absolute;z-index:-1;pointer-events:none;
  border:1px solid rgba(229,245,250,.095);border-radius:12px;
  background:linear-gradient(110deg,transparent 28%,rgba(230,248,255,.035) 53%,transparent 77%);
}
#page-rankings #ranking-clans-panel .legendary-clan-v7-main{
  display:flex;flex-direction:column;align-items:center;flex:1;min-height:320px;
  width:100%;padding:20px 17px 14px;
  border:0;background:transparent;color:inherit;cursor:pointer;text-align:center;
  font-family:inherit;min-width:0;
}
#page-rankings .legendary-clan-v7-rank{
  align-self:flex-start;display:inline-flex;align-items:center;gap:7px;
  padding:7px 10px;border:1px solid var(--lc-metal);border-radius:8px;
  background:rgba(4,18,28,.48);color:#e2cc9f;font:800 11px/1.2 system-ui,sans-serif;
  letter-spacing:.11em;text-transform:uppercase;
}
#page-rankings .legendary-clan-v7-rank::before{content:"♛";color:#eac684;font-size:15px}
#page-rankings .legendary-clan-v7-crest{
  width:90px!important;height:99px!important;min-height:99px!important;flex:0 0 99px;
  display:grid!important;place-items:center!important;margin:5px auto 12px!important;
  border:2px solid var(--lc-metal)!important;border-radius:12px 12px 22px 22px!important;
  color:#e6d5ae!important;
  background:radial-gradient(circle at 50% 20%,var(--lc-aura),transparent 72%),linear-gradient(140deg,rgba(22,47,61,.94),rgba(5,20,31,.96))!important;
  box-shadow:0 0 0 4px rgba(3,14,23,.71),0 0 28px var(--lc-aura),0 13px 26px rgba(0,0,0,.35)!important;
  font-size:25px!important;
}
#page-rankings .legendary-clan-v7-crest.realm-clan-crest .realm-icon{
  font-size:43px!important;line-height:1!important;
}
#page-rankings .legendary-clan-v7-name{
  display:block;max-width:100%;margin:0 0 6px;color:#f0f8fe;
  font:700 clamp(21px,2.15vw,28px)/1.22 Georgia,serif;
  overflow-wrap:anywhere;
}
#page-rankings .legendary-clan-v7-card[data-clan-place="1"] .legendary-clan-v7-name{
  color:#ffe4b0;text-shadow:0 0 16px rgba(215,167,74,.16);
}
#page-rankings .legendary-clan-v7-alliance{
  display:block;max-width:100%;color:#a4c5d0;font:700 11px/1.4 system-ui,sans-serif;
  overflow-wrap:anywhere;
}
#page-rankings .legendary-clan-v7-rep{
  display:block;margin:17px auto 0;color:#f6f9fb;font:800 25px/1.14 Georgia,serif;
  font-variant-numeric:tabular-nums;
}
#page-rankings .legendary-clan-v7-card[data-clan-place="1"] .legendary-clan-v7-rep{color:#f5daa6}
#page-rankings .legendary-clan-v7-rep-label{
  display:block;margin-top:5px;color:#9bbdc9;
  font:800 9px/1.25 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;
}
#page-rankings .legendary-clan-v7-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
  margin:0 13px 13px;
}
#page-rankings .legendary-clan-v7-stats>span{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:0;min-height:55px;padding:8px 5px;
  border:1px solid rgba(117,190,213,.22);border-radius:8px;
  background:rgba(3,18,28,.5);
}
#page-rankings .legendary-clan-v7-stats b{color:#e0f3f9;font:800 13px/1.3 system-ui,sans-serif;overflow-wrap:anywhere;text-align:center}
#page-rankings .legendary-clan-v7-stats small{margin-top:4px;color:#a2bfca;font:800 9px/1.2 system-ui,sans-serif;letter-spacing:.03em;text-align:center}
#page-rankings .legendary-clan-v7-castle{
  display:flex;align-items:center;justify-content:center;gap:7px;
  margin:0 13px 12px;padding:10px;
  border:1px solid rgba(215,178,111,.33);border-radius:8px;
  background:rgba(75,50,25,.23);color:#e8c78f;
  font:800 12px/1.3 system-ui,sans-serif;
}
#page-rankings .legendary-clan-v7-castle[data-no-castle="true"]{
  color:#a7c7d2;border-color:rgba(116,193,219,.23);background:rgba(15,45,59,.35);
}
#page-rankings .legendary-clan-v7-castle::before{content:"♜";font-size:16px}
#page-rankings .legendary-clan-v7-leader{
  appearance:none;display:flex;align-items:center;justify-content:space-between;gap:7px;
  padding:13px 15px;min-height:56px;width:100%;
  border:0;border-top:1px solid rgba(135,199,223,.23);
  color:#e3f3f8;background:rgba(4,19,30,.60);
  text-align:left;font:700 12px/1.3 system-ui,sans-serif;cursor:pointer;
}
#page-rankings .legendary-clan-v7-leader b{color:#f5f9fb;font-size:13px;overflow-wrap:anywhere}
#page-rankings .legendary-clan-v7-leader small{color:#9ab9c5;font-size:10px;font-weight:800}
#page-rankings .legendary-clan-v7-leader span:last-child{color:#e3bd83;font-size:18px}
#page-rankings .legendary-clan-v7-main:focus-visible,
#page-rankings .legendary-clan-v7-leader:focus-visible{
  outline:2px solid #9be6f9!important;outline-offset:-4px!important;
}
@media(hover:hover) and (pointer:fine){
  #page-rankings .legendary-clan-v7-card{transition:transform .25s ease,box-shadow .25s ease}
  #page-rankings .legendary-clan-v7-card:hover{
    transform:translateY(-4px);
    box-shadow:inset 0 1px rgba(229,245,255,.14),0 25px 55px rgba(0,0,0,.49),0 0 27px var(--lc-aura);
  }
  #page-rankings .legendary-clan-v7-leader:hover{background:rgba(30,65,79,.60)}
}
@media(max-width:820px){
  #page-rankings #ranking-clans-panel .legendary-clans-v7-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  }
  #page-rankings #ranking-clans-panel .legendary-clan-v7-card:first-child{
    grid-column:1/-1;
  }
  #page-rankings #ranking-clans-panel .legendary-clan-v7-main{min-height:289px;padding:18px 12px 11px}
  #page-rankings #ranking-clans-panel .legendary-clan-v7-crest{
    height:74px!important;min-height:74px!important;width:68px!important;flex-basis:74px;margin-top:8px!important;
  }
  #page-rankings .legendary-clan-v7-crest.realm-clan-crest .realm-icon{font-size:32px!important}
  #page-rankings #ranking-clans-panel .legendary-clan-v7-card:first-child .legendary-clan-v7-crest{
    width:93px!important;height:102px!important;min-height:102px!important;flex-basis:102px;
  }
  #page-rankings #ranking-clans-panel .legendary-clan-v7-card:first-child .legendary-clan-v7-crest.realm-clan-crest .realm-icon{font-size:46px!important}
  #page-rankings .legendary-clan-v7-name{font-size:clamp(18px,4.6vw,26px)}
  #page-rankings .legendary-clan-v7-card:first-child .legendary-clan-v7-name{font-size:28px}
  #page-rankings .legendary-clan-v7-rep{font-size:22px}
  #page-rankings .legendary-clan-v7-stats{gap:5px;margin:0 8px 9px}
  #page-rankings .legendary-clan-v7-stats>span{padding:7px 2px}
  #page-rankings .legendary-clan-v7-stats b{font-size:12px}
  #page-rankings .legendary-clan-v7-stats small{font-size:8px}
  #page-rankings .legendary-clan-v7-castle{margin-inline:8px;font-size:11px;padding:8px 5px}
  #page-rankings .legendary-clan-v7-leader{padding:11px 10px}
}
@media(max-width:420px){
  #page-rankings .legendary-clans-v7-heading{font-size:24px}
  #page-rankings #ranking-clans-panel .legendary-clans-v7-grid{gap:8px}
  #page-rankings .legendary-clan-v7-main{padding-inline:8px!important}
  #page-rankings .legendary-clan-v7-rank{font-size:9px;padding:6px 7px}
  #page-rankings .legendary-clan-v7-name{font-size:17px}
  #page-rankings .legendary-clan-v7-rep{font-size:19px}
  #page-rankings .legendary-clan-v7-leader b{font-size:11px}
  #page-rankings .legendary-clan-v7-leader small{font-size:9px}
}
/* Clan profile modal: prevent the rank emblem from stretching across the
   entire banner on mobile when both left and right were set by older CSS. */
#publicClanModal .public-clan-banner .public-clan-rank{
  position:absolute!important;left:auto!important;right:18px!important;top:15px!important;
  bottom:auto!important;width:max-content!important;max-width:calc(100% - 36px)!important;
  display:flex!important;flex-direction:column!important;align-items:flex-end!important;
  gap:5px!important;padding:0!important;margin:0!important;text-align:right!important;z-index:4!important;
}
#publicClanModal .public-clan-rank small{
  color:#d7c18e!important;font-size:10px!important;letter-spacing:.1em!important;
}
#publicClanModal #publicClanRankMain.realm-rank-emblem{
  position:relative!important;inset:auto!important;
  display:inline-flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;
  flex:0 0 auto!important;box-sizing:border-box!important;
  width:auto!important;min-width:72px!important;max-width:108px!important;
  height:39px!important;min-height:39px!important;max-height:39px!important;
  padding:7px 11px!important;border-radius:9px!important;
}
#publicClanModal #publicClanRankMain .realm-rank-value{font:800 13px/1.2 system-ui,sans-serif!important;white-space:nowrap!important}
#publicClanModal #publicClanRankMain .realm-icon{font-size:15px!important}
@media(max-width:720px){
  #publicClanModal .public-clan-banner .public-clan-rank{left:auto!important;right:14px!important;top:13px!important}
  #publicClanModal #publicClanRankMain.realm-rank-emblem{
    height:35px!important;min-height:35px!important;max-height:35px!important;
    padding:6px 9px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #page-rankings #ranking-clans-panel .legendary-clan-v7-card{transition:none!important;animation:none!important}
  #page-rankings #ranking-clans-panel .legendary-clan-v7-card:hover{transform:none!important}
}