/* A player's picture and name, the same in every game (see player.js). */
.pl-tag { display: inline-flex; align-items: center; gap: 10px; min-width: 0; max-width: 100%; vertical-align: middle; }
.pl-tag.flip { flex-direction: row-reverse; }
.pl-pic { flex: none; width: 36px; height: 36px; border-radius: 9px; overflow: hidden; display: grid; place-items: center; font: 900 15px var(--display); color: #04040d; image-rendering: pixelated; }
.pl-pic img { width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; display: block; }
.pl-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 800 14px var(--mono); letter-spacing: 0; text-transform: none; color: var(--ink); }
.pl-tag.me .pl-name { color: var(--cyan); }
.pl-label { flex: none; font: 700 10px var(--display); letter-spacing: .12em; color: var(--dim); }
.pl-tag.sm { gap: 8px; } .pl-tag.sm .pl-pic { width: 28px; height: 28px; border-radius: 8px; font-size: 12px; } .pl-tag.sm .pl-name { font-size: 12px; }
.pl-tag.lg { gap: 12px; } .pl-tag.lg .pl-pic { width: 44px; height: 44px; border-radius: 11px; font-size: 17px; } .pl-tag.lg .pl-name { font-size: 16px; }