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

/* ── Per-field tile sizing — these field keys (position, wc_games, ...)
   are this game's own config.js field set; a different game's fields would
   need their own equivalent overrides here. ──────────────────────── */
.cell[data-field="position"] .cell-front .cell-value,
.cell[data-field="wc_games"] .cell-front .cell-value,
.cell[data-field="wc_goals"] .cell-front .cell-value,
.cell[data-field="first_wc_year"] .cell-front .cell-value,
.cell[data-field="wc_best_stage"] .cell-front .cell-value {
	font-size: 1.65rem;
}

.cell[data-field="position"] .cell-value,
.cell[data-field="wc_games"] .cell-value,
.cell[data-field="wc_goals"] .cell-value,
.cell[data-field="first_wc_year"] .cell-value,
.cell[data-field="wc_best_stage"] .cell-value {
	font-size: 1.65rem;
}

@media (max-width: 640px) {
	.cell[data-field="position"] .cell-value,
	.cell[data-field="wc_games"] .cell-value,
	.cell[data-field="wc_goals"] .cell-value,
	.cell[data-field="first_wc_year"] .cell-value {
		font-size: 1.4rem;
	}
	.cell[data-field="wc_best_stage"] .cell-value {
		font-size: 1.2rem;
	}
	.cell[data-field="position"] .cell-front .cell-value,
	.cell[data-field="wc_games"] .cell-front .cell-value,
	.cell[data-field="wc_goals"] .cell-front .cell-value,
	.cell[data-field="first_wc_year"] .cell-front .cell-value {
		font-size: 1.4rem;
	}
	.cell[data-field="wc_best_stage"] .cell-front .cell-value {
		font-size: 1.2rem;
	}
}