/* Header account chip for pages that do not load studio.css (My Games, play page). */
.auth-area { display: flex; align-items: center; gap: 10px; }
.user-chip { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); }
.user-chip .avatar { width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 13px; overflow: hidden; }
.user-chip .avatar img { width: 100%; height: 100%; object-fit: cover; }
.user-chip .uname { color: var(--text); max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 900px) { .user-chip .uname { display: none; } }