/*
 * The two nudges under BuddyNext's Profile Strength card.
 *
 * They are bn-widget cards and inherit everything from the design; the only
 * thing BuddyNext does not style is a bare paragraph inside a widget, so the
 * one rule here sets it to the sidebar's own text size and muted ink -- design
 * tokens only, nothing invented. Kept as its own tiny file because these cards
 * render on the profile page itself, where profile.css never loads.
 */

.wpbnbgg-verify-hint p,
.wpbnbgg-assignment-hint p {
	margin: 0 0 var(--bn-s3);
	font-size: var(--bn-text-xs);
	color: var(--bn-ink-3);
}

/* "Recently played": five covers with titles, each row one link to the play. */

.wpbnbgg-recent-games__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--bn-s2);
}

.wpbnbgg-recent-games__row {
	display: flex;
	align-items: center;
	gap: var(--bn-s2);
	min-inline-size: 0;
	text-decoration: none;
	color: var(--bn-ink);
}

.wpbnbgg-recent-games__row:hover .wpbnbgg-recent-games__name {
	text-decoration: underline;
}

.wpbnbgg-recent-games__thumb {
	flex: none;
	inline-size: 32px;
	block-size: 32px;
	object-fit: cover;
	border-radius: var(--bn-r-sm, 4px);
	background: color-mix(in oklab, var(--bn-ink) 8%, transparent);
}

.wpbnbgg-recent-games__name {
	font-size: var(--bn-text-sm);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}