/**
 * Styles specific to the Grand Slam game. The shared game shell is styled by
 * ../game.css and the ui/ components by ../shared.css, both linked before
 * this file.
 */

/* ── Theme — optic "tennis ball" yellow instead of football's pitch green.
   Tile colours (--correct, --close) stay the same across games. ─────── */
:root {
	--pitch: #d4f03c;
	--pitch-dim: #8a9e1c;
	--pitch-bright: #e6ff66;
	--pitch-glow: rgba(212, 240, 60, 0.18);
}

/* ── Per-field tile sizing — these field keys are this game's own
   config.js field set. ───────────────────────────────────────────── */
.cell[data-field="turned_pro"] .cell-value,
.cell[data-field="australian_open_best"] .cell-value,
.cell[data-field="french_open_best"] .cell-value,
.cell[data-field="wimbledon_best"] .cell-value,
.cell[data-field="us_open_best"] .cell-value {
	font-size: 1.65rem;
}

@media (max-width: 640px) {
	.cell[data-field="turned_pro"] .cell-value,
	.cell[data-field="australian_open_best"] .cell-value,
	.cell[data-field="french_open_best"] .cell-value,
	.cell[data-field="wimbledon_best"] .cell-value,
	.cell[data-field="us_open_best"] .cell-value {
		font-size: 1.4rem;
	}
}