.compare-player-search { position:relative; flex:1; min-width:0; align-self:flex-start; }
.compare-player-search > label { display:block; margin-bottom:9px; font-size:12px; font-weight:600; color:var(--muted); }
.player-search-field { display:flex; align-items:center; min-height:46px; background:var(--surface); border:1px solid var(--control-line, transparent); border-radius:5px; }
.player-search-field:focus-within { border-color:var(--brand-red-ink); outline:2px solid var(--brand-red-ink); outline-offset:2px; }
.player-search-field > svg { width:18px; height:18px; margin:0 12px; flex:0 0 18px; color:var(--muted); }
.player-search-field > input { width:100%; min-width:0; padding:12px 0; font:inherit; font-size:14px; border:0; background:transparent; color:var(--ink); outline:none; }
.player-search-field > input:focus-visible { outline:none; }
.player-search-field > input::-webkit-search-cancel-button { display:none; }
.player-search-field > input::placeholder { color:var(--muted); }
.player-search-field > button { align-self:stretch; min-width:42px; padding:0 10px; border:0; border-radius:0 4px 4px 0; background:transparent; color:var(--muted); font-size:23px; cursor:pointer; }
.player-search-field > button:hover { color:var(--ink); background:var(--surface-hover); }
.player-search-selection { display:block; padding-top:8px; font-size:11px; color:var(--muted); }
.player-search-popup { position:absolute; z-index:30; top:calc(100% + 6px); left:0; right:0; padding:5px; border:1px solid var(--control-line, transparent); border-radius:6px; background:var(--surface); box-shadow:0 12px 32px #0007; }
.player-search-popup[hidden] { display:none; }
.player-search-results { max-height:280px; overflow:auto; overscroll-behavior:contain; }
.player-search-results > button { width:100%; min-height:60px; display:flex; align-items:center; gap:12px; padding:10px; border:0; border-radius:3px; background:transparent; text-align:left; color:var(--ink); cursor:pointer; }
.player-search-results > button:hover, .player-search-results > button[aria-selected="true"] { background:var(--surface-hover); box-shadow:inset 2px 0 var(--brand-red); }
.player-search-avatar { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border:1px solid var(--line); border-radius:50%; background:var(--surface-muted); color:var(--muted); font-size:12px; font-weight:650; }
.player-search-results strong { display:block; font-size:14px; font-weight:650; }
.player-search-results small { display:block; margin-top:4px; color:var(--muted); font-size:11px; }
.player-search-status { padding:10px; margin:0; font-size:12px; color:var(--muted); }
.compare-selectors:has(.compare-player-search) > span { padding-top:20px; color:var(--muted); }
@media(max-width:650px) {
  .compare-selectors:has(.compare-player-search) { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  .compare-selectors:has(.compare-player-search) > span { padding:0; text-align:center; }
  .player-search-field > input { font-size:16px; }
  .player-search-results { max-height:225px; }
}