/**
 * Steam Card Component
 * Steam profile and game library card styles.
 */

.steam-user-card {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: var(--shadow-card, 0 1px 30px -4px #e8e8e8);
  border-radius: var(--radius-md, 10px);
  border: 1px solid #FFFFFF;
  padding: 15px;
  margin: 10px 0;
}

.steam-profile {
  display: flex;
  align-items: center;
  gap: 15px;
}

.steam-profile-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.steam-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.steam-username {
  font-size: 16px;
  font-weight: var(--global-font-weight);
  color: var(--color-text-primary, #505050);
}

.steam-status {
  font-size: 12px;
  color: var(--color-text-tertiary, #ababab);
}

.steam-game-info {
  margin-top: 10px;
  font-size: 13px;
  color: var(--color-text-secondary, #888);
}

.steam-game-banner img {
  width: 100%;
  border-radius: var(--radius-sm, 8px);
  margin-top: 10px;
}

.steam-last-online {
  font-size: 12px;
  color: var(--color-text-tertiary, #ababab);
  margin-top: 5px;
}

.steam-error {
  color: #d9534f;
  font-size: 13px;
}