/* Simple square game icons (/<game>/icons/icon.svg) in places built for the wide 2:1 emblem art. */
img[src$="/icons/icon.svg"], img[src$="/icons/icon-192.png"] { aspect-ratio: 1; border-radius: 22%; }
/* home page cards and More games tiles */
.emblem img[src$="/icons/icon.svg"], .emblem img[src$="/icons/icon-192.png"] { width: 58%; height: auto; }
.mg-emblem img[src$="/icons/icon.svg"], .mg-emblem img[src$="/icons/icon-192.png"] { width: 46%; height: auto; margin: 0 auto; }
/* game page header, hero wordmark and footer */
.brand img[src$="/icons/icon.svg"], .brand img[src$="/icons/icon-192.png"] { width: 34px; height: 34px; }
.wordmark img[src$="/icons/icon.svg"], .wordmark img[src$="/icons/icon-192.png"] { width: clamp(72px, 9vw, 104px); height: auto; }
.foot-brand img[src$="/icons/icon.svg"], .foot-brand img[src$="/icons/icon-192.png"] { width: 30px; height: 30px; }
/* app headings on the home page */
.app-head h3 { display: flex; align-items: center; gap: clamp(10px, 1.4vw, 16px); }
.app-head .app-icon { flex: none; width: clamp(36px, 4.4vw, 52px); height: auto; }
.tile-top h3 a { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.tile-top .tile-icon { width: 28px; height: 28px; flex: none; }