/* Shared all-sport comparison scope. */
.scoped-compare-toolbar {
    display: grid;
    grid-template-columns: minmax(330px, 1fr) minmax(260px, .9fr);
    gap: 10px;
    margin-bottom: 9px;
}

.scoped-compare-modes {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid #302e37;
}

.scoped-compare-modes button,
.scoped-compare-search input,
.scoped-compare-seasons select {
    min-height: 38px;
    border: 0;
    border-right: 1px solid #302e37;
    border-radius: 0;
    background: #15151c;
    color: #8b8692;
    font-family: var(--bt-mono);
    font-size: 7px;
    text-transform: uppercase;
}

.scoped-compare-modes button:last-child { border-right: 0; }
.scoped-compare-modes button.active { background: var(--sport-glow, rgba(102,126,234,.13)); color: var(--sport-accent-soft, #b5b9f4); box-shadow: inset 0 -2px var(--sport-accent, #667eea); }

.scoped-compare-search { position: relative; display: flex; flex-direction: column; color: #77727e; font-family: var(--bt-mono); font-size: 6px; text-transform: uppercase; }
.scoped-compare-search input { width: 100%; margin-top: 3px; padding: 8px 10px; border: 1px solid #302e37; text-transform: none; }
.scoped-selected-player { display: flex; min-height: 31px; align-items: center; gap: 5px; padding: 7px 10px; border: 1px solid #302e37; color: #77727e; font-family: var(--bt-mono); font-size: 7px; }
.scoped-selected-player strong { color: var(--sport-accent-soft, #b5b9f4); font-weight: 500; }
.scoped-compare-results { position: absolute; z-index: 30; top: 52px; right: 0; left: 0; display: none; max-height: 330px; overflow-y: auto; border: 1px solid #302e37; background: #0f0f14; }
.scoped-compare-results.active { display: block; }
.scoped-compare-results button { display: grid; width: 100%; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 9px; min-height: 52px; padding: 5px 8px; border: 0; border-bottom: 1px solid #292731; background: #121218; color: #ddd9e1; text-align: left; }
.scoped-compare-results button:hover { background: #191920; }
.scoped-result-photo { width: 42px; height: 42px; }
.scoped-compare-results button > span:last-child { display: flex; min-width: 0; flex-direction: column; }
.scoped-compare-results strong { overflow: hidden; font-family: var(--bt-display); font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.scoped-compare-results small { color: #77727e; font-family: var(--bt-mono); font-size: 6px; }

.scoped-compare-seasons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 9px; }
.scoped-compare-seasons:empty { display: none; }
.scoped-compare-seasons label { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-left: 10px; border: 1px solid #302e37; color: #77727e; font-family: var(--bt-mono); font-size: 6px; text-transform: uppercase; }
.scoped-compare-seasons select { min-width: 125px; padding: 7px 9px; border-left: 1px solid #302e37; }

.scoped-compare-output { border: 1px solid #302e37; background: #101016; }
.scoped-compare-verdict { display: flex; min-height: 50px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 13px; border-bottom: 1px solid #302e37; background: linear-gradient(90deg, var(--sport-glow, rgba(102,126,234,.11)), transparent 60%); }
.scoped-compare-verdict span,
.scoped-compare-player > span,
.scoped-compare-player small,
.scoped-compare-groups > section > div:first-child small,
.scoped-compare-method,
.scoped-compare-loading,
.scoped-compare-empty { color: #77727e; font-family: var(--bt-mono); font-size: 7px; text-transform: uppercase; }
.scoped-compare-verdict strong { font-family: var(--bt-display); font-size: 16px; font-weight: 600; text-transform: uppercase; }
.scoped-compare-identities { display: grid; grid-template-columns: 1fr 38px 1fr; align-items: center; padding: 10px 13px; border-bottom: 1px solid #302e37; }
.scoped-compare-identities > span { color: var(--sport-accent-soft, #b5b9f4); font-family: var(--bt-mono); font-size: 8px; text-align: center; }
.scoped-compare-player { display: grid; grid-template-columns: 58px minmax(0, 1fr); grid-template-rows: auto auto auto; align-items: center; gap: 0 10px; }
.scoped-compare-player.right { grid-template-columns: minmax(0, 1fr) 58px; text-align: right; }
.scoped-compare-player.right .scoped-compare-photo { grid-column: 2; }
.scoped-compare-player.right > span,
.scoped-compare-player.right > strong,
.scoped-compare-player.right > small { grid-column: 1; }
.scoped-compare-photo { grid-row: 1 / 4; width: 58px; height: 58px; }
.scoped-compare-player > strong { font-family: var(--bt-display); font-size: 16px; font-weight: 600; text-transform: uppercase; }
.scoped-compare-groups { display: grid; gap: 1px; background: #292731; }
.scoped-compare-groups > section { background: #121218; }
.scoped-compare-groups > section > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 34px; padding: 7px 11px; border-bottom: 1px solid #292731; }
.scoped-compare-groups > section > div:first-child strong { font-family: var(--bt-display); font-size: 12px; font-weight: 600; text-transform: uppercase; }
.scoped-compare-row { display: grid; grid-template-columns: 1fr minmax(155px, .8fr) 1fr; min-height: 35px; align-items: center; border-bottom: 1px solid #292731; background: #15151c; }
.scoped-compare-row:last-child { border-bottom: 0; }
.scoped-compare-row > * { padding: 7px 11px; }
.scoped-compare-row > span { color: #77727e; font-family: var(--bt-mono); font-size: 6px; text-align: center; text-transform: uppercase; }
.scoped-compare-row > strong { font-family: var(--bt-mono); font-size: 9px; font-weight: 500; }
.scoped-compare-row > strong:last-child { text-align: right; }
.scoped-compare-row > strong.better { color: #4ee08a; background: rgba(78,224,138,.045); }
.scoped-compare-method,
.scoped-compare-loading,
.scoped-compare-empty { margin: 0; padding: 11px 13px; line-height: 1.55; text-transform: none; }

@media (max-width: 820px) {
    .scoped-compare-toolbar { grid-template-columns: 1fr; }
    .scoped-compare-seasons { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .scoped-compare-modes { grid-template-columns: 1fr 1fr; }
    .scoped-compare-modes button:nth-child(2) { border-right: 0; }
    .scoped-compare-modes button:nth-child(-n+2) { border-bottom: 1px solid #302e37; }
    .scoped-compare-identities { grid-template-columns: 1fr 24px 1fr; }
    .scoped-compare-player,
    .scoped-compare-player.right { grid-template-columns: 1fr; text-align: left; }
    .scoped-compare-player.right { text-align: right; }
    .scoped-compare-player .scoped-compare-photo { grid-column: 1; grid-row: 1; width: 48px; height: 48px; }
    .scoped-compare-player.right .scoped-compare-photo { margin-left: auto; }
    .scoped-compare-player > span,
    .scoped-compare-player > strong,
    .scoped-compare-player > small,
    .scoped-compare-player.right > span,
    .scoped-compare-player.right > strong,
    .scoped-compare-player.right > small { grid-column: 1; }
    .scoped-compare-row { grid-template-columns: 1fr minmax(100px, .8fr) 1fr; }
}