.bintogames {
	--bg: #f5f7fb;
	--ink: #101828;
	--muted: #667085;
	--line: rgba(15, 23, 42, .12);
	--white: #fff;
	--shadow: 0 22px 60px rgba(15, 23, 42, .14);
	--radius: 24px;
	box-sizing: border-box;
	max-width: 1180px;
	margin: 0 auto;
	padding: 34px 16px 60px;
	font-family: inherit;
	font-size: var(--btg-font-base, 16px);
	color: var(--ink);
}
.bintogames *, .bintogames *::before, .bintogames *::after { box-sizing: border-box; }
.bintogames button, .bintogames input, .bintogames textarea, .bintogames select { font-family: inherit; }
.bintogames-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(26px, 4.5vw, 54px);
	border: 1px solid rgba(11, 79, 138, .14);
	border-radius: 34px;
	background:
		radial-gradient(circle at 12% 12%, rgba(255, 214, 102, .28), transparent 28%),
		radial-gradient(circle at 92% 10%, rgba(13, 110, 253, .18), transparent 30%),
		linear-gradient(135deg, #fffef8 0%, #f4f7ff 55%, #eef4ff 100%);
	box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}
.bintogames-hero::before {
	content: "";
	position: absolute;
	inset: auto auto -110px -80px;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 70%);
	pointer-events: none;
}
.bintogames-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 860px;
	margin: 0 auto;
	text-align: center;
}
.bintogames-hero__label-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
}
.bintogames-hero__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 8px 16px;
	border-radius: 999px;
	background: #0b4f8a;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	box-shadow: 0 10px 24px rgba(11,79,138,.18);
}
.bintogames-hero h1 {
	margin: 0;
	font-size: clamp(34px, 5vw, var(--btg-font-hero, 56px));
	line-height: 1.02;
	letter-spacing: -.04em;
	font-weight: 800;
	text-wrap: balance;
}
.bintogames-hero__baseline {
	max-width: 820px;
	margin: 18px auto 0;
	font-size: clamp(24px, 3.2vw, 30px);
	line-height: 1.28;
	font-weight: 800;
	letter-spacing: -.03em;
	text-wrap: balance;
}
.bintogames-hero__intro {
	max-width: 760px;
	margin: 18px auto 0;
	font-size: 18px;
	line-height: 1.72;
	color: var(--muted);
	text-wrap: pretty;
}
.bintogames-hero__stats {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 24px;
}
.bintogames-hero__stats span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border: 1px solid rgba(11, 79, 138, .16);
	border-radius: 999px;
	background: rgba(255, 255, 255, .78);
	font-size: 13px;
	font-weight: 800;
	color: #0b4f8a;
	box-shadow: 0 6px 16px rgba(15, 23, 42, .04);
}
.bintogames-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 24px 0;
}
.bintogames-filter button {
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 10px 16px;
	background: #fff;
	color: #344054;
	font-weight: 800;
	cursor: pointer;
	transition: transform .2s ease, background .2s ease, color .2s ease;
}
.bintogames-filter button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(15,23,42,.10); }
.bintogames-filter button.is-active { background: #101828; color: #fff; }
.bintogames-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}
.bintogames-card {
	position: relative;
	display: flex;
	min-height: 358px;
	padding: 24px 26px 26px;
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 28px;
	box-shadow: 0 20px 50px rgba(15, 23, 42, .18);
	color: #fff;
	overflow: hidden;
	isolation: isolate;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	transition: transform .25s ease, box-shadow .25s ease, opacity .2s ease;
}
.bintogames-card[hidden] { display: none; }
.bintogames-card:hover { transform: translateY(-6px); box-shadow: 0 28px 70px rgba(15,23,42,.22); }
.bintogames-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background: linear-gradient(135deg, var(--c1), var(--c2));
}
.bintogames-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(circle at 50% 22%, rgba(255,255,255,.30), transparent 21%),
		linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(0,0,0,.36) 100%);
}
.bintogames-card--scarlet { --c1: #e11d48; --c2: #7f1d1d; }
.bintogames-card--emerald { --c1: #16a34a; --c2: #14532d; }
.bintogames-card--violet { --c1: #a855f7; --c2: #4c1d95; }
.bintogames-card--indigo { --c1: #6366f1; --c2: #312e81; }
.bintogames-card--cyan { --c1: #06b6d4; --c2: #0f766e; }
.bintogames-card--rose { --c1: #fb7185; --c2: #be185d; }
.bintogames-card--ruby { --c1: #e11d48; --c2: #881337; }
.bintogames-card--orange { --c1: #f59e0b; --c2: #f97316; }
.bintogames-card--navy { --c1: #0ea5e9; --c2: #0f172a; }
.bintogames-badge {
	position: absolute;
	top: 18px;
	left: 18px;
	padding: 7px 11px;
	border-radius: 999px;
	background: #fff;
	color: #101828;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}
.bintogames-card__visual {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 88px;
	height: 88px;
	margin: 18px auto 26px;
	border-radius: 28px;
	background: rgba(255, 255, 255, .24);
	backdrop-filter: blur(7px);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.28);
}
.bintogames-card__visual span { font-size: 34px; font-weight: 800; text-transform: uppercase; line-height: 1; }
.bintogames-card__visual--grid { grid-template-columns: repeat(2, 1fr); gap: 6px; padding: 12px; }
.bintogames-card__visual--grid span { display:grid; place-items:center; background:#fff; color:#101828; border-radius:10px; font-size:20px; width:100%; height:100%; }
.bintogames-card__visual--icons { grid-template-columns: repeat(2, 1fr); gap: 4px; padding: 11px; }
.bintogames-card__visual--icons span { display:grid; place-items:center; width:100%; height:100%; border-radius:9px; background:#fff; color:#101828; font-size:19px; line-height:1; }
.bintogames-card__visual--cross { grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 12px; }
.bintogames-card__visual--cross span, .bintogames-card__visual--mini span { display:block; width:100%; height:100%; border-radius:7px; background:#fff; }
.bintogames-card__visual--cross span:nth-child(2), .bintogames-card__visual--cross span:nth-child(4), .bintogames-card__visual--cross span:nth-child(9), .bintogames-card__visual--mini span:nth-child(1), .bintogames-card__visual--mini span:nth-child(4) { background:#101828; }
.bintogames-card__visual--mini { grid-template-columns: repeat(2, 1fr); gap: 5px; padding: 22px; }
.bintogames-card h2 { margin: 0 0 14px; font-size: clamp(22px, 2vw, var(--btg-font-card-title, 26px)); line-height: 1.12; font-weight: 800; letter-spacing: -.02em; text-align: center; text-wrap: balance; }
.bintogames-card p { margin: 0 0 24px; font-size: var(--btg-font-card-text, 15px); line-height: 1.52; color: rgba(255,255,255,.96); text-align: center; }
.bintogames-play {
	width: 100%;
	border: 0;
	border-radius: 16px;
	padding: 15px 18px;
	background: #fff;
	color: #0b4f8a;
	font-size: 17px;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 12px 28px rgba(0,0,0,.15);
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.bintogames-play:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(0,0,0,.22); background:#f8fbff; }
.bintogames-modal[hidden] { display: none; }
.bintogames-modal { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 18px; }
.bintogames-modal__backdrop { position: absolute; inset: 0; background: rgba(15,23,42,.72); backdrop-filter: blur(10px); }
.bintogames-modal__panel {
	position: relative;
	width: min(820px, 100%);
	box-sizing: border-box;
	max-height: min(88vh, 860px);
	overflow: auto;
	border: 1px solid rgba(255,255,255,.72);
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 34px 110px rgba(0,0,0,.36);
}
.bintogames-modal__header {
	position: sticky;
	top: 0;
	z-index: 3;
	padding: 20px 24px 18px;
	border-bottom: 1px solid var(--line);
	background: rgba(255,255,255,.96);
	backdrop-filter: blur(14px);
}
.bintogames-modal__topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 10px;
}
.bintogames-modal__header p {
	display:inline-flex;
	align-items:center;
	min-height: 34px;
	margin: 0;
	padding: 8px 12px;
	border-radius: 999px;
	background:#eef4ff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #0b4f8a;
}
.bintogames-modal__header h2 { margin: 0; padding-right: 0; font-size: var(--btg-font-game-title, 28px); line-height:1.12; letter-spacing: -.03em; }
.bintogames-modal__close {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(16,24,40,.12);
	border-radius: 999px;
	background: #101828;
	color: #fff;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(16,24,40,.2);
}
.bintogames-modal__close span { transform: translateY(-1px); }
.bintogames-modal__close:hover { transform: translateY(-1px); background:#0b4f8a; }
.bintogames-game-root { padding: 24px; }
.bintogames-status, .bintogames-result {
	padding: 12px 14px;
	border-radius: 16px;
	background: #f2f4f7;
	font-weight: 700;
	color: #344054;
}
.bintogames-board { display: grid; gap: 12px; margin: 16px 0; }
.bintogames-board label { display: block; font-weight: 800; color: #344054; }
.bintogames input[type="text"], .bintogames input:not([type]) {
	width: 100%;
	margin-top: 6px;
	border: 1px solid #d0d5dd;
	border-radius: 14px;
	padding: 13px 14px;
	font-size: 17px;
	font-weight: 800;
	text-transform: uppercase;
}
.bintogames-game-actions { display:flex; flex-wrap:wrap; gap:10px; margin: 16px 0; }
.bintogames-game-actions button, .bintogames-choice, .bintogames-letter, .bintogames-cell, .bintogames-memory-card, .bintogames-iconmatch-card {
	border: 1px solid #d0d5dd;
	border-radius: 14px;
	background: #fff;
	font-weight: 800;
	cursor: pointer;
}
.bintogames-game-actions button { padding: 12px 16px; background: #101828; color: #fff; }
.bintogames-game-actions button.secondary { background: #fff; color: #101828; }
.bintogames-letters { display:flex; flex-wrap:wrap; gap:9px; margin:16px 0; }
.bintogames-letter, .bintogames-choice { min-width:46px; min-height:46px; padding:10px; font-size:18px; }
.bintogames-letter.is-used { opacity:.35; pointer-events:none; }
.bintogames-answer { min-height: 52px; padding: 13px; border-radius: 16px; background:#f9fafb; border:1px dashed #98a2b3; font-size:22px; font-weight:800; letter-spacing:.16em; text-align:center; }
.bintogames-word-row { display:grid; grid-template-columns: repeat(5, 1fr); gap:8px; margin-bottom:8px; }
.bintogames-tile { display:grid; place-items:center; aspect-ratio:1; border:1px solid #d0d5dd; border-radius:12px; font-size:22px; font-weight:800; text-transform:uppercase; background:#f9fafb; }
.bintogames-tile.good { background:#12b76a; color:#fff; border-color:#12b76a; }
.bintogames-tile.present { background:#fdb022; color:#101828; border-color:#fdb022; }
.bintogames-sudoku { display:grid; grid-template-columns: repeat(4, minmax(48px, 72px)); gap:8px; justify-content:center; }
.bintogames-cell { aspect-ratio:1; font-size:26px; text-align:center; }
.bintogames-cell[disabled] { background:#101828; color:#fff; opacity:1; }
.bintogames-memory { display:grid; grid-template-columns: repeat(4, minmax(52px, 76px)); gap:10px; justify-content:center; }
.bintogames-memory-card { aspect-ratio:1; font-size:30px; background:#101828; color:transparent; }
.bintogames-memory-card.is-open, .bintogames-memory-card.is-found { background:#f2f4f7; color:#101828; }
.bintogames-wordsearch { display:grid; grid-template-columns: repeat(8, minmax(32px, 48px)); gap:6px; justify-content:center; margin:16px 0; }
.bintogames-wordsearch button { aspect-ratio:1; border:1px solid #d0d5dd; border-radius:10px; background:#fff; font-weight:800; cursor:pointer; }
.bintogames-wordsearch button.is-selected { background:#fdb022; }
.bintogames-wordsearch button.is-found { background:#12b76a; color:#fff; }
.bintogames-word-list { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:12px 0; list-style:none; }
.bintogames-word-list li { padding:8px 11px; border-radius:999px; background:#f2f4f7; font-weight:800; }
.bintogames-word-list li.is-found { background:#12b76a; color:#fff; text-decoration: line-through; }

.bintogames-iconmatch { display:grid; grid-template-columns: repeat(4, minmax(70px, 1fr)); gap:10px; margin:16px 0; }
.bintogames-iconmatch-card { min-height:72px; padding:10px; background:#101828; color:transparent; font-size:20px; }
.bintogames-iconmatch-card.is-open, .bintogames-iconmatch-card.is-found { background:#f2f4f7; color:#101828; }
.bintogames-iconmatch-card.is-found { border-color:#12b76a; box-shadow: inset 0 0 0 2px #12b76a; }
.bintogames-crossword { display:grid; gap:6px; justify-content:center; margin:16px 0; }
.bintogames-crossword--daily { grid-template-columns: repeat(5, minmax(38px, 58px)); }
.bintogames-crossword--mini { grid-template-columns: repeat(3, minmax(48px, 68px)); }
.bintogames-cross-cell, .bintogames-cross-block { aspect-ratio:1; border-radius:10px; }
.bintogames-cross-cell { width:100%; margin:0; padding:0; border:1px solid #d0d5dd; background:#fff; text-align:center; font-size:24px; font-weight:800; text-transform:uppercase; }
.bintogames-cross-cell.is-good { border-color:#12b76a; background:#ecfdf3; color:#027a48; }
.bintogames-cross-cell.is-wrong { border-color:#f04438; background:#fef3f2; color:#b42318; }
.bintogames-cross-block { display:block; background:#101828; }
.bintogames-cross-clues { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px 24px; padding:14px; border-radius:18px; background:#f9fafb; border:1px solid #eaecf0; }
.bintogames-cross-clues strong { color:#0b4f8a; }
.bintogames-cross-clues ol { margin:4px 0 0 20px; padding:0; color:#344054; font-weight:650; line-height:1.5; }

@media (max-width: 980px) { .bintogames-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px) {
	.bintogames { padding: 20px 10px 42px; }
	.bintogames-hero { padding: 24px 18px; border-radius: 26px; }
	.bintogames-hero__label-wrap { margin-bottom: 14px; }
	.bintogames-hero h1 { font-size: clamp(30px, 9vw, 40px); }
	.bintogames-hero__baseline { font-size: clamp(22px, 7vw, 28px); margin-top: 14px; }
	.bintogames-hero__intro { font-size: 16px; line-height: 1.6; }
	.bintogames-hero__stats { gap: 8px; }
	.bintogames-hero__stats span { font-size: 12px; padding: 9px 12px; }
	.bintogames-grid { grid-template-columns: 1fr; }
	.bintogames-card { min-height: auto; padding: 18px 22px 22px; }
	.bintogames-card__visual { width: 78px; height: 78px; margin: 18px auto 16px; }
	.bintogames-modal { padding: 8px; }
	.bintogames-modal__panel { border-radius: 22px; max-height: 92vh; }
	.bintogames-modal__header { padding: 14px 14px 13px; }
	.bintogames-modal__topline { gap: 10px; margin-bottom: 8px; }
	.bintogames-modal__close { width: 40px; height: 40px; font-size: 28px; }
	.bintogames-modal__header h2 { font-size: min(var(--btg-font-game-title, 28px), 24px); }
	.bintogames-game-root { padding: 16px; }
	.bintogames-iconmatch { grid-template-columns: repeat(3, minmax(0,1fr)); }
	.bintogames-cross-clues { grid-template-columns: 1fr; }
	.bintogames-modal { padding: 10px 0; place-items: center; align-items: center; justify-items: center; }
	.bintogames-modal__panel {
		width: 90vw;
		max-width: 90vw;
		margin-left: auto;
		margin-right: auto;
		border-radius: 20px;
	}
	.bintogames-share {
		margin: 0 12px 14px;
		padding: 12px;
		border-radius: 18px;
	}
	.bintogames-share__title {
		font-size: 11px;
		margin-bottom: 4px;
	}
	.bintogames-share__score {
		font-size: 13px;
		line-height: 1.35;
		margin-bottom: 9px;
	}
	.bintogames-share__buttons {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 6px;
	}
	.bintogames-share__buttons button {
		justify-content: center;
		min-width: 0;
		padding: 9px 6px;
		border-radius: 14px;
		font-size: 0;
		gap: 0;
	}
	.bintogames-share__icon { width: 20px; height: 20px; }
	.bintogames-share__icon svg { width: 20px; height: 20px; }
}


.bintogames-card--greenblue { background: radial-gradient(circle at 70% 20%, rgba(255,255,255,.23), transparent 28%), linear-gradient(135deg, #008b68, #005a8f); }
.bintogames-card--gold { background: radial-gradient(circle at 68% 18%, rgba(255,255,255,.25), transparent 30%), linear-gradient(135deg, #c77d00, #f4b000); }
.bintogames-card--panAfrica { background: radial-gradient(circle at 70% 20%, rgba(255,255,255,.22), transparent 30%), linear-gradient(135deg, #132a13, #0b6b3a 52%, #d39b00); }
.bintogames-quiz-head { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:12px; font-weight:800; color:#344054; }
.bintogames-quiz-head span { padding:7px 10px; border-radius:999px; background:#eef4ff; color:#0b4f8a; text-transform:uppercase; font-size:12px; letter-spacing:.06em; }
.bintogames-quiz-meta { margin: -6px 0 14px; color:#667085; font-weight:700; }
.bintogames-quiz-choices { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; margin:16px 0; }
.bintogames-choice { min-height:56px; padding:12px 14px; text-align:left; font-size:16px; color:#101828; }
.bintogames-choice:hover { border-color:#0b4f8a; box-shadow: 0 8px 20px rgba(11,79,138,.12); }
.bintogames-choice.is-good { background:#ecfdf3; color:#027a48; border-color:#12b76a; }
.bintogames-choice.is-wrong { background:#fef3f2; color:#b42318; border-color:#f04438; }
.bintogames-choice[disabled] { cursor:default; opacity:1; }
@media (max-width: 640px) { .bintogames-quiz-choices { grid-template-columns:1fr; } }

.bintogames-share {
	margin: 0 22px 22px;
	padding: 16px;
	border: 1px solid #dbe4ff;
	border-radius: 22px;
	background: linear-gradient(135deg, #f8fbff, #eef4ff);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.bintogames-share[hidden] { display:none !important; }
.bintogames-share__title {
	margin:0 0 5px;
	font-weight:800;
	color:#0b4f8a;
	text-transform:uppercase;
	letter-spacing:.05em;
	font-size:13px;
}
.bintogames-share__score { margin:0 0 12px; color:#344054; font-weight:700; line-height:1.45; }
.bintogames-share__buttons { display:flex; flex-wrap:wrap; gap:8px; }
.bintogames-share__buttons button {
	border:0;
	border-radius:999px;
	padding:10px 13px;
	background:#101828;
	color:#fff;
	font-weight:800;
	cursor:pointer;
	box-shadow:0 8px 20px rgba(16,24,40,.16);
	display:inline-flex;
	align-items:center;
	gap:7px;
}
.bintogames-share__icon {
	display:inline-flex;
	width:18px;
	height:18px;
	align-items:center;
	justify-content:center;
}
.bintogames-share__icon svg { width:18px; height:18px; fill:currentColor; display:block; }
.bintogames-share__buttons button[data-share-network="facebook"] { background:#1877f2; }
.bintogames-share__buttons button[data-share-network="x"] { background:#111; }
.bintogames-share__buttons button[data-share-network="whatsapp"] { background:#128c7e; }
.bintogames-share__buttons button[data-share-network="telegram"] { background:#229ed9; }
.bintogames-share__buttons button[data-share-network="copy"] { background:#475467; }
.bintogames-share__buttons button:hover { transform: translateY(-1px); }

.formulaire_configurer_bintogames .editer-groupe,
.formulaire_configurer_bintogames ul { margin:0; padding:0; list-style:none; }
.formulaire_configurer_bintogames .editer { margin:0 0 16px; }
.formulaire_configurer_bintogames label { display:block; font-weight:700; margin-bottom:5px; }
.formulaire_configurer_bintogames input.text,
.formulaire_configurer_bintogames textarea {
	box-sizing:border-box;
	width:100%;
	max-width:760px;
}
.formulaire_configurer_bintogames textarea { min-height:90px; }


/* Variante stable 2.8.3 : le titre et le surtitre restent dans page.html. Le bloc interne ne garde que les pastilles. */
.bintogames-hero--compact {
	padding: 18px 20px;
	border-radius: 22px;
	background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
	box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}
.bintogames-hero--compact::before { display: none; }
.bintogames-hero--compact .bintogames-hero__stats { margin-top: 0; }
@media (max-width: 640px) {
	.bintogames-hero--compact {
		padding: 14px 12px;
		border-radius: 18px;
	}
	.bintogames-hero--compact .bintogames-hero__stats {
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 2px;
		-webkit-overflow-scrolling: touch;
	}
	.bintogames-hero--compact .bintogames-hero__stats span {
		flex: 0 0 auto;
	}
}


/* v2.8.43 — icônes bicolores et suppression du bandeau compact */
.bintogames-hero--compact { display: none !important; }
.bintogames-filter { margin-top: 0; }
.bintogames-intro-note { margin: -4px 0 18px; font-size: 18px; line-height: 1.7; color: #475467; }
.bintogames-card__visual { position: relative; width: 88px; height: 88px; border-radius: 24px; background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.10)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), 0 14px 28px rgba(0,0,0,.12); }
.btg-shape { display:block; position:absolute; }
.bintogames-card__visual--pin .btg-shape--pin { left:50%; top:50%; width:26px; height:26px; margin:-18px 0 0 -13px; border:4px solid #fff; border-radius:50% 50% 50% 0; transform:rotate(-45deg); background:transparent; box-shadow:0 0 0 3px rgba(15,23,42,.12); }
.bintogames-card__visual--pin .btg-shape--pin:after { content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:#fff; }
.bintogames-card__visual--person .btg-shape--head { left:50%; top:18px; width:22px; height:22px; margin-left:-11px; border-radius:50%; background:#fff; }
.bintogames-card__visual--person .btg-shape--body { left:50%; top:42px; width:38px; height:24px; margin-left:-19px; border-radius:14px 14px 10px 10px; background:#dbeafe; }
.bintogames-card__visual--globe .btg-shape--globe { left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px; border-radius:50%; background:linear-gradient(135deg,#fff 0 48%,#dbeafe 48% 100%); box-shadow:inset 0 0 0 3px rgba(15,23,42,.10); }
.bintogames-card__visual--globe .btg-shape--globe:before, .bintogames-card__visual--globe .btg-shape--globe:after { content:""; position:absolute; background:#0b4f8a; opacity:.22; }
.bintogames-card__visual--globe .btg-shape--globe:before { left:8px; top:8px; width:12px; height:8px; border-radius:10px 8px 8px 6px; }
.bintogames-card__visual--globe .btg-shape--globe:after { right:7px; bottom:10px; width:14px; height:10px; border-radius:9px 9px 11px 5px; }
.bintogames-card__visual--letters,.bintogames-card__visual--five,.bintogames-card__visual--down,.bintogames-card__visual--search,.bintogames-card__visual--icons { display:grid; gap:6px; padding:10px; }
.bintogames-card__visual--letters,.bintogames-card__visual--icons { grid-template-columns:repeat(2,1fr); }
.bintogames-card__visual--five { grid-template-columns:1.1fr .8fr; grid-template-rows:1fr 1fr; }
.bintogames-card__visual--five span:first-child { grid-row:1 / span 2; }
.bintogames-card__visual--down,.bintogames-card__visual--search { grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,1fr); }
.bintogames-card__visual--down span:nth-child(4) { grid-column:2; }
.bintogames-card__visual--letters span,.bintogames-card__visual--five span,.bintogames-card__visual--down span,.bintogames-card__visual--search span,.bintogames-card__visual--icons span { display:grid; place-items:center; background:#fff; color:#0f172a; border-radius:10px; box-shadow:0 6px 14px rgba(15,23,42,.10); font-weight:800; font-size:17px; }
.bintogames-card__visual--letters span:nth-child(4),.bintogames-card__visual--five span:nth-child(3),.bintogames-card__visual--down span:nth-child(4),.bintogames-card__visual--search span:first-child,.bintogames-card__visual--icons span:nth-child(2),.bintogames-card__visual--icons span:nth-child(4) { background:#dbeafe; color:#0b4f8a; }
@media (max-width:640px) { .bintogames-intro-note { font-size:16px; line-height:1.6; margin-bottom:14px; } .bintogames-card__visual { width:82px; height:82px; } }


.bintogames-share-invite {
	margin: 12px 0 0;
	padding: 12px 14px;
	border-radius: 16px;
	background: #eef4ff;
	color: #0b4f8a;
	font-weight: 800;
	line-height: 1.45;
}
