.ranking-web__row.rank-2 strong,.ranking-web__row.rank-2 span,.ranking-web__row.rank-2 b,.ranking-web__row.rank-3 strong,.ranking-web__row.rank-3 span,.ranking-web__row.rank-3 b{color:var(--bc-command)}
.ranking-web__perks{color:var(--bc-ready)!important;font-size:18px!important;font-weight:900;letter-spacing:.08em}
.ranking-web__shell{grid-template-rows:78px 52px 48px minmax(0,1fr)}.ranking-web__summary div{padding:12px 18px}.ranking-web__summary strong{font-size:21px;margin-top:7px}@media (max-width:700px){.ranking-web__shell{grid-template-rows:72px 48px 44px minmax(0,1fr)}.ranking-web__summary div{padding:10px 12px}.ranking-web__summary strong{font-size:16px;margin-top:6px}}
.ranking-web__rows,.ranking-web__row{box-sizing:border-box;width:100%}
.ranking-web__perks.is-boosted{height:20px;position:relative;width:22px}.ranking-web__perks.is-boosted::before,.ranking-web__perks.is-boosted::after{border-left:3px solid var(--bc-ready);border-top:3px solid var(--bc-ready);content:'';height:8px;left:6px;position:absolute;transform:rotate(45deg);width:8px}.ranking-web__perks.is-boosted::before{top:7px}.ranking-web__perks.is-boosted::after{top:1px}
.ranking-web__tabs button.is-selected{background:var(--bc-command);border-color:var(--bc-command);color:var(--bc-text)}.ranking-web__tabs .ranking-web__back.is-selected{background:var(--bc-danger-surface);border-color:var(--bc-danger);color:var(--bc-text)}.ranking-web__row.is-selected{background:var(--bc-panel-raised);border-color:var(--bc-command);box-shadow:inset 3px 0 0 var(--bc-command)}.ranking-web__row.is-selected strong,.ranking-web__row.is-selected span,.ranking-web__row.is-selected b{color:var(--bc-text)}

/* Custom season menu: native selects do not participate in gamepad focus. */
.ranking-web__season-picker{align-self:center;justify-self:end;position:relative;width:min(350px,100%);z-index:3}.ranking-web__season{align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%}.ranking-web__season i{font-size:22px;font-style:normal;line-height:.5;transition:transform .14s ease}.ranking-web__season-picker.is-open .ranking-web__season i{transform:rotate(180deg)}.ranking-web__season.is-selected{background:var(--bc-command);border-color:var(--bc-command);color:var(--bc-text)}.ranking-web__season-options{background:var(--bc-panel);border:1px solid var(--bc-command);box-shadow:0 12px 28px rgb(0 0 0 / 48%);display:grid;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px)}.ranking-web__season-options button{background:var(--bc-panel);border:0;border-bottom:1px solid var(--bc-line);color:var(--bc-command);cursor:pointer;min-height:42px;padding:0 14px;text-align:left}.ranking-web__season-options button.is-active{color:var(--bc-ready)}.ranking-web__season-options button.is-selected{background:var(--bc-command);color:var(--bc-text)}
@media(max-width:700px){.ranking-web__season-picker{width:100%}.ranking-web__season-options{max-height:196px}.ranking-web__season-options button{font-size:12px;min-height:36px}}
/* Shared active-state contrast: yellow action plates use dark ink. */
.ranking-web__tabs button.is-active,
.ranking-web__tabs button.is-selected,
.ranking-web__season.is-selected,
.ranking-web__season-options button.is-selected { color: var(--bc-active-ink); }

/* Ranking tabs use the exact Shop tab geometry and state palette. */
.ranking-web__tabs { gap: 5px; }
.ranking-web__tabs button { color: var(--bc-command); font-size: clamp(14px, 1.9vw, 19px); min-height: 42px; }
.ranking-web__tabs button.is-active,
.ranking-web__tabs button.is-selected { background: var(--bc-command); border-color: var(--bc-command); color: var(--bc-active-ink); }
.ranking-web__tabs .ranking-web__back { background: var(--bc-panel); border-color: var(--bc-line); color: var(--bc-command); }
.ranking-web__tabs .ranking-web__back.is-selected { background: var(--bc-danger-surface); border-color: var(--bc-danger); color: var(--bc-text); }
@media(max-width:700px){.ranking-web__tabs{gap:5px}.ranking-web__tabs button{font-size:12px;min-height:36px}}

/* Exact Shop tab tracks: compact/mobile proportions, fixed desktop widths. */
.ranking-web__tabs { grid-template-columns: 190fr 170fr 180fr 152fr; }
@media(min-width:900px){
  .ranking-web__tabs { grid-template-columns: 210px 210px 1fr 152px; }
  .ranking-web__tabs button { min-height: 58px; }
}
@media(max-width:520px){.ranking-web__tabs button{min-height:36px}}

/* Actionable unavailable state shared by responsive web layouts. */
.ranking-web__error {
  align-content: center;
  display: grid;
  gap: 12px;
  justify-items: center;
  margin: 0;
  min-height: 146px;
}
.ranking-web__error strong {
  color: var(--bc-text);
  font-size: clamp(20px, 2.4vw, 28px);
}
.ranking-web__error span {
  color: var(--bc-muted-light);
  font-size: clamp(14px, 1.7vw, 19px);
  line-height: 1.25;
}
.ranking-web__error button {
  background: var(--bc-command);
  border-color: var(--bc-command);
  color: var(--bc-active-ink);
  min-height: 44px;
  min-width: 180px;
  padding: 0 24px;
}
.ranking-web__error button.is-selected {
  box-shadow: inset 0 0 0 3px var(--bc-active-ink);
}