.oddplay-games-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 24px;
	margin: 24px 0;
}
.oddplay-game-card {
	overflow: hidden;
	border-radius: 22px;
	background: #17151f;
	box-shadow: 0 12px 34px rgba(0,0,0,.18);
}
.oddplay-game-cover {
	display: block;
	aspect-ratio: 16/10;
	overflow: hidden;
	background: #262132;
}
.oddplay-game-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .2s ease;
}
.oddplay-game-card:hover .oddplay-game-cover img { transform: scale(1.035); }
.oddplay-cover-placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	font-size: 64px;
}
.oddplay-game-card-body { padding: 18px; }
.oddplay-game-card-body h3 { margin: 0 0 8px; }
.oddplay-game-card-body h3 a { color: inherit; text-decoration: none; }
.oddplay-game-card-body p { margin: 0 0 16px; opacity: .85; }
.oddplay-play-button,
.oddplay-join-button,
.oddplay-game-unavailable {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 22px;
	border-radius: 999px;
	font-weight: 800;
	text-decoration: none;
}
.oddplay-play-button { background: #b7ff36; color: #16111d; }
.oddplay-join-button { background: #8b5cf6; color: #fff; }
.oddplay-game-unavailable { background: #ddd; color: #555; }
.oddplay-player-shell { width: 100%; }
.oddplay-game-frame {
	display: block;
	width: 100%;
	border: 0;
	border-radius: 18px;
	background: #111;
}
.oddplay-player-tools {
	margin-top: 8px;
	text-align: right;
	font-size: 14px;
}
.oddplay-player-locked,
.oddplay-game-cta { margin: 20px 0; }
.oddplay-game-controls {
	margin: 18px 0;
	padding: 14px 16px;
	border-radius: 14px;
	background: rgba(127,127,127,.08);
}
@media (max-width: 767px) {
	.oddplay-game-frame { min-height: 620px; }
}


.oddplay-back-to-games {
	margin: 8px 0 18px;
}
.oddplay-back-to-games a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 700;
	text-decoration: none;
}
.oddplay-back-to-games a::before {
	content: "←";
}
.oddplay-back-to-games a:hover {
	text-decoration: underline;
}


/* OddPlay public scoreboards */
.oddplay-scoreboard {
	max-width: 760px;
	margin: 24px auto;
	padding: 22px;
	border-radius: 20px;
	background: #17151f;
	box-shadow: 0 12px 34px rgba(0,0,0,.18);
}
.oddplay-scoreboard h3 {
	margin: 0 0 16px;
	color: #fff;
	text-align: center;
}
.oddplay-scoreboard-list {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
.oddplay-scoreboard-list li {
	display: grid;
	grid-template-columns: 44px 1fr auto;
	gap: 12px;
	align-items: center;
	padding: 11px 14px;
	border-bottom: 1px solid rgba(255,255,255,.09);
	color: #fff;
	counter-increment: oddplay-rank;
}
.oddplay-scoreboard-list { counter-reset: oddplay-rank; }
.oddplay-scoreboard-list li::before {
	content: counter(oddplay-rank) ".";
	font-weight: 800;
	color: #b7ff36;
}
.oddplay-scoreboard-score { color: #b7ff36; font-variant-numeric: tabular-nums; }
.oddplay-scoreboard-empty { color: #d8d5e3; text-align: center; }
.oddplay-scoreboard-privacy {
	padding: 16px 18px;
	border-radius: 14px;
	background: rgba(127,127,127,.08);
}
.oddplay-scoreboard-save {
	border: 0;
	border-radius: 999px;
	padding: 10px 18px;
	font-weight: 800;
	cursor: pointer;
}


/* Monthly champions */
.oddplay-champions-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 16px;
	margin: 18px 0;
}
.oddplay-champion-card {
	padding: 18px;
	border-radius: 18px;
	background: rgba(127,127,127,.08);
	text-align: center;
}
.oddplay-champion-trophy {
	font-size: 34px;
	line-height: 1;
	margin-bottom: 8px;
}
.oddplay-champion-game,
.oddplay-champion-name,
.oddplay-champion-score {
	display: block;
}
.oddplay-champion-game {
	font-size: 1.05em;
	margin-bottom: 6px;
}
.oddplay-champion-name {
	font-weight: 800;
}
.oddplay-champion-score {
	margin-top: 4px;
	opacity: .85;
}
.oddplay-monthly-champion {
	padding: 12px 16px;
	border-radius: 14px;
	background: rgba(127,127,127,.08);
	font-weight: 600;
}
.oddplay-champions-history > .oddplay-monthly-champions {
	margin-bottom: 32px;
}


/* Games catalog pagination */
.oddplay-games-pagination {
	margin: 32px 0 8px;
	display: flex;
	justify-content: center;
}
.oddplay-games-pagination .page-numbers {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
}
.oddplay-games-pagination .page-numbers li {
	margin: 0;
	padding: 0;
}
.oddplay-games-pagination a.page-numbers,
.oddplay-games-pagination span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	min-height: 42px;
	padding: 8px 13px;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 800;
	background: #17151f;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,.12);
}
.oddplay-games-pagination a.page-numbers:hover {
	transform: translateY(-1px);
	filter: brightness(1.15);
}
.oddplay-games-pagination span.page-numbers.current {
	background: #b7ff36;
	color: #16111d;
	border-color: #b7ff36;
}
.oddplay-games-pagination span.page-numbers.dots {
	min-width: auto;
	background: transparent;
	border-color: transparent;
}

.oddplay-favorite-button{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#17151f;color:#fff;font-weight:800;cursor:pointer}.oddplay-favorite-button>span[aria-hidden=true]{font-size:1.35em}.oddplay-favorite-button.is-favorite>span[aria-hidden=true]{color:#ff4f86}.oddplay-my-games{display:grid;gap:18px}.oddplay-my-game-card{position:relative;display:grid;grid-template-columns:minmax(120px,220px) 1fr auto;gap:20px;align-items:center;padding:18px;border-radius:20px;background:rgba(127,127,127,.08)}.oddplay-my-game-image img{display:block;width:100%;height:auto;border-radius:14px}.oddplay-trash-favorite{align-self:start}.oddplay-mail-slot{max-width:680px;margin:28px auto;padding:28px;border-radius:18px;background:linear-gradient(180deg,#34313a,#1e1c24);border:2px solid rgba(255,255,255,.15)}.oddplay-mail-slot-top{width:70%;max-width:380px;height:34px;margin:-12px auto 24px;padding-top:7px;background:#0e0d11;border:3px solid #69636f;border-radius:7px;text-align:center;color:#b7ff36;font-weight:900;letter-spacing:.18em}.oddplay-mail-slot label{display:block;font-weight:800}.oddplay-mail-slot select,.oddplay-mail-slot textarea{display:block;width:100%;margin-top:7px;padding:11px;border-radius:10px}.oddplay-mail-submit{padding:11px 18px;border:0;border-radius:999px;font-weight:900;cursor:pointer}.oddplay-player-mail-status{margin-top:10px;font-weight:800}@media(max-width:650px){.oddplay-my-game-card{grid-template-columns:1fr}.oddplay-trash-favorite{position:absolute;right:12px;top:12px}}


/* Subtle marker for display-only OddPlay house players. */
.oddplay-house-player-marker {
    display: inline-block;
    margin-left: .28em;
    font-size: .68em;
    line-height: 1;
    opacity: .48;
    vertical-align: .16em;
    cursor: help;
}


/* Free-game CTA: same brand button family, with a subtle visual cue. */
.oddplay-play-free-button::before {
    content: "★";
    margin-right: .38em;
    font-size: .82em;
}