/* 選手ページ「選手を比較」／チームページ「チームを比較」共通ピル（赤ガラス） */
body[data-page="player"] #compare-link.compare-link,
body[data-page="team"] #team-compare-link.compare-link {
  background: var(--color-lose, #c62828);
  background: linear-gradient(
    color-mix(in srgb, var(--color-lose) 72%, transparent),
    color-mix(in srgb, var(--color-lose) 65%, transparent)
  );
  border: 1px solid var(--color-lose, #c62828);
  border-color: color-mix(in srgb, var(--color-lose) 85%, transparent);
  border-radius: 999px;
  padding: 0.5rem 1.2rem;
  color: var(--color-surface);
  text-decoration: none;
  font-weight: 700;
  font-size: 0.9rem;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--color-lose) 15%, transparent),
    0 2px 8px color-mix(in srgb, var(--color-lose) 8%, transparent);
  transition: all 0.2s ease;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

body[data-page="player"] #compare-link.compare-link:hover,
body[data-page="team"] #team-compare-link.compare-link:hover {
  background: var(--color-lose, #c62828);
  background: linear-gradient(
    color-mix(in srgb, var(--color-lose) 82%, transparent),
    color-mix(in srgb, var(--color-lose) 75%, transparent)
  );
  border-color: var(--color-lose, #c62828);
  border-color: color-mix(in srgb, var(--color-lose) 95%, transparent);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--color-lose) 20%, transparent),
    0 2px 8px color-mix(in srgb, var(--color-lose) 10%, transparent);
  color: var(--color-surface);
}

body[data-page="player"] #compare-link.compare-link:active,
body[data-page="team"] #team-compare-link.compare-link:active {
  transform: scale(0.98);
}

body[data-page="player"] #compare-link.compare-link:focus-visible,
body[data-page="team"] #team-compare-link.compare-link:focus-visible {
  outline: 2px solid var(--color-lose, #c62828);
  outline-color: color-mix(in srgb, var(--color-lose) 80%, transparent);
  outline-offset: 2px;
}