/*
 * L’Univers — la vitrine du monde des personnages.
 * Charte « Affiche » de RadioInternet.ca : fond
 * noir, néon rouge, typographie forte blanche
 * et rouge, accents bleu électrique et doré.
 * Tout est scopé sous .rint-un ; aucune
 * ressource externe. Les cibles des liens
 * d’action font au moins 44 px (patron de la
 * suite).
 */

.rint-un {
	background: #0b0b10;
	color: #f4f2ec;
	border: 1px solid #26262e;
	border-radius: 14px;
	padding: 20px;
	margin: 1.5em 0;
}

.rint-un-titre {
	color: #fff;
	margin: 0 0 0.35em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-shadow: 0 0 14px rgba(255, 30, 50, 0.55);
}

.rint-un-intro,
.rint-un-totaux {
	color: #cfccc2;
	margin: 0 0 1.1em;
	line-height: 1.55;
}

.rint-un-totaux {
	color: #fff;
	font-weight: 600;
}

.rint-un-note {
	color: #cfccc2;
	border-left: 3px solid #e8b23a;
	padding: 0.4em 0 0.4em 0.9em;
	line-height: 1.55;
	margin: 0 0 1em;
}

.rint-un-sous-titre {
	color: #fff;
	margin: 1.2em 0 0.5em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.rint-un-cartes,
.rint-un-fiches {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 14px;
}

.rint-un-carte-univers,
.rint-un-fiche {
	background: #121218;
	border: 1px solid #2c2c35;
	border-radius: 12px;
	padding: 16px;
}

.rint-un-avant {
	color: #e8b23a;
	margin: 0 0 0.5em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 0.82em;
}

.rint-un-univers-nom {
	color: #fff;
	margin: 0 0 0.4em;
	font-size: 1.12em;
	line-height: 1.35;
}

.rint-un-univers-compte {
	color: #ff4655;
	margin: 0 0 0.6em;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.rint-un-geste {
	margin: 0.8em 0 0;
}

.rint-un-bouton {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 8px 16px;
	border: 1px solid #37c8ff;
	border-radius: 10px;
	color: #37c8ff;
	text-decoration: none;
	font-weight: 600;
}

.rint-un-bouton:hover,
.rint-un-bouton:focus {
	background: rgba(55, 200, 255, 0.12);
	color: #fff;
}

.rint-un-retour {
	margin: 0 0 1em;
}

.rint-un-retour a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #37c8ff;
	font-weight: 600;
}

.rint-un-fiche-nom {
	color: #fff;
	margin: 0 0 0.4em;
	font-size: 1.08em;
	line-height: 1.35;
}

.rint-un-fiche-description {
	color: #cfccc2;
	line-height: 1.55;
	margin: 0 0 0.6em;
}

.rint-un-fiche-univers {
	color: #ff4655;
	margin: 0 0 0.6em;
	font-weight: 600;
}

.rint-un-badge {
	display: inline-block;
	border: 1px solid #e8b23a;
	color: #e8b23a;
	border-radius: 999px;
	padding: 4px 12px;
	margin: 0.2em 0 0;
	font-size: 0.88em;
	font-weight: 600;
	line-height: 1.5;
}

.rint-un-paliers-liste {
	color: #cfccc2;
	line-height: 1.7;
	margin: 0 0 0.5em;
	padding-left: 1.2em;
}

/* ===== Visages (v1.1.0) =====
 * Le média en tête de fiche : le portrait
 * illustré (image verticale, recadrée propre)
 * ou le visage SVG relevé (carré, plein cadre).
 * Échelle d’espacements de la vitrine : 8/16/24. */

.rint-un-fiche-media {
	margin: -16px -16px 16px;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
	background: #0b0b10;
	line-height: 0;
}

.rint-un-fiche-media img.rint-av-visage-img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
	object-position: 50% 22%;
}

.rint-un-fiche-media svg.rint-av-svg {
	display: block;
	width: 100%;
	height: auto;
}

.rint-un-fiche-id {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid rgba(232, 178, 58, 0.55);
	color: #e8b23a;
	border-radius: 999px;
	padding: 1px 8px;
	font-size: 0.68em;
	font-weight: 700;
	letter-spacing: 0.06em;
	white-space: nowrap;
}