/* Shared competition controls: readable on desktop and narrow phones. */
.competition-subfilter {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.competition-subfilter[hidden],.ranking-bottom-grid[hidden] {display:none!important}
.competition-subfilter label {color:#a6b4c8;font-size:12px;font-weight:700}
.competition-subfilter select {min-width:210px;max-width:100%;padding:12px 38px 12px 14px;border:1px solid #344359;border-radius:12px;background:#101924;color:#edf5ff;font:inherit;cursor:pointer;color-scheme:dark}
.competition-subfilter select:focus-visible {outline:2px solid #61adff;outline-offset:3px}
.competition-method {max-width:650px;color:#a6b4c8;font-size:13px;line-height:1.7;margin:10px 0 0}
.ranking-mode-switch {display:flex!important;flex-wrap:wrap;gap:6px}
.ranking-mode-button {white-space:nowrap;min-height:44px}
.ranking-mode-panel {min-width:0;max-width:100%}
.profile-main-column .player-overview .player-section-head {flex-wrap:wrap;gap:18px}
.profile-main-column .player-overview .player-segments {display:flex;flex-wrap:wrap;gap:4px;max-width:100%}
.profile-main-column .player-overview .player-segments button {min-height:40px;white-space:nowrap;padding:9px 12px}
.profile-main-column .player-rankings {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px}
.player-profile-page .player-ranking.is-ucl {border-color:#2256a1;background:linear-gradient(135deg,#091a38,#0b111e)}
[data-competition-mode="tournaments"] .ranking-mode-button.active {background:#2764d9;border-color:#4789ff;color:#fff;box-shadow:0 4px 22px #1f69e52e}
[data-competition-mode="tournaments"] .top-player-first {border-color:#3477db;background:linear-gradient(145deg,#0c244b,#0a101c)}
.profile-main-column .player-scope-note {max-width:100%;line-height:1.5;white-space:normal;text-align:right}
@media(max-width:600px) {
  .ranking-mode-panel,.ranking-mode-switch {width:100%}
  .ranking-mode-button {flex:1 1 auto;font-size:12px;padding:10px 12px}
  .competition-subfilter select {width:100%}
  .profile-main-column .player-overview .player-segments {width:100%;border-radius:14px}
  .profile-main-column .player-overview .player-segments button {flex:1 1 auto;font-size:12px}
}

.ranking-mode-ratings {display:grid;grid-template-columns:repeat(2,minmax(80px,1fr));gap:6px;min-width:198px;text-align:left}
.ranking-mode-ratings a {display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:6px 8px;border:1px solid #27322f;border-radius:7px;color:#edf5ef;background:#0b1410;font-size:11px;line-height:1.4}
.ranking-mode-ratings span {grid-column:1/-1;color:#9cafa4}.ranking-mode-ratings small {color:#9cafa4;font-size:9px}
.ranking-mode-ratings a:hover {border-color:#398c5b}
