.user-avatar{color:#fff;text-transform:uppercase;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;display:inline-flex;position:relative;box-shadow:0 2px 6px #0000002e}.user-avatar--sm{border-radius:8px;width:32px;height:32px;font-size:.95rem}.user-avatar--md{font-size:1.15rem}.user-avatar--opponent{background:linear-gradient(135deg, #8b6f5c 0%, var(--color-brown-dark,#5d4037) 100%)}.user-avatar--self{background:linear-gradient(135deg, var(--color-forest-medium,#3d8b40) 0%, var(--color-forest-dark,#2c5f2d) 100%)}.user-avatar-piece-indicator{filter:drop-shadow(0 1px 2px #0000004d);line-height:0;display:block;position:absolute;bottom:-6px;right:-6px}