/* Optimized reference-art badges: live level text stays crisp over 128px transparent PNG frames. */
.bird-level-badge.bird-level-badge {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: calc(var(--level-badge-size, 20px) * 1.25);
	min-width: calc(var(--level-badge-size, 20px) * 1.25);
	height: var(--level-badge-size, 20px);
	min-height: var(--level-badge-size, 20px);
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	background-image: url('/images/level-badges/bird-level-reference-tier-01.png?v=1');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	color: #101828;
	font-family: Arial, "Malgun Gothic", sans-serif;
	font-size: var(--level-number-size, 9px);
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	letter-spacing: -0.35px;
	text-align: center;
	text-shadow: none;
	white-space: nowrap;
	vertical-align: middle;
	position: relative;
}
.bird-level-badge.bird-level-badge::before { content: none; }
.bird-level-number {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #101828;
	text-shadow: none;
	transform: translateY(var(--level-number-offset, 0px));
	pointer-events: none;
	z-index: 1;
}
/* Single-digit levels get a little more presence without changing the badge footprint. */
.bird-level-badge[data-level-tier="1"]:not([data-level="10"]) {
	font-size: calc(var(--level-number-size, 9px) * 1.15);
}
.bird-level-badge[data-level="100"] { --level-number-size: 7.6px; }
.bird-level-badge[data-level-tier="2"] { background-image: url('/images/level-badges/bird-level-reference-tier-02.png?v=1'); }
.bird-level-badge[data-level-tier="3"] { background-image: url('/images/level-badges/bird-level-reference-tier-03.png?v=1'); }
.bird-level-badge[data-level-tier="4"] { background-image: url('/images/level-badges/bird-level-reference-tier-04.png?v=1'); }
.bird-level-badge[data-level-tier="5"] { background-image: url('/images/level-badges/bird-level-reference-tier-05.png?v=1'); }
.bird-level-badge[data-level-tier="6"] { background-image: url('/images/level-badges/bird-level-reference-tier-06.png?v=1'); }
.bird-level-badge[data-level-tier="7"] { background-image: url('/images/level-badges/bird-level-reference-tier-07.png?v=1'); }
.bird-level-badge[data-level-tier="8"] { background-image: url('/images/level-badges/bird-level-reference-tier-08.png?v=1'); }
.bird-level-badge[data-level-tier="9"] { background-image: url('/images/level-badges/bird-level-reference-tier-09.png?v=1'); }
.bird-level-badge[data-level-tier="10"] { background-image: url('/images/level-badges/bird-level-reference-tier-10.png?v=1'); }

/* Identity hierarchy: nickname first, level badge second. Dense metadata uses 18px,
   regular identity rows 19-20px, and only the dedicated profile/guide view reaches 28px. */
.map-bubble-reporter-level.bird-level-badge,
.place-post-reply-item-author .bird-level-badge {
	--level-badge-size: 18px;
	--level-number-size: 8.4px;
}
.map-bubble-reporter-level.bird-level-badge[data-level="100"],
.place-post-reply-item-author .bird-level-badge[data-level="100"] {
	--level-number-size: 7.1px;
}
.register-reporter-level.bird-level-badge,
.place-post-item-author > .bird-level-badge {
	--level-badge-size: 19px;
	--level-number-size: 8.8px;
}
.register-reporter-level.bird-level-badge[data-level="100"],
.place-post-item-author > .bird-level-badge[data-level="100"] {
	--level-number-size: 7.4px;
}
#fieldHudLevel.bird-level-badge {
	--level-badge-size: 20px;
	--level-number-size: 9px;
}
#fieldHudLevel.bird-level-badge[data-level="100"] { --level-number-size: 7.6px; }
.my-info-summary-bar .rider-level-badge.bird-level-badge,
.ranking-item-identity .bird-level-badge,
.posting-feed-item-level.bird-level-badge,
.account-compare-level .bird-level-badge {
	--level-badge-size: 20px;
	--level-number-size: 9px;
}
.my-info-summary-bar .rider-level-badge.bird-level-badge[data-level="100"],
.ranking-item-identity .bird-level-badge[data-level="100"],
.posting-feed-item-level.bird-level-badge[data-level="100"],
.account-compare-level .bird-level-badge[data-level="100"] {
	--level-number-size: 7.6px;
}
.level-guide-row-level.bird-level-badge,
#riderLevelBadge.bird-level-badge {
	--level-badge-size: 28px;
	--level-number-size: 11px;
}
.level-guide-row-level.bird-level-badge[data-level="100"],
#riderLevelBadge.bird-level-badge[data-level="100"] { --level-number-size: 9px; }
.bird-level-badge:focus-visible { outline: 2px solid #1957D6; outline-offset: 2px; }