/* =========================================================
   TennisFinalsPro — /community/play
   Spójny, kompaktowy redesign zgodny z listą lig.
   Plik jest samodzielnym skinem strony i celowo nadpisuje
   stare reguły z community.css.
========================================================= */

body[data-page='community-play'] {
	--play-navy-950: #071b42;
	--play-navy-900: #0a2b68;
	--play-navy-800: #0d438c;
	--play-blue-600: #1769e8;
	--play-blue-500: #2387f2;
	--play-cyan-500: #19b8db;
	--play-ink: #10213f;
	--play-muted: #66758e;
	--play-line: #cfdeef;
	--play-soft: #f4f8fd;
	--play-white: #ffffff;
	--play-shadow: 0 14px 34px rgba(17, 54, 105, 0.075);
	--play-shadow-soft: 0 9px 24px rgba(17, 54, 105, 0.055);
	overflow-x: hidden !important;
	background:
		radial-gradient(circle at 10% 1%, rgba(40, 126, 226, 0.08), transparent 25rem),
		radial-gradient(circle at 92% 13%, rgba(25, 184, 219, 0.075), transparent 23rem),
		linear-gradient(180deg, #f8fbff 0%, #f1f6fc 52%, #f8fbff 100%) !important;
	color: var(--play-ink) !important;
}

body[data-page='community-play'] .community-play-page,
body[data-page='community-play'] .community-play-page *,
body[data-page='community-play'] .community-play-page *::before,
body[data-page='community-play'] .community-play-page *::after {
	box-sizing: border-box !important;
}

body[data-page='community-play'] .community-play-page {
	width: min(1160px, calc(100% - 40px)) !important;
	max-width: 1160px !important;
	margin: 0 auto !important;
	padding: 24px 0 56px !important;
	overflow: visible !important;
}

body[data-page='community-play'] .community-play-page .community-shell {
	width: 100% !important;
	max-width: none !important;
	margin-inline: auto !important;
}

/* =========================================================
   NAGŁÓWEK STRONY — taki sam charakter jak „Ligi tenisowe”
========================================================= */
body[data-page='community-play'] .community-play-head.community-shell {
	position: relative !important;
	isolation: isolate !important;
	min-height: 128px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	margin: 0 0 18px !important;
	padding: 24px 30px !important;
	overflow: hidden !important;
	border: 1px solid var(--play-line) !important;
	border-radius: 22px !important;
	background: linear-gradient(
		100deg,
		rgba(255, 255, 255, 0.99) 0%,
		rgba(247, 251, 255, 0.98) 72%,
		rgba(229, 242, 255, 0.93) 100%
	) !important;
	box-shadow: var(--play-shadow-soft) !important;
	color: var(--play-ink) !important;
}

body[data-page='community-play'] .community-play-head::before {
	content: '' !important;
	position: absolute !important;
	inset: 0 auto 0 0 !important;
	width: 7px !important;
	background: linear-gradient(180deg, var(--play-navy-900), var(--play-blue-500)) !important;
	border-radius: 22px 0 0 22px !important;
}

body[data-page='community-play'] .community-play-head::after {
	content: '' !important;
	position: absolute !important;
	z-index: -1 !important;
	width: 200px !important;
	height: 200px !important;
	right: -88px !important;
	top: -112px !important;
	border: 25px solid rgba(35, 135, 242, 0.055) !important;
	border-radius: 50% !important;
	background: transparent !important;
	pointer-events: none !important;
}

body[data-page='community-play'] .community-play-head > div {
	position: relative !important;
	z-index: 1 !important;
	min-width: 0 !important;
}

body[data-page='community-play'] .community-play-head .community-kicker {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 24px !important;
	margin: 0 0 8px !important;
	padding: 0 10px !important;
	border: 1px solid #c8dcf4 !important;
	border-radius: 999px !important;
	background: #edf5ff !important;
	color: var(--play-navy-800) !important;
	font-size: 9px !important;
	line-height: 1 !important;
	font-weight: 950 !important;
	letter-spacing: 0.105em !important;
	text-transform: uppercase !important;
}

body[data-page='community-play'] .community-play-head h1 {
	max-width: 760px !important;
	margin: 0 !important;
	color: var(--play-navy-950) !important;
	font-size: clamp(34px, 4vw, 48px) !important;
	line-height: 0.98 !important;
	font-weight: 950 !important;
	letter-spacing: -0.055em !important;
}

body[data-page='community-play'] .community-play-head p {
	max-width: 690px !important;
	margin: 8px 0 0 !important;
	color: var(--play-muted) !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	font-weight: 680 !important;
}

body[data-page='community-play'] .play-head-stats {
	display: none !important;
}

/* =========================================================
   GŁÓWNE PANELE
========================================================= */
body[data-page='community-play'] .play-join-shell,
body[data-page='community-play'] .play-level-shell,
body[data-page='community-play'] .play-board-shell {
	position: relative !important;
	margin-top: 14px !important;
	padding: 0 18px 18px !important;
	overflow: visible !important;
	border: 1px solid var(--play-line) !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, 0.98) !important;
	box-shadow: var(--play-shadow) !important;
}

body[data-page='community-play'] .play-join-shell {
	z-index: 30 !important;
}
body[data-page='community-play'] .play-level-shell {
	z-index: 20 !important;
}
body[data-page='community-play'] .play-board-shell {
	z-index: 10 !important;
}

/* Pasek nagłówka panelu — zwarty jak panel wyszukiwania lig */
body[data-page='community-play'] .community-panel__head {
	min-height: 64px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	margin: 0 -18px 16px !important;
	padding: 11px 16px !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 19px 19px 0 0 !important;
	background: linear-gradient(105deg, var(--play-navy-950) 0%, var(--play-navy-800) 74%, #116fb7 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body[data-page='community-play'] .community-panel__head > div {
	min-width: 0 !important;
}

body[data-page='community-play'] .community-panel__head .community-kicker {
	display: block !important;
	min-height: 0 !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #7fc8ff !important;
	font-size: 7px !important;
	line-height: 1 !important;
	font-weight: 950 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
}

body[data-page='community-play'] .community-panel__head h2 {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	margin: 0 !important;
	color: #fff !important;
	font-size: 19px !important;
	line-height: 1 !important;
	font-weight: 950 !important;
	letter-spacing: -0.035em !important;
}

body[data-page='community-play'] .community-panel__head h2::before {
	content: '🎾' !important;
	width: 27px !important;
	height: 27px !important;
	display: grid !important;
	place-items: center !important;
	flex: 0 0 27px !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 9px !important;
	background: rgba(255, 255, 255, 0.14) !important;
	font-size: 13px !important;
}

body[data-page='community-play'] .play-level-shell .community-panel__head h2::before {
	content: '🎯' !important;
}
body[data-page='community-play'] .play-board-shell .community-panel__head h2::before {
	content: '👥' !important;
}

body[data-page='community-play'] .community-count {
	min-height: 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	padding: 0 11px !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.12) !important;
	color: #fff !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	white-space: nowrap !important;
}

/* =========================================================
   FORMULARZ — równe pola, małe odstępy, bez pustych dziur
========================================================= */
body[data-page='community-play'] .play-join-form {
	display: grid !important;
	grid-template-columns: repeat(15, minmax(0, 1fr)) !important;
	gap: 12px !important;
	align-items: end !important;
	padding: 0 !important;
}

body[data-page='community-play'] .play-join-form > .play-field {
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	margin: 0 !important;
}

body[data-page='community-play'] .play-field--date {
	grid-column: span 2 !important;
}
body[data-page='community-play'] .play-field--city {
	grid-column: span 4 !important;
}
body[data-page='community-play'] .play-field--level {
	grid-column: span 4 !important;
}
body[data-page='community-play'] .play-field--format {
	grid-column: span 2 !important;
}
body[data-page='community-play'] .play-field--time {
	grid-column: span 3 !important;
}
body[data-page='community-play'] .play-field--email {
	grid-column: span 3 !important;
}
body[data-page='community-play'] .play-field--phone {
	grid-column: span 3 !important;
}
body[data-page='community-play'] .play-field--contact {
	grid-column: span 2 !important;
}
body[data-page='community-play'] .play-field--note {
	grid-column: span 4 !important;
}
body[data-page='community-play'] .play-submit {
	grid-column: span 3 !important;
}

body[data-page='community-play'] .play-join-form label > span,
body[data-page='community-play'] .play-toolbar label > span,
body[data-page='community-play'] .play-invite-form label > span {
	color: #52647e !important;
	font-size: 9px !important;
	line-height: 1 !important;
	font-weight: 900 !important;
	letter-spacing: 0.07em !important;
	text-transform: uppercase !important;
}

body[data-page='community-play'] .play-join-form input,
body[data-page='community-play'] .play-join-form select,
body[data-page='community-play'] .play-toolbar input,
body[data-page='community-play'] .play-toolbar select,
body[data-page='community-play'] .play-invite-form input {
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid #d2dfed !important;
	border-radius: 11px !important;
	outline: 0 !important;
	background: #fff !important;
	color: #122744 !important;
	font-size: 11.5px !important;
	font-weight: 780 !important;
	box-shadow: 0 3px 10px rgba(16, 45, 86, 0.025) !important;
}

body[data-page='community-play'] .play-join-form input::placeholder,
body[data-page='community-play'] .play-toolbar input::placeholder,
body[data-page='community-play'] .play-invite-form input::placeholder {
	color: #96a5b9 !important;
	font-weight: 600 !important;
	opacity: 1 !important;
}

body[data-page='community-play'] .play-join-form input:focus,
body[data-page='community-play'] .play-join-form select:focus,
body[data-page='community-play'] .play-toolbar input:focus,
body[data-page='community-play'] .play-toolbar select:focus,
body[data-page='community-play'] .play-invite-form input:focus {
	border-color: #6aa6ef !important;
	box-shadow: 0 0 0 3px rgba(23, 105, 232, 0.1) !important;
}

body[data-page='community-play'] .tfp-city-hint {
	display: none !important;
}

body[data-page='community-play'] .play-join-form__note {
	position: relative !important;
}

body[data-page='community-play'] .play-join-form__note input {
	padding-right: 58px !important;
}

body[data-page='community-play'] .play-join-form__note::after {
	content: '0 / 120' !important;
	position: absolute !important;
	right: 10px !important;
	bottom: 14px !important;
	color: #8998ac !important;
	font-size: 8px !important;
	line-height: 1 !important;
	font-weight: 850 !important;
	pointer-events: none !important;
}

/* Automatyczne dopasowanie — jeden zwarty przełącznik, bez zajmowania całego formularza */
body[data-page='community-play'] .play-match-alert {
	grid-column: span 12 !important;
	min-width: 0 !important;
	height: 42px !important;
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	margin: 0 !important;
	padding: 6px 11px !important;
	border: 1px solid #cfe0f4 !important;
	border-radius: 11px !important;
	background: linear-gradient(100deg, #f7fbff 0%, #eef6ff 100%) !important;
	cursor: pointer !important;
	box-shadow: 0 3px 10px rgba(16, 45, 86, 0.025) !important;
}

body[data-page='community-play'] .play-match-alert input[type='hidden'] {
	display: none !important;
}

body[data-page='community-play'] .play-match-alert input[type='checkbox'] {
	appearance: auto !important;
	-webkit-appearance: checkbox !important;
	width: 17px !important;
	min-width: 17px !important;
	height: 17px !important;
	min-height: 17px !important;
	flex: 0 0 17px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	accent-color: var(--play-blue-600) !important;
	cursor: pointer !important;
}

body[data-page='community-play'] .play-match-alert > .play-match-alert__icon {
	width: 24px !important;
	height: 24px !important;
	min-height: 24px !important;
	display: grid !important;
	place-items: center !important;
	flex: 0 0 24px !important;
	padding: 0 !important;
	border-radius: 7px !important;
	background: #dcecff !important;
	color: var(--play-navy-800) !important;
	font-size: 12px !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

body[data-page='community-play'] .play-match-alert > .play-match-alert__copy {
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 1px !important;
	padding: 0 !important;
	color: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

body[data-page='community-play'] .play-match-alert__copy strong {
	overflow: hidden !important;
	color: #17345f !important;
	font-size: 10px !important;
	line-height: 1.15 !important;
	font-weight: 900 !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
}

body[data-page='community-play'] .play-match-alert__copy small {
	overflow: hidden !important;
	color: #6c7f99 !important;
	font-size: 8.5px !important;
	line-height: 1.15 !important;
	font-weight: 650 !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
}

body[data-page='community-play'] .play-submit,
body[data-page='community-play'] .play-toolbar > button,
body[data-page='community-play'] .play-login-link,
body[data-page='community-play'] .play-action-btn,
body[data-page='community-play'] .play-invite-form > button {
	border: 0 !important;
	border-radius: 11px !important;
	background: linear-gradient(105deg, var(--play-blue-600), var(--play-cyan-500)) !important;
	color: #fff !important;
	font-weight: 900 !important;
	cursor: pointer !important;
	box-shadow: 0 9px 20px rgba(23, 105, 232, 0.18) !important;
}

body[data-page='community-play'] .play-submit {
	min-height: 42px !important;
	height: 42px !important;
	align-self: end !important;
	padding: 0 15px !important;
	font-size: 10.5px !important;
	line-height: 1.15 !important;
}

body[data-page='community-play'] .play-submit::after {
	content: '  →' !important;
}
body[data-page='community-play'] .play-submit:hover,
body[data-page='community-play'] .play-toolbar > button:hover {
	filter: brightness(0.98) !important;
	transform: translateY(-1px) !important;
}

/* Autocomplete miasta — mały i zawsze nad formularzem */
body[data-page='community-play'] .play-field--city,
body[data-page='community-play'] .tfp-city-autocomplete {
	position: relative !important;
	width: 100% !important;
	min-width: 0 !important;
}

body[data-page='community-play'] .tfp-city-dropdown {
	position: absolute !important;
	z-index: 10000 !important;
	top: calc(100% + 6px) !important;
	left: 0 !important;
	width: min(100%, 340px) !important;
	min-width: 250px !important;
	max-width: 340px !important;
	max-height: 188px !important;
	overflow: auto !important;
	padding: 5px !important;
	border: 1px solid #d2dfed !important;
	border-radius: 11px !important;
	background: #fff !important;
	box-shadow: 0 18px 42px rgba(15, 37, 73, 0.2) !important;
}

body[data-page='community-play'] .tfp-city-dropdown[hidden] {
	display: none !important;
}
body[data-page='community-play'] .tfp-city-dropdown__title {
	padding: 5px 7px 7px !important;
	color: #7a899d !important;
	font-size: 8px !important;
	font-weight: 900 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

body[data-page='community-play'] .tfp-city-option {
	width: 100% !important;
	min-height: 34px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 6px 7px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: #fff !important;
	text-align: left !important;
	cursor: pointer !important;
}

body[data-page='community-play'] .tfp-city-option + .tfp-city-option {
	border-top: 1px solid #edf2f7 !important;
}
body[data-page='community-play'] .tfp-city-option:hover,
body[data-page='community-play'] .tfp-city-option:focus-visible {
	background: #f1f7ff !important;
	outline: 0 !important;
}
body[data-page='community-play'] .tfp-city-option__name {
	overflow: hidden !important;
	color: #173253 !important;
	font-size: 10.5px !important;
	font-weight: 850 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
body[data-page='community-play'] .tfp-city-option__region {
	max-width: 126px !important;
	overflow: hidden !important;
	padding: 3px 6px !important;
	border-radius: 999px !important;
	background: #edf4fc !important;
	color: #60728c !important;
	font-size: 7px !important;
	font-weight: 850 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/* =========================================================
   POZIOMY UMIEJĘTNOŚCI — pięć wyraźnie różnych kolorów
========================================================= */
body[data-page='community-play'] .play-level-grid,
body[data-page='community-play'] .play-level-grid--five {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	gap: 10px !important;
	overflow: visible !important;
	padding: 0 !important;
}

body[data-page='community-play'] .play-level-card {
	--level-accent: #2b7df0;
	--level-soft: #eef6ff;
	--level-border: #cfe2fb;
	position: relative !important;
	min-width: 0 !important;
	min-height: 112px !important;
	display: grid !important;
	align-content: start !important;
	gap: 6px !important;
	padding: 13px 13px 12px 15px !important;
	overflow: hidden !important;
	border: 1px solid var(--level-border) !important;
	border-radius: 15px !important;
	background: linear-gradient(145deg, #fff 0%, var(--level-soft) 100%) !important;
	color: var(--play-ink) !important;
	text-decoration: none !important;
	box-shadow: 0 7px 18px rgba(21, 57, 104, 0.055) !important;
	transition:
		transform 0.17s ease,
		box-shadow 0.17s ease,
		border-color 0.17s ease !important;
}

body[data-page='community-play'] .play-level-card:nth-child(1) {
	--level-accent: #1686e8;
	--level-soft: #eaf7ff;
	--level-border: #bee4fb;
}
body[data-page='community-play'] .play-level-card:nth-child(2) {
	--level-accent: #0fa978;
	--level-soft: #eafbf5;
	--level-border: #bdebd9;
}
body[data-page='community-play'] .play-level-card:nth-child(3) {
	--level-accent: #7b5be7;
	--level-soft: #f2efff;
	--level-border: #d7cdfa;
}
body[data-page='community-play'] .play-level-card:nth-child(4) {
	--level-accent: #ef8a19;
	--level-soft: #fff5e8;
	--level-border: #f7d7aa;
}
body[data-page='community-play'] .play-level-card:nth-child(5) {
	--level-accent: #e24166;
	--level-soft: #fff0f4;
	--level-border: #f5c8d3;
}

body[data-page='community-play'] .play-level-card::before {
	content: '' !important;
	position: absolute !important;
	inset: 0 auto 0 0 !important;
	width: 5px !important;
	background: var(--level-accent) !important;
}

body[data-page='community-play'] .play-level-card::after {
	content: '' !important;
	position: absolute !important;
	right: -18px !important;
	bottom: -22px !important;
	width: 68px !important;
	height: 68px !important;
	border-radius: 50% !important;
	background: color-mix(in srgb, var(--level-accent) 10%, transparent) !important;
}

body[data-page='community-play'] .play-level-card:hover {
	transform: translateY(-2px) !important;
	border-color: var(--level-accent) !important;
	box-shadow: 0 12px 25px color-mix(in srgb, var(--level-accent) 16%, transparent) !important;
}

body[data-page='community-play'] .play-level-card.is-active {
	border-color: var(--level-accent) !important;
	box-shadow:
		0 0 0 2px color-mix(in srgb, var(--level-accent) 14%, transparent),
		0 12px 25px rgba(24, 58, 105, 0.08) !important;
}

body[data-page='community-play'] .play-level-card > span {
	position: relative !important;
	z-index: 1 !important;
	width: fit-content !important;
	min-height: 21px !important;
	display: inline-flex !important;
	align-items: center !important;
	padding: 0 8px !important;
	border-radius: 999px !important;
	background: color-mix(in srgb, var(--level-accent) 12%, #fff) !important;
	color: var(--level-accent) !important;
	font-size: 8px !important;
	line-height: 1 !important;
	font-weight: 950 !important;
}

body[data-page='community-play'] .play-level-card strong {
	position: relative !important;
	z-index: 1 !important;
	margin: 1px 0 0 !important;
	color: #132848 !important;
	font-size: 15px !important;
	line-height: 1.05 !important;
	font-weight: 950 !important;
	letter-spacing: -0.025em !important;
}

body[data-page='community-play'] .play-level-card small {
	position: relative !important;
	z-index: 1 !important;
	display: -webkit-box !important;
	overflow: hidden !important;
	color: #667890 !important;
	font-size: 9.5px !important;
	line-height: 1.35 !important;
	font-weight: 650 !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 3 !important;
}

/* =========================================================
   FILTRY I LISTA ZGŁOSZEŃ
========================================================= */
body[data-page='community-play'] .play-toolbar {
	display: grid !important;
	grid-template-columns: 150px minmax(190px, 1fr) minmax(180px, 1fr) 110px 110px !important;
	gap: 9px !important;
	align-items: end !important;
	margin: 0 0 14px !important;
	padding: 11px !important;
	border: 1px solid #dce7f3 !important;
	border-radius: 13px !important;
	background: #f7faff !important;
}

body[data-page='community-play'] .play-toolbar label {
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 5px !important;
}

body[data-page='community-play'] .play-toolbar > button,
body[data-page='community-play'] .community-clear {
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
}

body[data-page='community-play'] .community-clear {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 12px !important;
	border: 1px solid #d3dfed !important;
	border-radius: 11px !important;
	background: #fff !important;
	color: #49617f !important;
	font-size: 9.5px !important;
	font-weight: 850 !important;
	text-decoration: none !important;
}

body[data-page='community-play'] .play-container-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 11px !important;
}

body[data-page='community-play'] .play-container-card {
	min-width: 0 !important;
	overflow: hidden !important;
	border: 1px solid #d8e4f1 !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: 0 7px 18px rgba(18, 48, 94, 0.045) !important;
}

body[data-page='community-play'] .play-container-card > header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	padding: 11px 12px !important;
	border-bottom: 1px solid #e7eef6 !important;
	background: linear-gradient(180deg, #fbfdff, #f5f9fe) !important;
}
body[data-page='community-play'] .play-container-card > header > div {
	min-width: 0 !important;
}
body[data-page='community-play'] .play-container-card > header span {
	display: block !important;
	overflow: hidden !important;
	color: #708099 !important;
	font-size: 8.5px !important;
	font-weight: 800 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
body[data-page='community-play'] .play-container-card > header h3 {
	margin: 3px 0 0 !important;
	color: #142a4a !important;
	font-size: 14px !important;
	line-height: 1.1 !important;
}
body[data-page='community-play'] .play-container-card > header b {
	flex: 0 0 auto !important;
	padding: 5px 8px !important;
	border-radius: 999px !important;
	background: #eaf3ff !important;
	color: var(--play-blue-600) !important;
	font-size: 7.5px !important;
	font-weight: 900 !important;
	white-space: nowrap !important;
}
body[data-page='community-play'] .play-container-card.is-ready > header b {
	background: #e9fff5 !important;
	color: #07835b !important;
}
body[data-page='community-play'] .play-container-card__players {
	padding: 5px 10px 8px !important;
}
body[data-page='community-play'] .play-person-row {
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: 36px minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 9px !important;
	padding: 8px 1px !important;
	border-bottom: 1px solid #edf2f7 !important;
}
body[data-page='community-play'] .play-person-row:last-child {
	border-bottom: 0 !important;
}
body[data-page='community-play'] .community-avatar {
	width: 36px !important;
	height: 36px !important;
	display: grid !important;
	place-items: center !important;
	overflow: hidden !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, var(--play-blue-600), var(--play-cyan-500)) !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 900 !important;
}
body[data-page='community-play'] .community-avatar img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
body[data-page='community-play'] .play-person-row > div:nth-child(2) {
	min-width: 0 !important;
}
body[data-page='community-play'] .play-person-row strong {
	display: block !important;
	overflow: hidden !important;
	color: #172b4a !important;
	font-size: 10.5px !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
body[data-page='community-play'] .play-person-row span,
body[data-page='community-play'] .play-person-row small {
	display: block !important;
	margin-top: 2px !important;
	overflow: hidden !important;
	color: #74839a !important;
	font-size: 8.5px !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
body[data-page='community-play'] .play-person-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-end !important;
	gap: 4px !important;
}
body[data-page='community-play'] .play-action-btn,
body[data-page='community-play'] .play-contact-btn,
body[data-page='community-play'] .play-leave-form button,
body[data-page='community-play'] .play-invite-details > summary {
	min-height: 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 8px !important;
	border-radius: 8px !important;
	font-size: 7.5px !important;
	font-weight: 850 !important;
	text-decoration: none !important;
	cursor: pointer !important;
}
body[data-page='community-play'] .play-contact-btn {
	border: 1px solid #d5e1ef !important;
	background: #f8fbff !important;
	color: #315071 !important;
}
body[data-page='community-play'] .play-contact-btn.is-whatsapp {
	border-color: #b7ead2 !important;
	background: #effff7 !important;
	color: #078a5d !important;
}
body[data-page='community-play'] .play-leave-form button {
	border: 1px solid #ffcaca !important;
	background: #fff3f3 !important;
	color: #d22b2b !important;
}
body[data-page='community-play'] .play-invite-details {
	position: relative !important;
}
body[data-page='community-play'] .play-invite-details > summary {
	list-style: none !important;
	background: linear-gradient(105deg, var(--play-blue-600), var(--play-cyan-500)) !important;
	color: #fff !important;
}
body[data-page='community-play'] .play-invite-details > summary::-webkit-details-marker {
	display: none !important;
}

/* Alerty i pusty stan */
body[data-page='community-play'] .play-alert,
body[data-page='community-play'] .community-empty {
	margin: 0 0 12px !important;
	padding: 11px 12px !important;
	border-radius: 11px !important;
	font-size: 10.5px !important;
	font-weight: 750 !important;
}
body[data-page='community-play'] .play-alert.is-success {
	border: 1px solid #a9e7d0 !important;
	background: #ecfff7 !important;
	color: #087452 !important;
}
body[data-page='community-play'] .play-alert.is-error {
	border: 1px solid #ffc7c7 !important;
	background: #fff2f2 !important;
	color: #b42323 !important;
}
body[data-page='community-play'] .community-empty {
	display: grid !important;
	gap: 4px !important;
	border: 1px dashed #bfd0e7 !important;
	background: #f8fbff !important;
	color: #697990 !important;
}
body[data-page='community-play'] .community-empty strong {
	color: var(--play-ink) !important;
}
body[data-page='community-play'] .play-login-link {
	width: fit-content !important;
	margin-top: 5px !important;
	padding: 8px 12px !important;
	text-decoration: none !important;
}

/* Modal zaproszenia */
body[data-page='community-play'] .play-invite-form {
	position: fixed !important;
	z-index: 10000 !important;
	inset: 50% auto auto 50% !important;
	width: min(500px, calc(100vw - 28px)) !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
	transform: translate(-50%, -50%) !important;
	padding: 19px !important;
	border: 1px solid #d7e3f1 !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: 0 28px 80px rgba(5, 24, 58, 0.28) !important;
}
body[data-page='community-play'] .play-invite-form label {
	display: flex !important;
	flex-direction: column !important;
	gap: 5px !important;
}
body[data-page='community-play'] .play-invite-form__wide,
body[data-page='community-play'] .play-invite-form > button {
	grid-column: 1 / -1 !important;
}
body[data-page='community-play'] .play-invite-form > button {
	min-height: 40px !important;
}
body[data-page='community-play'] .play-invite-close {
	position: absolute !important;
	top: 7px !important;
	right: 7px !important;
	width: 28px !important;
	height: 28px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #eef3fa !important;
	color: #40506a !important;
	font-size: 16px !important;
	cursor: pointer !important;
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 980px) {
	body[data-page='community-play'] .community-play-page {
		width: min(920px, calc(100% - 24px)) !important;
		padding-top: 16px !important;
	}

	body[data-page='community-play'] .play-join-form {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	body[data-page='community-play'] .play-field--date {
		grid-column: span 3 !important;
	}
	body[data-page='community-play'] .play-field--city {
		grid-column: span 5 !important;
	}
	body[data-page='community-play'] .play-field--level {
		grid-column: span 4 !important;
	}
	body[data-page='community-play'] .play-field--format {
		grid-column: span 3 !important;
	}
	body[data-page='community-play'] .play-field--time {
		grid-column: span 3 !important;
	}
	body[data-page='community-play'] .play-field--email {
		grid-column: span 6 !important;
	}
	body[data-page='community-play'] .play-field--phone {
		grid-column: span 4 !important;
	}
	body[data-page='community-play'] .play-field--contact {
		grid-column: span 4 !important;
	}
	body[data-page='community-play'] .play-field--note {
		grid-column: span 8 !important;
	}
	body[data-page='community-play'] .play-match-alert {
		grid-column: span 8 !important;
	}
	body[data-page='community-play'] .play-submit {
		grid-column: span 4 !important;
	}

	body[data-page='community-play'] .play-level-grid,
	body[data-page='community-play'] .play-level-grid--five {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	body[data-page='community-play'] .play-toolbar {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

/* =========================================================
   MOBILE — wszystko mieści się, brak poziomego przewijania
========================================================= */
@media (max-width: 680px) {
	body[data-page='community-play'] .community-play-page {
		width: 100% !important;
		max-width: none !important;
		padding: 10px 9px 34px !important;
	}

	body[data-page='community-play'] .community-play-head.community-shell {
		min-height: 0 !important;
		display: block !important;
		margin-bottom: 10px !important;
		padding: 17px 17px 16px 20px !important;
		border-radius: 17px !important;
	}

	body[data-page='community-play'] .community-play-head::before {
		width: 5px !important;
	}
	body[data-page='community-play'] .community-play-head::after {
		width: 150px !important;
		height: 150px !important;
		right: -65px !important;
		top: -88px !important;
		border-width: 18px !important;
	}
	body[data-page='community-play'] .community-play-head .community-kicker {
		min-height: 21px !important;
		margin-bottom: 6px !important;
		padding: 0 8px !important;
		font-size: 7px !important;
	}
	body[data-page='community-play'] .community-play-head h1 {
		max-width: 310px !important;
		font-size: 29px !important;
		line-height: 0.98 !important;
	}
	body[data-page='community-play'] .community-play-head p {
		max-width: 320px !important;
		margin-top: 6px !important;
		font-size: 10.5px !important;
		line-height: 1.38 !important;
	}

	body[data-page='community-play'] .play-join-shell,
	body[data-page='community-play'] .play-level-shell,
	body[data-page='community-play'] .play-board-shell {
		margin-top: 10px !important;
		padding: 0 11px 12px !important;
		border-radius: 16px !important;
	}

	body[data-page='community-play'] .community-panel__head {
		min-height: 57px !important;
		margin: 0 -11px 12px !important;
		padding: 9px 11px !important;
		border-radius: 15px 15px 0 0 !important;
	}
	body[data-page='community-play'] .community-panel__head h2 {
		gap: 7px !important;
		font-size: 16px !important;
	}
	body[data-page='community-play'] .community-panel__head h2::before {
		width: 24px !important;
		height: 24px !important;
		flex-basis: 24px !important;
		border-radius: 8px !important;
		font-size: 11px !important;
	}
	body[data-page='community-play'] .community-count {
		display: none !important;
	}

	body[data-page='community-play'] .play-join-form {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 9px 8px !important;
	}
	body[data-page='community-play'] .play-field--date,
	body[data-page='community-play'] .play-field--city,
	body[data-page='community-play'] .play-field--level,
	body[data-page='community-play'] .play-field--email,
	body[data-page='community-play'] .play-field--note,
	body[data-page='community-play'] .play-match-alert,
	body[data-page='community-play'] .play-submit {
		grid-column: 1 / -1 !important;
	}
	body[data-page='community-play'] .play-field--format,
	body[data-page='community-play'] .play-field--time,
	body[data-page='community-play'] .play-field--phone,
	body[data-page='community-play'] .play-field--contact {
		grid-column: span 1 !important;
	}
	body[data-page='community-play'] .play-join-form input,
	body[data-page='community-play'] .play-join-form select,
	body[data-page='community-play'] .play-toolbar input,
	body[data-page='community-play'] .play-toolbar select {
		height: 39px !important;
		min-height: 39px !important;
		padding-inline: 10px !important;
		border-radius: 10px !important;
		font-size: 10.5px !important;
	}
	body[data-page='community-play'] .play-submit {
		height: 41px !important;
		min-height: 41px !important;
		font-size: 10.5px !important;
	}
	body[data-page='community-play'] .play-match-alert {
		height: auto !important;
		min-height: 46px !important;
		gap: 8px !important;
		padding: 7px 9px !important;
		border-radius: 10px !important;
	}
	body[data-page='community-play'] .play-match-alert__copy strong {
		font-size: 9.5px !important;
		white-space: normal !important;
	}
	body[data-page='community-play'] .play-match-alert__copy small {
		font-size: 8px !important;
		line-height: 1.25 !important;
		white-space: normal !important;
	}
	body[data-page='community-play'] .play-join-form label > span,
	body[data-page='community-play'] .play-toolbar label > span {
		font-size: 8px !important;
	}
	body[data-page='community-play'] .tfp-city-dropdown {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		max-height: 170px !important;
	}

	/* 2 kolumny, więc wszystkie poziomy są widoczne bez przewijania */
	body[data-page='community-play'] .play-level-grid,
	body[data-page='community-play'] .play-level-grid--five {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
		overflow: visible !important;
	}
	body[data-page='community-play'] .play-level-card {
		min-height: 96px !important;
		padding: 11px 10px 10px 13px !important;
		border-radius: 13px !important;
	}
	body[data-page='community-play'] .play-level-card:last-child {
		grid-column: 1 / -1 !important;
		min-height: 82px !important;
	}
	body[data-page='community-play'] .play-level-card strong {
		font-size: 13px !important;
	}
	body[data-page='community-play'] .play-level-card small {
		font-size: 8.5px !important;
		-webkit-line-clamp: 2 !important;
	}

	body[data-page='community-play'] .play-toolbar {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
		padding: 9px !important;
	}
	body[data-page='community-play'] .play-toolbar label:nth-child(3),
	body[data-page='community-play'] .play-toolbar > button,
	body[data-page='community-play'] .community-clear {
		grid-column: 1 / -1 !important;
	}

	body[data-page='community-play'] .play-container-grid {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}
	body[data-page='community-play'] .play-person-row {
		grid-template-columns: 32px minmax(0, 1fr) !important;
	}
	body[data-page='community-play'] .community-avatar {
		width: 32px !important;
		height: 32px !important;
	}
	body[data-page='community-play'] .play-person-actions {
		grid-column: 1 / -1 !important;
		justify-content: flex-start !important;
		padding-left: 40px !important;
	}

	body[data-page='community-play'] .play-invite-form {
		grid-template-columns: 1fr !important;
		padding: 16px !important;
	}
	body[data-page='community-play'] .play-invite-form label,
	body[data-page='community-play'] .play-invite-form__wide,
	body[data-page='community-play'] .play-invite-form > button {
		grid-column: 1 !important;
	}
}

@media (max-width: 390px) {
	body[data-page='community-play'] .play-field--phone,
	body[data-page='community-play'] .play-field--contact {
		grid-column: 1 / -1 !important;
	}
	body[data-page='community-play'] .play-level-card {
		min-height: 91px !important;
	}
}

/* =========================================================
   TFP 2026 — PLAYER ZONE / FIND A GAME
   Unified low hero + minimal panels + responsive layout.
   ========================================================= */
body[data-page='community-play'] {
    --pz-ink: #0b1830;
    --pz-text: #263750;
    --pz-muted: #6a7890;
    --pz-line: #dfe6f0;
    --pz-line-strong: #ccd8e7;
    --pz-blue: #1769df;
    --pz-cyan: #20a9d8;
    --pz-green: #10a873;
    background:
        radial-gradient(circle at 8% -5%, rgba(23,105,223,.075), transparent 25rem),
        radial-gradient(circle at 94% 2%, rgba(32,169,216,.065), transparent 24rem),
        linear-gradient(180deg, #fafcff 0%, #f5f8fc 46%, #f8fafc 100%) !important;
    color: var(--pz-text) !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: .004em !important;
}

body[data-page='community-play'] .community-play-page {
    width: min(1480px, calc(100% - 48px)) !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    padding: 22px 0 64px !important;
}
body[data-page='community-play'] .community-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body[data-page='community-play'] .community-play-head.community-shell {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    min-height: 112px !important;
    margin: 0 0 16px !important;
    padding: 22px 26px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 90% -20%, rgba(47,196,232,.26), transparent 18rem),
        linear-gradient(135deg, #0b2349 0%, #123d77 62%, #0e789f 100%) !important;
    box-shadow: 0 18px 42px rgba(15,44,88,.14) !important;
}
body[data-page='community-play'] .community-play-head::before {
    content: "" !important;
    position: absolute !important;
    width: 240px !important;
    height: 240px !important;
    right: -110px !important;
    top: -145px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 36px rgba(255,255,255,.035) !important;
    background: transparent !important;
    opacity: 1 !important;
}
body[data-page='community-play'] .community-play-head::after { display: none !important; }
body[data-page='community-play'] .community-play-head > div { max-width: 850px !important; }
body[data-page='community-play'] .community-play-head .community-kicker {
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #bfe9ff !important;
    background: transparent !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}
body[data-page='community-play'] .community-play-head h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(31px,2.7vw,40px) !important;
    line-height: 1.02 !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
}
body[data-page='community-play'] .community-play-head p {
    max-width: 760px !important;
    margin: 7px 0 0 !important;
    color: rgba(234,243,255,.82) !important;
    font-size: 12.5px !important;
    line-height: 1.48 !important;
    font-weight: 500 !important;
    letter-spacing: .006em !important;
}

body[data-page='community-play'] .play-join-shell,
body[data-page='community-play'] .play-level-shell,
body[data-page='community-play'] .play-board-shell {
    margin-top: 12px !important;
    padding: 15px !important;
    overflow: visible !important;
    border: 1px solid var(--pz-line) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 8px 24px rgba(16,36,68,.055) !important;
}

body[data-page='community-play'] .play-join-shell .community-panel__head,
body[data-page='community-play'] .play-level-shell .community-panel__head,
body[data-page='community-play'] .play-board-shell .community-panel__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 0 0 11px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz-line) !important;
    border-radius: 0 !important;
    color: var(--pz-ink) !important;
    background: transparent !important;
    box-shadow: none !important;
}
body[data-page='community-play'] .community-panel__head .community-kicker {
    margin: 0 0 4px !important;
    color: var(--pz-blue) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}
body[data-page='community-play'] .community-panel__head h2 {
    margin: 0 !important;
    color: var(--pz-ink) !important;
    font-size: 18px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: -.016em !important;
}
body[data-page='community-play'] .community-panel__head h2::before { display: none !important; }
body[data-page='community-play'] .community-count {
    min-height: 28px !important;
    padding: 0 10px !important;
    border: 1px solid var(--pz-line) !important;
    border-radius: 9px !important;
    color: #536177 !important;
    background: #f7f9fc !important;
    font-size: 8.5px !important;
    font-weight: 650 !important;
}

body[data-page='community-play'] .play-join-form {
    gap: 9px !important;
}
body[data-page='community-play'] .play-join-form label,
body[data-page='community-play'] .community-toolbar label {
    color: #75839a !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}
body[data-page='community-play'] .play-join-form input,
body[data-page='community-play'] .play-join-form select,
body[data-page='community-play'] .play-join-form textarea,
body[data-page='community-play'] .community-toolbar input,
body[data-page='community-play'] .community-toolbar select {
    border: 1px solid var(--pz-line-strong) !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: var(--pz-ink) !important;
    box-shadow: none !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    letter-spacing: .005em !important;
}
body[data-page='community-play'] .play-join-form input,
body[data-page='community-play'] .play-join-form select,
body[data-page='community-play'] .community-toolbar input,
body[data-page='community-play'] .community-toolbar select {
    min-height: 42px !important;
    height: 42px !important;
}
body[data-page='community-play'] .play-join-form textarea { min-height: 42px !important; }
body[data-page='community-play'] .play-submit,
body[data-page='community-play'] .community-filter-btn,
body[data-page='community-play'] .community-clear {
    min-height: 42px !important;
    border-radius: 11px !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    letter-spacing: .01em !important;
    box-shadow: none !important;
}

body[data-page='community-play'] .play-level-grid {
    gap: 9px !important;
}
body[data-page='community-play'] .play-level-card {
    min-height: 102px !important;
    padding: 13px !important;
    border: 1px solid var(--pz-line) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: none !important;
}
body[data-page='community-play'] .play-level-card::before,
body[data-page='community-play'] .play-level-card::after { opacity: .45 !important; }
body[data-page='community-play'] .play-level-card h3 {
    color: var(--pz-ink) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    letter-spacing: -.006em !important;
}
body[data-page='community-play'] .play-level-card p {
    color: var(--pz-muted) !important;
    font-size: 9.5px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

body[data-page='community-play'] .community-toolbar {
    gap: 9px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body[data-page='community-play'] .community-request-card,
body[data-page='community-play'] .play-request-card {
    border: 1px solid var(--pz-line) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 5px 16px rgba(17,39,75,.035) !important;
}

@media (max-width: 1040px) {
    body[data-page='community-play'] .community-play-page { width: min(100% - 32px, 980px) !important; }
}

@media (max-width: 720px) {
    body[data-page='community-play'] .community-play-page { width: calc(100% - 20px) !important; padding: 12px 0 38px !important; }
    body[data-page='community-play'] .community-play-head.community-shell { min-height: 0 !important; padding: 17px !important; border-radius: 18px !important; margin-bottom: 11px !important; }
    body[data-page='community-play'] .community-play-head h1 { font-size: 28px !important; letter-spacing: -.018em !important; }
    body[data-page='community-play'] .community-play-head p { font-size: 11px !important; }
    body[data-page='community-play'] .play-join-shell,
    body[data-page='community-play'] .play-level-shell,
    body[data-page='community-play'] .play-board-shell { padding: 12px !important; border-radius: 16px !important; margin-top: 9px !important; }
    body[data-page='community-play'] .community-panel__head h2 { font-size: 16px !important; }
    body[data-page='community-play'] .play-level-grid { grid-template-columns: 1fr !important; }
    body[data-page='community-play'] .play-level-card { min-height: 86px !important; }
    body[data-page='community-play'] .community-toolbar { grid-template-columns: 1fr !important; }
}

/* Actual request cards used by community-play.php */
body[data-page='community-play'] .play-container-grid {
    gap: 10px !important;
}
body[data-page='community-play'] .play-container-card {
    overflow: hidden !important;
    border: 1px solid var(--pz-line) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 5px 16px rgba(17,39,75,.035) !important;
}
body[data-page='community-play'] .play-container-card > header {
    padding: 11px 12px !important;
    border-bottom: 1px solid var(--pz-line) !important;
    background: #f8fafc !important;
}
body[data-page='community-play'] .play-container-card > header span {
    color: var(--pz-muted) !important;
    font-size: 8.5px !important;
    font-weight: 500 !important;
    letter-spacing: .02em !important;
}
body[data-page='community-play'] .play-container-card > header h3 {
    color: var(--pz-ink) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    letter-spacing: -.004em !important;
}
body[data-page='community-play'] .play-container-card > header b {
    border-radius: 8px !important;
    font-size: 8.5px !important;
    font-weight: 650 !important;
}
body[data-page='community-play'] .play-person-row {
    padding: 10px 12px !important;
}
body[data-page='community-play'] .play-person-row strong {
    color: var(--pz-ink) !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
}
body[data-page='community-play'] .play-person-row span,
body[data-page='community-play'] .play-person-row small {
    color: var(--pz-muted) !important;
    font-size: 9px !important;
    font-weight: 500 !important;
}

/* =========================================================
   TFP 2026 — PLAYER ZONE SYNC / SZUKAM GRY
   Same approved visual system as /leagues.
   ========================================================= */
body[data-page='community-play'] {
    --pz-bg:#f6f8fc; --pz-surface:rgba(255,255,255,.94); --pz-ink:#0b1830;
    --pz-text:#263750; --pz-muted:#6a7890; --pz-line:#dfe6f0;
    --pz-line-strong:#ccd8e7; --pz-blue:#1769df; --pz-cyan:#20a9d8;
    color:var(--pz-text) !important;
    background:linear-gradient(180deg,#fafcff 0%,#f5f8fc 46%,#f8fafc 100%) !important;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    letter-spacing:.004em !important;
}
body[data-page='community-play'] .community-play-page {
    width:min(1480px,calc(100% - 48px)) !important;
    max-width:1480px !important;
    margin:0 auto !important;
    padding:22px 0 64px !important;
}
body[data-page='community-play'] .community-play-head.community-shell {
    min-height:112px !important;
    margin:0 0 16px !important;
    padding:22px 26px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:22px !important;
    color:#fff !important;
    background:radial-gradient(circle at 90% -20%,rgba(47,196,232,.26),transparent 18rem),linear-gradient(135deg,#0b2349 0%,#123d77 62%,#0e789f 100%) !important;
    box-shadow:0 18px 42px rgba(15,44,88,.14) !important;
}
body[data-page='community-play'] .community-play-head .community-kicker { color:#bfe9ff !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.13em !important; }
body[data-page='community-play'] .community-play-head h1 { color:#fff !important; font-size:clamp(31px,2.7vw,40px) !important; line-height:1.02 !important; font-weight:700 !important; letter-spacing:-.025em !important; }
body[data-page='community-play'] .community-play-head p { color:rgba(234,243,255,.82) !important; font-size:13px !important; line-height:1.5 !important; font-weight:500 !important; letter-spacing:.006em !important; }
body[data-page='community-play'] .community-shell.play-join-shell,
body[data-page='community-play'] .community-shell.play-level-shell,
body[data-page='community-play'] .community-shell.play-board-shell {
    margin-top:12px !important;
    padding:0 16px 16px !important;
    border:1px solid var(--pz-line) !important;
    border-radius:18px !important;
    background:var(--pz-surface) !important;
    box-shadow:0 8px 24px rgba(16,36,68,.055) !important;
}
body[data-page='community-play'] .community-panel__head {
    margin:0 -16px 13px !important;
    padding:12px 14px !important;
    border-radius:17px 17px 0 0 !important;
    background:linear-gradient(100deg,#0b2b63,#164f9d) !important;
}
body[data-page='community-play'] .community-panel__head .community-kicker { color:rgba(231,241,255,.78) !important; font-size:7px !important; letter-spacing:.08em !important; }
body[data-page='community-play'] .community-panel__head h2 { color:#fff !important; font-size:16px !important; font-weight:700 !important; letter-spacing:-.014em !important; }
body[data-page='community-play'] .community-count { min-height:28px !important; padding:0 9px !important; color:#fff !important; background:rgba(255,255,255,.11) !important; border-color:rgba(255,255,255,.20) !important; font-size:8px !important; }
body[data-page='community-play'] .play-join-form label > span,
body[data-page='community-play'] .play-toolbar label > span { color:#718096 !important; font-size:7px !important; font-weight:700 !important; letter-spacing:.065em !important; }
body[data-page='community-play'] .play-join-form input,
body[data-page='community-play'] .play-join-form select,
body[data-page='community-play'] .play-toolbar input,
body[data-page='community-play'] .play-toolbar select {
    height:40px !important; min-height:40px !important; border:1px solid var(--pz-line-strong) !important; border-radius:11px !important;
    color:var(--pz-ink) !important; background:#fff !important; font-size:10.5px !important; font-weight:500 !important; letter-spacing:.004em !important;
}
body[data-page='community-play'] .play-submit,
body[data-page='community-play'] .community-filter-btn,
body[data-page='community-play'] .community-clear,
body[data-page='community-play'] .play-toolbar button {
    min-height:40px !important; border-radius:11px !important; font-size:10px !important; font-weight:650 !important; letter-spacing:.01em !important;
}
body[data-page='community-play'] .play-level-grid { gap:9px !important; }
body[data-page='community-play'] .play-level-card { min-height:92px !important; padding:12px !important; border-radius:15px !important; box-shadow:0 6px 18px rgba(17,39,75,.04) !important; }
body[data-page='community-play'] .play-level-card strong { color:var(--pz-ink) !important; font-size:13px !important; font-weight:650 !important; letter-spacing:0 !important; }
body[data-page='community-play'] .play-level-card small { font-size:9px !important; font-weight:500 !important; }
body[data-page='community-play'] .play-container-card,
body[data-page='community-play'] .community-request-card { border-radius:15px !important; box-shadow:0 6px 18px rgba(17,39,75,.04) !important; }

@media (max-width:720px) {
    body[data-page='community-play'] .community-play-page { width:calc(100% - 20px) !important; padding:12px 0 38px !important; }
    body[data-page='community-play'] .community-play-head.community-shell { min-height:0 !important; padding:17px !important; margin-bottom:12px !important; border-radius:18px !important; }
    body[data-page='community-play'] .community-play-head h1 { font-size:28px !important; letter-spacing:-.018em !important; }
    body[data-page='community-play'] .community-play-head p { font-size:10px !important; line-height:1.4 !important; }
    body[data-page='community-play'] .community-shell.play-join-shell,
    body[data-page='community-play'] .community-shell.play-level-shell,
    body[data-page='community-play'] .community-shell.play-board-shell { padding:0 10px 10px !important; border-radius:16px !important; margin-top:9px !important; }
    body[data-page='community-play'] .community-panel__head { margin:0 -10px 10px !important; padding:10px 11px !important; border-radius:15px 15px 0 0 !important; }
    body[data-page='community-play'] .community-panel__head h2 { font-size:14px !important; }
    body[data-page='community-play'] .play-join-form { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px 6px !important; }
    body[data-page='community-play'] .play-join-form > .play-field { grid-column:span 1 !important; gap:3px !important; }
    body[data-page='community-play'] .play-field--city,
    body[data-page='community-play'] .play-field--note,
    body[data-page='community-play'] .play-match-alert { grid-column:1 / -1 !important; }
    body[data-page='community-play'] .play-submit { grid-column:1 / -1 !important; }
    body[data-page='community-play'] .play-join-form label > span,
    body[data-page='community-play'] .play-toolbar label > span { font-size:6.2px !important; letter-spacing:.035em !important; }
    body[data-page='community-play'] .play-join-form input,
    body[data-page='community-play'] .play-join-form select { height:36px !important; min-height:36px !important; padding:0 7px !important; font-size:8.5px !important; }
    body[data-page='community-play'] .community-toolbar.play-toolbar { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:6px 5px !important; }
    body[data-page='community-play'] .community-toolbar.play-toolbar label { min-width:0 !important; gap:3px !important; }
    body[data-page='community-play'] .community-toolbar.play-toolbar input,
    body[data-page='community-play'] .community-toolbar.play-toolbar select { width:100% !important; min-width:0 !important; height:36px !important; min-height:36px !important; padding:0 17px 0 5px !important; font-size:7.5px !important; font-weight:600 !important; }
    body[data-page='community-play'] .community-toolbar.play-toolbar button,
    body[data-page='community-play'] .community-toolbar.play-toolbar .community-clear { min-height:32px !important; font-size:8px !important; }
    body[data-page='community-play'] .play-level-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }
    body[data-page='community-play'] .play-level-card { min-height:78px !important; padding:9px !important; }
}