/* Theme-aware palette: WP block-theme presets when defined, hardcoded fallbacks otherwise. */
.steam-widget-grid {
	color-scheme: light dark;
	--sw-border: var(--wp--preset--color--accent-4, var(--wp--preset--color--tertiary, var(--global--color-border, light-dark(#ccc, #444))));
	--sw-ingame: #B7D282;
}

/* Grid of game icons via flex-wrap - no floats, no clearfix hack. */
.steam-widget-grid .games {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	line-height: 0;
}
.steam-widget-grid .game {
	border: 4px solid var(--sw-border);
	border-radius: 2px;
	display: block;
	width: 2.2em;
	height: 2.2em;
	box-sizing: content-box;
}

/* Status border color for actively-playing games. */
.steam-widget-grid .ingame { border-color: var(--sw-ingame); }