/**
 * UX-02H — Ambiance visuelle interne cartes Musique & Jeux.
 * Décor léger dans les cartes (pseudo-éléments), lisibilité conservée.
 */

/* ============================================================
   Musique — décor interne « Comprendre la musique » + « Ma musique »
   ============================================================ */

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: linear-gradient(
		145deg,
		rgba(255, 255, 255, 0.94) 0%,
		rgba(248, 246, 252, 0.9) 100%
	) !important;
	box-shadow: 0 10px 28px rgba(11, 31, 77, 0.09);
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card::before,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card::before {
	content: "";
	position: absolute;
	top: -8%;
	right: -6%;
	width: 58%;
	height: 72%;
	background: var(--cdm-bg-musique) no-repeat center / cover;
	opacity: 0.24;
	pointer-events: none;
	z-index: 0;
	transform: rotate(-6deg);
	transform-origin: top right;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card::after,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			to bottom left,
			rgba(255, 255, 255, 0.92) 0%,
			rgba(255, 255, 255, 0.72) 38%,
			rgba(255, 255, 255, 0.42) 62%,
			rgba(255, 255, 255, 0.28) 100%
		),
		linear-gradient(to top, rgba(255, 255, 255, 0.82) 0%, transparent 42%);
	pointer-events: none;
	z-index: 1;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card > *,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card > * {
	position: relative;
	z-index: 2;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__badge {
	z-index: 1;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cdm-card__head,
body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__pill,
body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cdm-card__head .cdm-pill {
	z-index: 3;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__actions,
body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__note,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-card__head,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-my-music-member-card__stat,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-card__cta,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card p:last-child {
	z-index: 2;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__actions {
	padding: 10px 12px 8px;
	margin: 0 -4px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(4px);
}

body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-btn,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card a.cdm-btn {
	position: relative;
	z-index: 3;
}

/* ============================================================
   Jeux — décor interne Profil joueur + Jouer à plusieurs
   ============================================================ */

body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: linear-gradient(
		135deg,
		rgba(255, 255, 255, 0.93) 0%,
		rgba(245, 240, 255, 0.9) 48%,
		rgba(255, 255, 255, 0.94) 100%
	) !important;
	box-shadow: 0 10px 28px rgba(106, 63, 181, 0.12);
}

body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card::before,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card::before {
	content: "";
	position: absolute;
	top: -10%;
	right: -8%;
	width: 62%;
	height: 78%;
	background:
		radial-gradient(circle at 20% 30%, rgba(255, 209, 102, 0.35) 0 2px, transparent 2.5px),
		radial-gradient(circle at 70% 20%, rgba(139, 92, 246, 0.28) 0 2px, transparent 2.5px),
		var(--cdm-bg-jeux) no-repeat center / cover;
	opacity: 0.2;
	pointer-events: none;
	z-index: 0;
	transform: rotate(-4deg);
	transform-origin: top right;
}

body.page-id-408 .cdm-universe--jeux .cdg-member-room-card::before {
	top: -6%;
	right: -4%;
	opacity: 0.22;
}

body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card::after,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			to bottom left,
			rgba(255, 255, 255, 0.9) 0%,
			rgba(237, 233, 254, 0.68) 42%,
			rgba(255, 255, 255, 0.38) 68%,
			rgba(237, 233, 254, 0.22) 100%
		),
		linear-gradient(to top, rgba(255, 255, 255, 0.78) 0%, transparent 40%);
	pointer-events: none;
	z-index: 1;
}

body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card > *,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card > * {
	position: relative;
	z-index: 2;
}

/* Badge Niveau — plus visible */
body.page-id-408 .cdm-universe--jeux .cdg-player-chip__level {
	background: linear-gradient(135deg, rgba(255, 209, 102, 0.55), rgba(139, 92, 246, 0.32));
	border-color: rgba(106, 63, 181, 0.28);
	box-shadow: 0 3px 10px rgba(106, 63, 181, 0.16);
}

/* Liste actions multijoueur */
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card__list {
	margin: 0 0 14px;
	padding: 10px 14px 10px 28px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.65);
	border: 1px solid rgba(106, 63, 181, 0.1);
}

body.page-id-408 .cdm-universe--jeux .cdg-member-room-card__list li {
	margin-bottom: 4px;
	color: #3d2d66;
	font-weight: 600;
}

body.page-id-408 .cdm-universe--jeux .cdg-member-room-card__list li::marker {
	color: #8b5cf6;
}

/* CTA multijoueur — accent premium ludique */
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card__actions {
	padding: 10px 12px;
	margin: 0 -4px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.68);
	backdrop-filter: blur(4px);
}

body.page-id-408 .cdm-universe--jeux .cdg-member-room-card__actions .button-primary,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card__actions a.button-primary {
	box-shadow: 0 8px 20px rgba(106, 63, 181, 0.32) !important;
}

body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card .cdg-member-room-card__actions {
	background: rgba(255, 255, 255, 0.55);
}

/* ============================================================
   Mobile — décors discrets
   ============================================================ */

@media (max-width: 920px) {
	body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card::before,
	body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card::before {
		width: 48%;
		height: 58%;
		opacity: 0.12;
		transform: rotate(-4deg);
	}

	body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card::after,
	body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card::after {
		background: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.94) 0%,
			rgba(255, 255, 255, 0.86) 100%
		);
	}

	body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card::before,
	body.page-id-408 .cdm-universe--jeux .cdg-member-room-card::before {
		width: 50%;
		height: 55%;
		opacity: 0.1;
	}

	body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card::after,
	body.page-id-408 .cdm-universe--jeux .cdg-member-room-card::after {
		background: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.93) 0%,
			rgba(237, 233, 254, 0.78) 100%
		);
	}

	body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__actions,
	body.page-id-408 .cdm-universe--jeux .cdg-member-room-card__actions {
		background: rgba(255, 255, 255, 0.82);
	}
}