/* Final Pawn Realm club and live-board overrides. Loaded after template.css. */
body.chessora-shell.view-clubs .chessora-observer-strip[hidden],
body.chessora-shell.view-clubs .chessora-club-board-strip[hidden] {
	display: none !important;
}

body.chessora-shell.view-clubs .chessora-club-tournament-broadcast,
body.chessora-shell.view-clubs .chessora-club-board-focus {
	justify-items: center !important;
}

body.chessora-shell.view-clubs .chessora-club-board-focus {
	display: grid !important;
	width: 100% !important;
}

body.chessora-shell.view-clubs .chessora-club-board-stage {
	margin: 0 auto !important;
	width: min(100%, 600px) !important;
}

body.chessora-shell.view-clubs .chessora-club-board-strip {
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
	max-height: 620px !important;
	overflow: auto !important;
	padding-right: 4px !important;
	width: 100% !important;
}

body.chessora-shell.view-clubs .chessora-club-board-strip-header {
	align-items: center !important;
	border-bottom: 1px solid rgba(229, 180, 77, .22) !important;
	display: flex !important;
	grid-column: 1 / -1 !important;
	justify-content: space-between !important;
	padding-bottom: 8px !important;
}

body.chessora-shell.view-clubs .chessora-club-scoreboard-teams,
body.chessora-shell.view-clubs .chessora-club-scoreboard-columns {
	display: grid !important;
	gap: 14px !important;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
}

body.chessora-shell.view-clubs .chessora-club-scoreboard-columns {
	margin-top: 16px !important;
}

body.chessora-shell.view-clubs .chessora-club-scoreboard-columns section {
	background: rgba(255, 255, 255, .025) !important;
	border: 1px solid rgba(229, 180, 77, .18) !important;
	border-radius: 8px !important;
	display: grid !important;
	gap: 10px !important;
	padding: 14px !important;
}

body.chessora-shell.view-clubs .chessora-club-scoreboard-teams article,
body.chessora-shell.view-clubs .chessora-club-scoreboard-columns article {
	align-items: center !important;
	background: rgba(7, 17, 15, .76) !important;
	border: 1px solid rgba(229, 180, 77, .24) !important;
	border-radius: 8px !important;
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: auto minmax(0, 1fr) auto !important;
	padding: 12px 14px !important;
}

body.chessora-shell.view-clubs .chessora-club-scoreboard-teams article.is-winner {
	border-color: rgba(240, 198, 94, .82) !important;
	box-shadow: 0 0 0 1px rgba(240, 198, 94, .24) inset !important;
}

body.chessora-shell.view-clubs .chessora-club-scoreboard-teams article > b {
	color: #f8d982 !important;
	font-size: clamp(1.6rem, 3vw, 2.35rem) !important;
	font-weight: 950 !important;
}

body.chessora-shell.view-clubs .chessora-club-scoreboard-podium {
	margin: 18px 0 !important;
}

body.chessora-shell.view-clubs .chessora-club-player-directory {
	border-bottom: 1px solid rgba(229, 180, 77, .18) !important;
	margin-bottom: 12px !important;
	padding-bottom: 12px !important;
}

body.chessora-shell.view-clubs .chessora-club-player-filters {
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 260px) !important;
}

body.chessora-shell.view-clubs .chessora-club-player-filters label {
	display: grid !important;
	gap: 6px !important;
}

body.chessora-shell.view-clubs .chessora-club-player-filters :where(input, select) {
	background: rgba(255, 255, 255, .08) !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 8px !important;
	color: #fff7df !important;
	min-height: 46px !important;
	padding: 0 13px !important;
}

body.chessora-shell.view-clubs .chessora-club-player-grid {
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
}

body.chessora-shell.view-clubs .chessora-club-player-card {
	background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025)), #111d18 !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 8px !important;
	display: grid !important;
	gap: 12px !important;
	min-height: 220px !important;
	padding: 18px !important;
}

body.chessora-shell.view-clubs .chessora-club-player-card header,
body.chessora-shell.view-clubs .chessora-club-player-card footer,
body.chessora-shell.view-clubs .chessora-club-player-actions,
body.chessora-shell.view-clubs .chessora-club-player-ratings {
	align-items: center !important;
	display: flex !important;
	gap: 9px !important;
}

body.chessora-shell.view-clubs .chessora-club-player-card header {
	justify-content: space-between !important;
}

body.chessora-shell.view-clubs .chessora-club-player-avatar {
	align-items: center !important;
	background: radial-gradient(circle at 35% 25%, rgba(248, 217, 133, .9), rgba(27, 47, 39, .88) 58%, #07110f) !important;
	border: 1px solid rgba(240, 198, 94, .7) !important;
	border-radius: 50% !important;
	color: #fff7df !important;
	display: inline-flex !important;
	flex: 0 0 58px !important;
	font-size: 1.2rem !important;
	font-weight: 950 !important;
	height: 58px !important;
	justify-content: center !important;
	width: 58px !important;
}

body.chessora-shell.view-clubs .chessora-club-player-actions span {
	align-items: center !important;
	background: rgba(255, 255, 255, .1) !important;
	border-radius: 999px !important;
	color: #fff7df !important;
	display: inline-flex !important;
	font-weight: 900 !important;
	height: 28px !important;
	justify-content: center !important;
	width: 28px !important;
}

body.chessora-shell.view-clubs .chessora-club-player-ratings {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.chessora-shell.view-clubs .chessora-club-player-ratings span {
	align-items: center !important;
	background: rgba(255, 255, 255, .08) !important;
	border: 1px solid rgba(255, 255, 255, .14) !important;
	border-radius: 6px !important;
	color: #fff7df !important;
	display: inline-flex !important;
	font-weight: 900 !important;
	gap: 6px !important;
	min-height: 38px !important;
	padding: 0 10px !important;
}

body.chessora-shell.view-clubs .chessora-club-player-card footer {
	margin-top: auto !important;
}

body.chessora-shell.view-clubs .chessora-club-player-card footer .chessora-button {
	flex: 1 1 0 !important;
	justify-content: center !important;
}

body.chessora-shell.view-clubs .chessora-club-activity-stream button[data-club-tool-target="scoreboard"] {
	border-color: rgba(240, 198, 94, .5) !important;
}

body.chessora-shell.view-game .chessora-game-room:not(.is-creating-game) .chessora-board-wrap,
body.chessora-shell.view-game .chessora-game-room .chessora-board:not(.cg-wrap) {
	background: #172820 !important;
}

body.chessora-shell.view-game .chessora-game-room:not(.is-creating-game) .chessora-board.cg-wrap cg-board {
	background-color: #ad712b !important;
	background-image: conic-gradient(from 90deg, #ecd59c 25%, #ad712b 0 50%, #ecd59c 0 75%, #ad712b 0) !important;
	background-size: 25% 25% !important;
}

.shell-nav .shell-mega-item {
	padding-bottom: 10px !important;
	position: relative !important;
}

.shell-nav .shell-mega-trigger,
.shell-nav .shell-nav-home {
	align-items: center !important;
	background: rgba(255, 255, 255, .06) !important;
	border: 1px solid rgba(255, 255, 255, .04) !important;
	border-radius: 8px !important;
	color: #fff7df !important;
	display: inline-flex !important;
	font-weight: 950 !important;
	min-height: 46px !important;
	padding: 0 16px !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.shell-nav .shell-mega-trigger.is-active,
.shell-nav .shell-nav-home.is-active {
	background: rgba(212, 175, 55, .18) !important;
	border-color: rgba(212, 175, 55, .45) !important;
	box-shadow: inset 0 -2px 0 #d4af37 !important;
	color: #f8d985 !important;
}

.shell-nav .shell-mega-panel {
	background: linear-gradient(180deg, rgba(27, 44, 36, .98), rgba(8, 20, 17, .98)) !important;
	border: 1px solid rgba(212, 175, 55, .38) !important;
	border-radius: 8px !important;
	box-shadow: 0 18px 36px rgba(0, 0, 0, .38) !important;
	display: grid !important;
	gap: 8px !important;
	left: 0 !important;
	min-width: 260px !important;
	opacity: 0 !important;
	padding: 16px !important;
	pointer-events: none !important;
	position: absolute !important;
	top: 100% !important;
	transform: translateY(-4px) !important;
	transition: opacity .16s ease, transform .16s ease !important;
	z-index: 5000 !important;
}

.shell-nav .shell-mega-item:hover .shell-mega-panel,
.shell-nav .shell-mega-item:focus-within .shell-mega-panel {
	opacity: 1 !important;
	pointer-events: auto !important;
	transform: translateY(0) !important;
}

.shell-site-header,
.shell-header-row,
.shell-nav {
	overflow: visible !important;
	position: relative !important;
	z-index: 4000 !important;
}

.shell-nav .shell-mega-panel strong {
	color: #f8d985 !important;
	font-size: .78rem !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}

.shell-nav .shell-mega-panel > span {
	border-bottom: 1px solid rgba(212, 175, 55, .22) !important;
	color: rgba(248, 245, 238, .76) !important;
	font-size: .88rem !important;
	line-height: 1.35 !important;
	padding-bottom: 10px !important;
}

.shell-nav .shell-mega-panel a {
	background: rgba(255, 255, 255, .05) !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 6px !important;
	color: #fff7df !important;
	min-height: 40px !important;
	padding: 0 12px !important;
}

.shell-nav .shell-mega-panel a.is-active,
.shell-nav .shell-mega-panel a:hover {
	background: linear-gradient(180deg, #f3c64e, #c98b1d) !important;
	border-color: rgba(255, 225, 135, .75) !important;
	color: #07110f !important;
}

body.chessora-shell.view-game .chessora-join-challenge-panel {
	display: grid !important;
	gap: 14px !important;
}

body.chessora-shell.view-game .chessora-lobby-message-center,
body.chessora-shell.view-game .chessora-seek-display-settings,
body.chessora-shell.view-challenges .chessora-seek-display-settings {
	background: rgba(2, 15, 12, .72) !important;
	border: 1px solid rgba(212, 175, 55, .28) !important;
	border-radius: 8px !important;
	color: #fff7df !important;
	display: grid !important;
	gap: 10px !important;
	padding: 14px !important;
}

body.chessora-shell.view-game .chessora-lobby-message-center strong,
body.chessora-shell.view-game .chessora-seek-display-settings strong,
body.chessora-shell.view-challenges .chessora-seek-display-settings strong {
	color: #f8d985 !important;
	font-size: .78rem !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}

body.chessora-shell.view-game [data-lobby-message-list] {
	display: grid !important;
	gap: 8px !important;
}

body.chessora-shell.view-game [data-lobby-message-list] span,
body.chessora-shell.view-game .chessora-seek-display-settings label,
body.chessora-shell.view-challenges .chessora-seek-display-settings label {
	align-items: center !important;
	background: rgba(255, 255, 255, .06) !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 6px !important;
	color: rgba(248, 245, 238, .88) !important;
	display: flex !important;
	gap: 10px !important;
	line-height: 1.35 !important;
	padding: 10px 12px !important;
}

body.chessora-shell.view-game .chessora-challenge-confirmation-inline {
	animation: pawn-realm-toast-fade 5.5s ease forwards !important;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .28) !important;
	margin-top: 2px !important;
}

.chessora-lobby-toast {
	animation: pawn-realm-toast-fade 5.5s ease forwards !important;
	background: linear-gradient(180deg, #f3c64e, #c98b1d) !important;
	border-radius: 8px !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .28) !important;
	color: #07110f !important;
	display: grid !important;
	font-weight: 900 !important;
	gap: 2px !important;
	margin: 0 0 16px !important;
	max-width: 420px !important;
	padding: 14px 16px !important;
}

@keyframes pawn-realm-toast-fade {
	0%, 72% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-8px);
	}
}

@media (max-width: 760px) {
	body.chessora-shell.view-clubs .chessora-club-player-filters,
	body.chessora-shell.view-clubs .chessora-club-scoreboard-columns {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (max-width: 1100px) {
	.shell-nav .shell-mega-item {
		width: 100% !important;
	}

	.shell-nav .shell-mega-trigger,
	.shell-nav .shell-nav-home {
		justify-content: center !important;
		width: 100% !important;
	}

	.shell-nav .shell-mega-panel {
		box-shadow: none !important;
		left: auto !important;
		margin-top: 8px !important;
		min-width: 0 !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		position: static !important;
		transform: none !important;
		width: 100% !important;
	}
}
