/*
 * Badges & Rangs — la section publique.
 *
 * Charte « Affiche » du site : fond de scène noir,
 * enseigne néon rouge, typographie blanche franche,
 * accents cyan électrique et dorés. Tout est scopé
 * sous .rint-bg : aucune règle ne s'échappe vers le
 * reste du site, aucune ressource externe.
 */

.rint-bg {
	background: #06060a;
	border: 1px solid #2a2a35;
	border-top: 3px solid #e0231c;
	border-radius: 14px;
	color: #f4f2ec;
	margin: 1.5em 0;
	padding: 1.4em 1.4em 1.6em;
}

.rint-bg-titre {
	color: #ffffff;
	font-size: 1.65em;
	letter-spacing: 0.02em;
	margin: 0 0 0.35em;
	text-shadow: 0 0 14px rgba(224, 35, 28, 0.55);
}

.rint-bg-intro {
	color: #cfccc2;
	line-height: 1.55;
	margin: 0 0 1.2em;
	max-width: 62ch;
}

.rint-bg-sous-titre {
	border-bottom: 2px solid #e0231c;
	color: #ffffff;
	font-size: 1.25em;
	margin: 1.3em 0 0.9em;
	padding-bottom: 0.3em;
}

.rint-bg-rang {
	background: #101018;
	border: 1px solid #2e2e3c;
	border-left: 4px solid #e8b93c;
	border-radius: 10px;
	line-height: 1.55;
	margin: 0 0 1.2em;
	padding: 1em 1.1em;
}

.rint-bg-rang p {
	margin: 0 0 0.4em;
}

.rint-bg-rang p:last-child {
	margin-bottom: 0;
}

.rint-bg-rang-nom {
	color: #e8b93c;
	font-size: 1.2em;
	font-weight: 700;
	text-shadow: 0 0 10px rgba(232, 185, 60, 0.35);
}

.rint-bg-grille {
	display: grid;
	gap: 1em;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	margin: 0 0 0.5em;
}

.rint-bg-carte {
	background: #101018;
	border: 1px solid #2e2e3c;
	border-left: 4px solid #37c8f4;
	border-radius: 10px;
	padding: 1em 1.05em;
}

.rint-bg-carte.obtenu {
	border-left-color: #e8b93c;
	box-shadow: 0 0 14px rgba(232, 185, 60, 0.18);
}

.rint-bg-badge-nom {
	color: #ffffff;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 0.3em;
}

.rint-bg-carte.obtenu .rint-bg-badge-nom {
	color: #e8b93c;
}

.rint-bg-badge-desc {
	color: #cfccc2;
	line-height: 1.55;
	margin: 0 0 0.6em;
}

.rint-bg-progression {
	color: #37c8f4;
	font-weight: 700;
	margin: 0;
}

.rint-bg-date {
	color: #e8b93c;
	font-weight: 700;
	margin: 0;
}

.rint-bg-mur-ligne {
	background: #101018;
	border: 1px solid #2e2e3c;
	border-left: 4px solid #37c8f4;
	border-radius: 10px;
	margin: 0 0 0.8em;
	padding: 0.9em 1.05em;
}

.rint-bg-mur-ligne .rint-bg-badge-desc {
	margin-bottom: 0.4em;
}

.rint-bg-note {
	color: #a9a69a;
	font-size: 0.92em;
	line-height: 1.55;
	margin: 0.6em 0 0;
}

.rint-bg-mur-ligne .rint-bg-note,
.rint-bg-carte .rint-bg-note {
	margin-top: 0;
}

.rint-bg-invitation {
	background: #101018;
	border: 1px solid #2e2e3c;
	border-left: 4px solid #e8b93c;
	border-radius: 10px;
	line-height: 1.55;
	margin: 0 0 1.2em;
	padding: 1em 1.1em;
}

.rint-bg-invitation a {
	background: #e0231c;
	border: 1px solid #e0231c;
	border-radius: 8px;
	color: #ffffff;
	display: inline-block;
	font-weight: 700;
	min-height: 44px;
	padding: 0.65em 1.1em;
	text-decoration: none;
}

.rint-bg-invitation a:hover,
.rint-bg-invitation a:focus {
	background: #b91a14;
	border-color: #b91a14;
	color: #ffffff;
}