/* Accueil des nouveaux joueurs (docs/UPDATE_TUTORIEL.md) : meme presentation
   que l'annonce des nouveautes (annonce-nouveautes.css, dont l'en-tete, le
   corps, la case "ne plus afficher" et le pied sont repris tels quels par
   leurs classes) - seuls la fenetre, le titre et les cartes de choix sont
   propres a cette modale. */

#accueil_nouveau_joueur_backdrop {
	position: fixed;
	z-index: 13000;
	inset: 0;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	padding: 18px;
	background: rgba(16, 39, 13, 0.76);
	backdrop-filter: blur(6px);
}

#accueil_nouveau_joueur {
	position: relative;
	width: min(640px, 100%);
	max-height: calc(100vh - 36px);
	max-height: calc(100dvh - 36px);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.85);
	border-radius: 26px;
	background: var(--theme-surface);
	color: var(--theme-texte);
	font-family: "Comfortaa", sans-serif;
	box-shadow: 0 30px 90px rgba(8, 26, 7, 0.48), 0 0 0 5px rgba(255, 255, 255, 0.12);
}

#accueil_nouveau_joueur.accueil_lecture {
	width: min(960px, 100%);
}

#fermer_accueil_nouveau_joueur {
	position: absolute;
	z-index: 4;
	top: 14px;
	right: 14px;
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	background: rgba(38, 82, 30, 0.34);
	color: white;
	font-size: 1rem;
	line-height: 1;
}

#fermer_accueil_nouveau_joueur:hover,
#fermer_accueil_nouveau_joueur:focus-visible {
	background: rgba(38, 82, 30, 0.65);
	outline: 2px solid white;
	outline-offset: 2px;
}

#accueil_nouveau_joueur_titre {
	position: relative;
	z-index: 1;
	margin: 0 0 6px;
	color: white;
	font-family: "Amaranth", sans-serif;
	font-size: clamp(1.45rem, 4vw, 1.9rem);
	line-height: 1.05;
	text-align: left;
}

#accueil_nouveau_joueur_sous_titre {
	position: relative;
	z-index: 1;
	margin: 0;
	color: rgba(255, 255, 255, 0.86);
	font-size: 0.74rem;
	line-height: 1.45;
	text-indent: 0;
}

.accueil_question {
	margin: 0 0 2px;
	font-family: "Amaranth", sans-serif;
	font-size: 1rem;
	text-indent: 0;
}

.accueil_question_sous_titre {
	margin: 0 0 12px;
	color: var(--ts-texte-667066);
	font-size: 0.7rem;
	font-style: italic;
	text-indent: 0;
}

#accueil_nouveau_joueur_choix {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.accueil_carte {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 14px;
	box-sizing: border-box;
	margin: 0;
	padding: 13px 16px;
	border: 1px solid var(--ts-ligne-dfe5da);
	border-radius: 16px;
	background: var(--theme-surface-elevee);
	color: var(--theme-texte);
	font-family: "Comfortaa", sans-serif;
	text-align: left;
	cursor: pointer;
}

.accueil_carte > i {
	width: 44px;
	height: 44px;
	display: grid;
	flex: none;
	place-items: center;
	border-radius: 13px;
	background: var(--theme-surface-accent);
	color: var(--theme-accent-texte);
	font-size: 1.25rem;
}

.accueil_carte span {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 3px;
}

.accueil_carte b {
	font-family: "Amaranth", sans-serif;
	font-size: 0.95rem;
}

.accueil_carte small {
	color: var(--ts-texte-667066);
	font-size: 0.66rem;
	line-height: 1.4;
}

.accueil_carte_etat {
	flex: none;
	font-size: 0.6rem;
	font-style: normal;
	font-weight: 800;
	color: var(--ts-texte-667066);
}

.accueil_carte:not([disabled]):hover,
.accueil_carte:not([disabled]):focus-visible {
	border-color: #6ea937;
	background: var(--ts-fond-f3f8ed);
	outline: none;
}

.accueil_carte.accueil_carte_vue .accueil_carte_etat::before {
	content: "\2713\00a0";
	color: #5e9d30;
}

.accueil_carte_indisponible {
	cursor: default;
	opacity: 0.62;
}

#accueil_nouveau_joueur_lecteur {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

#accueil_nouveau_joueur_lecteur[hidden] {
	display: none;
}

#accueil_nouveau_joueur_video {
	width: 100%;
	max-height: 60vh;
	max-height: 60dvh;
	border-radius: 14px;
	background: black;
}

#retour_accueil_nouveau_joueur {
	align-self: flex-start;
	margin: 0;
	padding: 8px 14px;
	border: 1px solid var(--ts-ligne-b9c5b4);
	border-radius: 12px;
	background: var(--theme-surface-elevee);
	color: var(--theme-accent-texte);
	font-family: "Comfortaa", sans-serif;
	font-size: 0.68rem;
	font-weight: 800;
}

@media (max-width: 600px) {
	#accueil_nouveau_joueur_backdrop { padding: 10px; }
	#accueil_nouveau_joueur { max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); border-radius: 21px; }
	#fermer_accueil_nouveau_joueur { top: 11px; right: 11px; width: 34px; height: 34px; }
	.accueil_carte { padding: 11px 12px; gap: 11px; }
	.accueil_carte > i { width: 38px; height: 38px; font-size: 1.05rem; }
}

@media (max-width: 430px) {
	#accueil_nouveau_joueur_titre { font-size: 1.5rem; }
	.accueil_carte_etat { position: absolute; top: 8px; right: 12px; }
}

/* Points d'entree permanents (masques tant qu'aucun contenu n'est
   disponible, voir AccueilNouveauJoueur.js). */
.secondary-modes .welcome-secondary {
	grid-column: 1 / -1;
}

.bouton_revoir_accueil {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 14px 0 0;
	padding: 9px 14px;
	border: 1px solid var(--ts-ligne-b9c5b4);
	border-radius: 12px;
	background: var(--theme-surface-elevee);
	color: var(--theme-accent-texte);
	font-family: "Comfortaa", sans-serif;
	font-size: 0.68rem;
	font-weight: 800;
	cursor: pointer;
}

.bouton_revoir_accueil[hidden] {
	display: none;
}